monday-ui-react-core/src/components/Combobox/ComboboxService.js

Official monday.com UI resources for application development in React.js

export const getOptionsByCategories = (options, categories, filterValue) => {
  const optionsByCategories = options.reduce((result, option) => {
    const categoryId = option.categoryId;
    // skipping if the option doesn't have a category
    if (!categoryId) return result;
    if (categories[categoryId]?.onlyShowOnSearch && !filterValue) return result;

    if (result[categoryId]) {
      result[categoryId].push(option);
    } else {
      // eslint-disable-next-line no-param-reassign
      result[categoryId] = [option];
    }

    return result;
  }, {});

  // reorder the keys according to the categories order
  return Object.keys(categories).reduce((result, categoryId) => {
    // eslint-disable-next-line no-param-reassign
    if (optionsByCategories[categoryId]) result[categoryId] = optionsByCategories[categoryId];

    return result;
  }, {});
};

export const defaultFilter = (filterValue, options) =>
  options.filter(({ label }) => !filterValue || label.toLowerCase().includes(filterValue.toLowerCase()));