zulip/static/js/search_pill.js

import {Filter} from "./filter";
import * as input_pill from "./input_pill";

export function create_item_from_search_string(search_string) {
    const operator = Filter.parse(search_string);
    const description = Filter.describe(operator);
    return {
        display_value: search_string,
        description,
    };
}

export function get_search_string_from_item(item) {
    return item.display_value;
}

export function create_pills($pill_container) {
    const pills = input_pill.create({
        $container: $pill_container,
        create_item_from_text: create_item_from_search_string,
        get_text_from_item: get_search_string_from_item,
    });
    return pills;
}

export function append_search_string(search_string, pill_widget) {
    const operators = Filter.parse(search_string);
    for (const operator of operators) {
        const input = Filter.unparse([operator]);
        pill_widget.appendValue(input);
    }
    if (pill_widget.clear_text !== undefined) {
        pill_widget.clear_text();
    }
}

export function get_search_string_for_current_filter(pill_widget) {
    const items = pill_widget.items();
    const search_strings = items.map((item) => item.display_value);
    return search_strings.join(" ");
}