@trackunit/filters-filter-bar 2.1.36 → 2.1.38

package/index.cjs.js

@@ -845,10 +845,13 @@ const uniqueKeysFromGroups = (filters) => [...new Set(filters.map(filter => filt
  */
 const useFiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], allowShowFiltersDirectly = true, includeFilterKeys, }) => {
     const hideInMenu = react.useMemo(() => {
+        // appliedFilterKeys() serialises filterBarConfig.values with JSON.parse/stringify —
+        // call it once and convert to a Set so the per-filter .includes() becomes O(1).
+        const appliedKeys = new Set(filterBarConfig.appliedFilterKeys());
         const result = sharedUtils.objectValues(filterBarDefinition)
             .map(filter => {
             const showInFilterBar = filter.showInFilterBar ? filter.showInFilterBar() : true;
-            const showMenuAnywayBecauseFilterHasChanged = filterBarConfig.appliedFilterKeys().includes(filter.filterKey);
+            const showMenuAnywayBecauseFilterHasChanged = appliedKeys.has(filter.filterKey);
             const showInMenu = includeFilterKeys
                 ? filter.filterKey.startsWith("cf__")
                     ? includeFilterKeys.includes(irisAppApi.customFieldFilterKey)
@@ -864,9 +867,11 @@ const useFiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters =
     const hiddenFiltersArray = react.useMemo(() => [...hideInMenu, ...hiddenFilters], [hideInMenu, hiddenFilters]);
     const { filtersGrouped } = useGroupFilters(filterBarDefinitionArray, hiddenFiltersArray);
     const { appliedFilters, filtersToShow, showDirectlyFilters, hasCustomFields } = react.useMemo(() => {
+        // appliedFilterKeys() is expensive (JSON.parse/stringify) — compute once per memo run.
+        const appliedKeys = new Set(filterBarConfig.appliedFilterKeys());
         const allFilters = filtersGrouped.map(group => group.filters).flat();
         return {
-            appliedFilters: allFilters.filter(filter => filterBarConfig.appliedFilterKeys().includes(filter.filterKey)),
+            appliedFilters: allFilters.filter(filter => appliedKeys.has(filter.filterKey)),
             filtersToShow: allFilters.filter(filter => !filter.showDirectly),
             showDirectlyFilters: allFilters.filter(filter => filter.showDirectly && allowShowFiltersDirectly),
             hasCustomFields: allFilters.some(filter => filter.group === "CUSTOM_FIELDS"),

package/index.esm.js

@@ -843,10 +843,13 @@ const uniqueKeysFromGroups = (filters) => [...new Set(filters.map(filter => filt
  */
 const useFiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], allowShowFiltersDirectly = true, includeFilterKeys, }) => {
     const hideInMenu = useMemo(() => {
+        // appliedFilterKeys() serialises filterBarConfig.values with JSON.parse/stringify —
+        // call it once and convert to a Set so the per-filter .includes() becomes O(1).
+        const appliedKeys = new Set(filterBarConfig.appliedFilterKeys());
         const result = objectValues(filterBarDefinition)
             .map(filter => {
             const showInFilterBar = filter.showInFilterBar ? filter.showInFilterBar() : true;
-            const showMenuAnywayBecauseFilterHasChanged = filterBarConfig.appliedFilterKeys().includes(filter.filterKey);
+            const showMenuAnywayBecauseFilterHasChanged = appliedKeys.has(filter.filterKey);
             const showInMenu = includeFilterKeys
                 ? filter.filterKey.startsWith("cf__")
                     ? includeFilterKeys.includes(customFieldFilterKey)
@@ -862,9 +865,11 @@ const useFiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters =
     const hiddenFiltersArray = useMemo(() => [...hideInMenu, ...hiddenFilters], [hideInMenu, hiddenFilters]);
     const { filtersGrouped } = useGroupFilters(filterBarDefinitionArray, hiddenFiltersArray);
     const { appliedFilters, filtersToShow, showDirectlyFilters, hasCustomFields } = useMemo(() => {
+        // appliedFilterKeys() is expensive (JSON.parse/stringify) — compute once per memo run.
+        const appliedKeys = new Set(filterBarConfig.appliedFilterKeys());
         const allFilters = filtersGrouped.map(group => group.filters).flat();
         return {
-            appliedFilters: allFilters.filter(filter => filterBarConfig.appliedFilterKeys().includes(filter.filterKey)),
+            appliedFilters: allFilters.filter(filter => appliedKeys.has(filter.filterKey)),
             filtersToShow: allFilters.filter(filter => !filter.showDirectly),
             showDirectlyFilters: allFilters.filter(filter => filter.showDirectly && allowShowFiltersDirectly),
             hasCustomFields: allFilters.some(filter => filter.group === "CUSTOM_FIELDS"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "2.1.36",
+  "version": "2.1.38",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,17 +11,17 @@
     "tailwind-merge": "^2.0.0",
     "string-ts": "^2.0.0",
     "zod": "^3.25.76",
-    "@trackunit/iris-app-api": "2.0.29",
-    "@trackunit/react-core-hooks": "1.17.46",
-    "@trackunit/react-filter-components": "2.1.36",
-    "@trackunit/react-date-and-time-components": "2.1.36",
-    "@trackunit/shared-utils": "1.15.37",
-    "@trackunit/react-form-components": "2.1.35",
-    "@trackunit/iris-app-runtime-core-api": "1.16.41",
-    "@trackunit/geo-json-utils": "1.14.40",
-    "@trackunit/i18n-library-translation": "2.0.34",
-    "@trackunit/css-class-variance-utilities": "1.13.37",
-    "@trackunit/react-components": "2.1.33"
+    "@trackunit/iris-app-api": "2.0.31",
+    "@trackunit/react-core-hooks": "1.17.48",
+    "@trackunit/react-filter-components": "2.1.38",
+    "@trackunit/react-date-and-time-components": "2.1.38",
+    "@trackunit/shared-utils": "1.15.39",
+    "@trackunit/react-form-components": "2.1.37",
+    "@trackunit/iris-app-runtime-core-api": "1.16.43",
+    "@trackunit/geo-json-utils": "1.14.42",
+    "@trackunit/i18n-library-translation": "2.0.36",
+    "@trackunit/css-class-variance-utilities": "1.13.39",
+    "@trackunit/react-components": "2.1.35"
   },
   "peerDependencies": {
     "@apollo/client": "^3.13.8",

package/src/lib/types/FilterTypes.d.ts

@@ -41,7 +41,7 @@ export type FilterMapGetter = {
     getValuesByKey: (key: string) => FilterValueType;
     isDefaultValue: (key: string, value: FilterValueType) => boolean;
     arrayIncludesValue: (key: string, value: string | boolean) => boolean;
-    appliedFilterKeys: () => Array<keyof FilterBarDefinition>;
+    appliedFilterKeys: () => Array<FilterName>;
     isFilterIncludedByKey(key: string): boolean;
 };
 export type FilterName = string;