@trackunit/filters-filter-bar 2.6.22 → 2.6.27

package/index.cjs.js

@@ -372,7 +372,7 @@ const EmptyResults = ({ loading = false }) => {
  *
  * @param {DefaultFilterProps<string[]>} props - The properties required for the `DefaultCheckboxFilter` component.
  */
-const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, pagination, }) => {
+const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, undefinedOptionKey = "UNDEFINED", pagination, }) => {
     const { logEvent } = reactCoreHooks.useAnalytics(FilterEvents);
     const { t } = useTranslation();
     const handleSetValue = (value) => {
@@ -420,19 +420,19 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
     const results = react.useMemo(() => {
         const result = customSearch ? options : filteredOptions;
         if (showUndefinedOptionWithCountAtBottom) {
-            const foundUndefined = result.filter(option => option.key === "UNDEFINED");
-            const allWithoutUndefined = result.filter(option => option.key !== "UNDEFINED");
+            const foundUndefined = result.filter(option => option.key === undefinedOptionKey);
+            const allWithoutUndefined = result.filter(option => option.key !== undefinedOptionKey);
             return [...allWithoutUndefined, ...foundUndefined];
         }
         return result;
-    }, [customSearch, options, filteredOptions, showUndefinedOptionWithCountAtBottom]);
+    }, [customSearch, options, filteredOptions, showUndefinedOptionWithCountAtBottom, undefinedOptionKey]);
     const undefinedCount = react.useMemo(() => {
-        const index = results.findIndex(option => option.key === "UNDEFINED");
+        const index = results.findIndex(option => option.key === undefinedOptionKey);
         if (index !== -1) {
             return { count: results[index]?.count, index };
         }
         return null;
-    }, [results]);
+    }, [results, undefinedOptionKey]);
     /**
      * Selects the options loaded so far, which for a paginated facet is the pages fetched up to now
      * rather than every value the server could return. That is what this button has always done — it

package/index.esm.js

@@ -370,7 +370,7 @@ const EmptyResults = ({ loading = false }) => {
  *
  * @param {DefaultFilterProps<string[]>} props - The properties required for the `DefaultCheckboxFilter` component.
  */
-const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, pagination, }) => {
+const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, undefinedOptionKey = "UNDEFINED", pagination, }) => {
     const { logEvent } = useAnalytics(FilterEvents);
     const { t } = useTranslation();
     const handleSetValue = (value) => {
@@ -418,19 +418,19 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
     const results = useMemo(() => {
         const result = customSearch ? options : filteredOptions;
         if (showUndefinedOptionWithCountAtBottom) {
-            const foundUndefined = result.filter(option => option.key === "UNDEFINED");
-            const allWithoutUndefined = result.filter(option => option.key !== "UNDEFINED");
+            const foundUndefined = result.filter(option => option.key === undefinedOptionKey);
+            const allWithoutUndefined = result.filter(option => option.key !== undefinedOptionKey);
             return [...allWithoutUndefined, ...foundUndefined];
         }
         return result;
-    }, [customSearch, options, filteredOptions, showUndefinedOptionWithCountAtBottom]);
+    }, [customSearch, options, filteredOptions, showUndefinedOptionWithCountAtBottom, undefinedOptionKey]);
     const undefinedCount = useMemo(() => {
-        const index = results.findIndex(option => option.key === "UNDEFINED");
+        const index = results.findIndex(option => option.key === undefinedOptionKey);
         if (index !== -1) {
             return { count: results[index]?.count, index };
         }
         return null;
-    }, [results]);
+    }, [results, undefinedOptionKey]);
     /**
      * Selects the options loaded so far, which for a paginated facet is the pages fetched up to now
      * rather than every value the server could return. That is what this button has always done — it

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "2.6.22",
+  "version": "2.6.27",
   "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.4.13",
-    "@trackunit/react-core-hooks": "1.21.21",
-    "@trackunit/react-filter-components": "2.6.22",
-    "@trackunit/react-date-and-time-components": "2.6.22",
+    "@trackunit/iris-app-api": "2.4.17",
+    "@trackunit/react-core-hooks": "1.21.25",
+    "@trackunit/react-filter-components": "2.6.26",
+    "@trackunit/react-date-and-time-components": "2.6.26",
     "@trackunit/shared-utils": "1.16.22",
-    "@trackunit/react-form-components": "2.6.22",
-    "@trackunit/iris-app-runtime-core-api": "1.17.27",
+    "@trackunit/react-form-components": "2.6.26",
+    "@trackunit/iris-app-runtime-core-api": "1.17.28",
     "@trackunit/geo-json-utils": "1.15.21",
-    "@trackunit/i18n-library-translation": "2.4.21",
+    "@trackunit/i18n-library-translation": "2.4.25",
     "@trackunit/css-class-variance-utilities": "1.14.19",
-    "@trackunit/react-components": "2.10.15"
+    "@trackunit/react-components": "2.10.19"
   },
   "peerDependencies": {
     "@apollo/client": "^3.13.8",

package/src/lib/components/DefaultCheckboxFilter.d.ts

@@ -7,5 +7,5 @@ type FilterDefinitionValue = Array<string> | Array<ValueName>;
  *
  * @param {DefaultFilterProps<string[]>} props - The properties required for the `DefaultCheckboxFilter` component.
  */
-export declare const DefaultCheckboxFilter: <TFilterValue extends FilterDefinitionValue>({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch, showUndefinedOptionWithCountAtBottom, pagination, }: DefaultFilterProps<TFilterValue>) => ReactElement;
+export declare const DefaultCheckboxFilter: <TFilterValue extends FilterDefinitionValue>({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch, showUndefinedOptionWithCountAtBottom, undefinedOptionKey, pagination, }: DefaultFilterProps<TFilterValue>) => ReactElement;
 export {};

package/src/lib/components/DefaultFilterTypes.d.ts

@@ -56,9 +56,15 @@ export interface DefaultFilterProps<TReturnType> extends FilterViewProps<TReturn
      */
     pagination?: RelayPagination;
     /**
-     * A flag indicating whether the key "UNDEFINED" should be moved to bottom of the list always visible. Default is true
+     * A flag indicating whether the no-value option should be moved to bottom of the list always visible. Default is true
      */
     showUndefinedOptionWithCountAtBottom?: boolean;
+    /**
+     * The option key treated as the no-value bucket, so it is pinned to the bottom, left out of the
+     * search count and excluded from `Select all`. A facet whose no-value bucket has to carry a value
+     * the backend accepts overrides this. Default is "UNDEFINED"
+     */
+    undefinedOptionKey?: string;
     /**
      * By default, searches client side on all options. Override with this to support for server side searching
      */

package/migrations/entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"entry.js","sourceRoot":"","sources":["../../../../../libs/filters/filter-bar/migrations/entry.ts"],"names":[],"mappings":"","sourcesContent":["export {};\n"]}