zulip/web/src/user_group_pill.ts

import type {InputPillContainer, InputPillItem} from "./input_pill";
import type {CombinedPillContainer} from "./typeahead_helper";
import type {UserGroup} from "./user_groups";
import * as user_groups from "./user_groups";

export type UserGroupPill = {
    type: "user_group";
    id: number;
    group_name: string;
};

type UserGroupPillWidget = InputPillContainer<UserGroupPill>;

export type UserGroupPillData = UserGroup & {type: "user_group"};

function display_pill(group: UserGroup): string {
    return `${group.name}: ${group.members.size} users`;
}

export function create_item_from_group_name(
    group_name: string,
    current_items: InputPillItem<UserGroupPill>[],
): InputPillItem<UserGroupPill> | undefined {
    group_name = group_name.trim();
    const group = user_groups.get_user_group_from_name(group_name);
    if (!group) {
        return undefined;
    }

    const in_current_items = current_items.find((item) => item.id === group.id);
    if (in_current_items !== undefined) {
        return undefined;
    }

    return {
        type: "user_group",
        display_value: display_pill(group),
        id: group.id,
        group_name: group.name,
    };
}

export function get_group_name_from_item(item: InputPillItem<UserGroupPill>): string {
    return item.group_name;
}

function get_user_ids_from_user_groups(items: InputPillItem<UserGroupPill>[]): number[] {
    const group_ids = items.map((item) => item.id).filter(Boolean);
    return group_ids.flatMap((group_id) => [
        ...user_groups.get_user_group_from_id(group_id).members,
    ]);
}

export function get_user_ids(pill_widget: UserGroupPillWidget): number[] {
    const items = pill_widget.items();
    let user_ids = get_user_ids_from_user_groups(items);
    user_ids = [...new Set(user_ids)];
    user_ids.sort((a, b) => a - b);

    user_ids = user_ids.filter(Boolean);
    return user_ids;
}

export function append_user_group(group: UserGroup, pill_widget: CombinedPillContainer): void {
    pill_widget.appendValidatedData({
        type: "user_group",
        display_value: display_pill(group),
        id: group.id,
        group_name: group.name,
    });
    pill_widget.clear_text();
}

export function get_group_ids(pill_widget: CombinedPillContainer): number[] {
    const items = pill_widget.items();
    return items.flatMap((item) => (item.type === "user_group" ? item.id : []));
}

export function filter_taken_groups(
    items: UserGroup[],
    pill_widget: CombinedPillContainer,
): UserGroup[] {
    const taken_group_ids = get_group_ids(pill_widget);
    items = items.filter((item) => !taken_group_ids.includes(item.id));
    return items;
}

export function typeahead_source(pill_widget: CombinedPillContainer): UserGroupPillData[] {
    const groups = user_groups.get_realm_user_groups();
    return filter_taken_groups(groups, pill_widget).map((user_group) => ({
        ...user_group,
        type: "user_group",
    }));
}