@carbon/ibm-products
Version:
Carbon for IBM Products
98 lines (96 loc) • 3.54 kB
JavaScript
/**
* Copyright IBM Corp. 2020, 2026
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
//#region src/components/AddSelect/add-select-utils.js
/**
* to be able to more easily and efficiently the child entries the data needs to be
* normalized. this function recursively goes through the data array to build a single
* object who's keys are the id's of every single entry
* @param {object} data
* @returns an object of normalized data
*/
const normalize = (data) => {
return data.entries.reduce((prev, cur) => {
const { children, ...item } = cur;
prev[item.id] = item;
if (children) {
const childItems = normalize(children);
return {
...prev,
...childItems
};
}
return prev;
}, {});
};
/**
* takes in a global filters array and a flat list of items
* it then searches through the items and finds any with the matching filter properties
* and adds those values to the array
* globalFilters looks like [{ id: someProperty }]
* the returned array would look like [{ id: someProperty, opts: [value, value]}]
* @param {Array} globalFilters - list of filter properties
* @param {Array} items - items to search through
* @returns an array of filter values
*/
const getGlobalFilterValues = (globalFilters, items) => {
const itemIds = Object.keys(items);
return globalFilters.reduce((prevFilter, curFilter) => {
const filterId = curFilter.id;
const filterOpts = itemIds.reduce((prevId, curId) => {
const value = items[curId][filterId];
if (value && !prevId.includes(value)) prevId.push(value);
return prevId;
}, []);
prevFilter.push({
opts: filterOpts,
...curFilter
});
return prevFilter;
}, []);
};
const sortItems = (attribute, direction) => {
return (a, b) => {
const valueA = a[attribute]?.split(" ").join("");
const valueB = b[attribute]?.split(" ").join("");
if (direction === "desc") return valueA > valueB ? -1 : 1;
return valueA < valueB ? -1 : 1;
};
};
const getFilteredItems = (useNormalizedItems, normalizedItems, searchTerm, globalFiltersApplied, globalFilterKeys, appliedGlobalFilters, sortFn, multi, items, path) => {
/**
* useNormalizedItems just specifies if the data is hierarchical. the data structure
* is an object and not an array.
*/
if (useNormalizedItems) {
const itemIds = Object.keys(normalizedItems);
if (searchTerm || globalFiltersApplied) return itemIds.reduce((prev, cur) => {
if (normalizedItems[cur].title.toLowerCase().includes(searchTerm.toLowerCase())) prev.push(normalizedItems[cur]);
return prev;
}, []).filter((item) => {
return globalFilterKeys.every((filter) => item[filter] === appliedGlobalFilters[filter]);
}).sort(sortFn);
/**
* multi select with hierarchy requires special consideration because columns
* are built recursively, so the items are just returned
*/
if (multi) return items;
/**
* because single add select with hierarchy isn't recursively built the data
* structure has to be built around the path to maintain the folder structure
*/
if (path.length > 1) return path.reduce((prev, cur, curIdx) => {
if (curIdx === 0) return prev;
return prev.find((item) => item.id === cur.id)?.children?.entries;
}, items.entries);
return items.entries;
} else {
if (searchTerm) return items.entries.filter((item) => item.title.toLowerCase().includes(searchTerm.toLowerCase()));
return items.entries;
}
};
//#endregion
export { getFilteredItems, getGlobalFilterValues, normalize, sortItems };