@trackunit/filters-filter-bar 1.16.11 → 1.16.15

package/index.cjs.js

@@ -580,9 +580,7 @@ const EmptyResults = ({ loading }) => {
  * @param {DefaultFilterProps<string[]>} props - The properties required for the `DefaultCheckboxFilter` component.
  */
 const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, }) => {
-    const [undefinedCount, setUndefinedCount] = react.useState(null);
     const { logEvent } = reactCoreHooks.useAnalytics(FilterEvents);
-    const [hasSelectedAll, setHasSelectedAll] = react.useState(false);
     const { t } = useTranslation();
     const handleSetValue = (value) => {
         logEvent("Filters Applied - V2", {
@@ -635,34 +633,26 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
         }
         return result;
     }, [customSearch, options, filteredOptions, showUndefinedOptionWithCountAtBottom]);
-    react.useEffect(() => {
+    const undefinedCount = react.useMemo(() => {
         const index = results.findIndex(option => option.key === "UNDEFINED");
         if (index !== -1) {
-            setUndefinedCount({ count: results[index]?.count, index });
+            return { count: results[index]?.count, index };
         }
+        return null;
     }, [results]);
-    react.useEffect(() => {
+    const hasSelectedAll = react.useMemo(() => {
         const values = filterBarActions.getValuesByKey(filterDefinition.filterKey);
         if (Array.isArray(values)) {
             const optionsLength = undefinedCount ? options.length - 1 : options.length;
-            if (values.length === optionsLength) {
-                setHasSelectedAll(true);
-            }
-            else {
-                setHasSelectedAll(false);
-            }
-        }
-        else {
-            setHasSelectedAll(true);
+            return values.length === optionsLength;
         }
+        return true;
     }, [filterBarActions, filterDefinition.filterKey, options.length, undefinedCount]);
     const handleSelectAll = () => {
         if (hasSelectedAll) {
             setMultipleValues([]);
-            setHasSelectedAll(false);
         }
         else {
-            setHasSelectedAll(true);
             let selectValues = options;
             if (undefinedCount) {
                 selectValues = selectValues.slice(0, undefinedCount.index);

package/index.esm.js

@@ -578,9 +578,7 @@ const EmptyResults = ({ loading }) => {
  * @param {DefaultFilterProps<string[]>} props - The properties required for the `DefaultCheckboxFilter` component.
  */
 const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, }) => {
-    const [undefinedCount, setUndefinedCount] = useState(null);
     const { logEvent } = useAnalytics(FilterEvents);
-    const [hasSelectedAll, setHasSelectedAll] = useState(false);
     const { t } = useTranslation();
     const handleSetValue = (value) => {
         logEvent("Filters Applied - V2", {
@@ -633,34 +631,26 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
         }
         return result;
     }, [customSearch, options, filteredOptions, showUndefinedOptionWithCountAtBottom]);
-    useEffect(() => {
+    const undefinedCount = useMemo(() => {
         const index = results.findIndex(option => option.key === "UNDEFINED");
         if (index !== -1) {
-            setUndefinedCount({ count: results[index]?.count, index });
+            return { count: results[index]?.count, index };
         }
+        return null;
     }, [results]);
-    useEffect(() => {
+    const hasSelectedAll = useMemo(() => {
         const values = filterBarActions.getValuesByKey(filterDefinition.filterKey);
         if (Array.isArray(values)) {
             const optionsLength = undefinedCount ? options.length - 1 : options.length;
-            if (values.length === optionsLength) {
-                setHasSelectedAll(true);
-            }
-            else {
-                setHasSelectedAll(false);
-            }
-        }
-        else {
-            setHasSelectedAll(true);
+            return values.length === optionsLength;
         }
+        return true;
     }, [filterBarActions, filterDefinition.filterKey, options.length, undefinedCount]);
     const handleSelectAll = () => {
         if (hasSelectedAll) {
             setMultipleValues([]);
-            setHasSelectedAll(false);
         }
         else {
-            setHasSelectedAll(true);
             let selectValues = options;
             if (undefinedCount) {
                 selectValues = selectValues.slice(0, undefinedCount.index);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.16.11",
+  "version": "1.16.15",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -12,17 +12,17 @@
     "tailwind-merge": "^2.0.0",
     "string-ts": "^2.0.0",
     "zod": "^3.23.8",
-    "@trackunit/iris-app-api": "1.15.5",
-    "@trackunit/react-core-hooks": "1.12.67",
-    "@trackunit/react-filter-components": "1.15.11",
-    "@trackunit/react-date-and-time-components": "1.18.11",
-    "@trackunit/shared-utils": "1.13.74",
-    "@trackunit/react-form-components": "1.16.11",
-    "@trackunit/iris-app-runtime-core-api": "1.12.57",
-    "@trackunit/geo-json-utils": "1.11.75",
-    "@trackunit/i18n-library-translation": "1.13.10",
-    "@trackunit/css-class-variance-utilities": "1.11.74",
-    "@trackunit/react-components": "1.18.20",
+    "@trackunit/iris-app-api": "1.15.7",
+    "@trackunit/react-core-hooks": "1.12.69",
+    "@trackunit/react-filter-components": "1.15.15",
+    "@trackunit/react-date-and-time-components": "1.18.15",
+    "@trackunit/shared-utils": "1.13.75",
+    "@trackunit/react-form-components": "1.16.15",
+    "@trackunit/iris-app-runtime-core-api": "1.12.58",
+    "@trackunit/geo-json-utils": "1.11.76",
+    "@trackunit/i18n-library-translation": "1.13.13",
+    "@trackunit/css-class-variance-utilities": "1.11.75",
+    "@trackunit/react-components": "1.18.22",
     "@tanstack/react-router": "1.114.29"
   },
   "module": "./index.esm.js",