npm - @trackunit/filters-filter-bar - Versions diffs - 1.8.152 → 1.8.156 - Mend

@trackunit/filters-filter-bar 1.8.152 → 1.8.156

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/index.cjs.js CHANGED Viewed

@@ -2154,34 +2154,34 @@ const useFilterBarPersistence = ({ name, setValue, refreshData, isDefaultValue,
     // Add this useEffect to detect external URL changes
     react.useEffect(() => {
         if (!inputLoadData && !inputSaveData) {
-            requestAnimationFrame(() => {
-                const currentSearchValue = search?.[name];
-                let currentSearchValueParsed;
-                let lastSearchUpdateRefParsed;
-                try {
-                    currentSearchValueParsed = currentSearchValue ? decode(currentSearchValue) : undefined;
-                }
-                catch (error) {
-                    // Invalid compressed data, treat as undefined
-                    currentSearchValueParsed = undefined;
-                }
-                try {
-                    lastSearchUpdateRefParsed = lastSearchUpdateRef.current ? decode(lastSearchUpdateRef.current) : undefined;
-                }
-                catch (error) {
-                    // Invalid compressed data, treat as undefined
-                    lastSearchUpdateRefParsed = undefined;
-                }
-                // H4sIADGRuGgAA3WTy07eQAxGXwVlXUtje27uruqWd0C2x1NaAa2AdoN49xq6-LOgUpQo0onny7H9ctzHsy591q8_73_dxXM8xNPT8fnl-KN3v-P4fHy5vj4-HQ96__5yd3e8fjqeQh_9Nt9v48fVfayr9f3b1YrHBH3f3GDBaj4Zui-HuvsADeO8KeFGrmYrj8hCbzTZrF0coRMRVEYHGcKAsW1Iw8qiF3ox06zbASth1t4GVsqCUvIxqO9R-EJ7w2aDJnjHCbV6JtmlgOSHQzB4DLvQtiwiRGB3aUk3h0lLgdyjFiyD8USPhd55BYzakkbaSbeA2jfmFaV7v9BMErKLguWpUNdQEKwTsqqXNETL_eRkbqojy1K0pCtVkK4LJM2VPtk6lQtdcIpSs2RGno9aQG0LSJrmvgrKHCeDFWWQN0iNNZMYgczFQNtH0VbqKifaq7uVBFdvBIgRIBoClcLXQFlC7VR7E7l2PdHKnH36kN5rJFY96Z0m3mhTKv-hG8cscytgU0vLnAOlTNAWdd_TR11y8m3dsxsGyJp_2XOg5hyZOxaP2Qu6nX137DbnW5L0_S-3p9CPk2hC09sG15SXgrKrHgQlpYe6ZKl9oScNb74IOmMmmbkSYmmHdYWZ7z3baWKpiWq0nA6u2fkEYFoOS-_OtibuIqfdaa0oDytgnB2saSC3YTSI0UKIc9nofWJf_wIRCrRd6AMAAA
-                // Check if this is an external URL change (not from our own updates)
-                // Only trigger refreshData if there's a meaningful change in the URL value
-                if (search?.[name] !== undefined && !dequal.dequal(currentSearchValueParsed, lastSearchUpdateRefParsed)) {
-                    // This is an external URL change with actual data, trigger refreshData
+            const currentSearchValue = search?.[name];
+            let currentSearchValueParsed;
+            let lastSearchUpdateRefParsed;
+            try {
+                currentSearchValueParsed = currentSearchValue ? decode(currentSearchValue) : undefined;
+            }
+            catch (_) {
+                // Invalid compressed data, treat as undefined
+                currentSearchValueParsed = undefined;
+            }
+            try {
+                lastSearchUpdateRefParsed = lastSearchUpdateRef.current ? decode(lastSearchUpdateRef.current) : undefined;
+            }
+            catch (_) {
+                // Invalid compressed data, treat as undefined
+                lastSearchUpdateRefParsed = undefined;
+            }
+            // H4sIADGRuGgAA3WTy07eQAxGXwVlXUtje27uruqWd0C2x1NaAa2AdoN49xq6-LOgUpQo0onny7H9ctzHsy591q8_73_dxXM8xNPT8fnl-KN3v-P4fHy5vj4-HQ96__5yd3e8fjqeQh_9Nt9v48fVfayr9f3b1YrHBH3f3GDBaj4Zui-HuvsADeO8KeFGrmYrj8hCbzTZrF0coRMRVEYHGcKAsW1Iw8qiF3ox06zbASth1t4GVsqCUvIxqO9R-EJ7w2aDJnjHCbV6JtmlgOSHQzB4DLvQtiwiRGB3aUk3h0lLgdyjFiyD8USPhd55BYzakkbaSbeA2jfmFaV7v9BMErKLguWpUNdQEKwTsqqXNETL_eRkbqojy1K0pCtVkK4LJM2VPtk6lQtdcIpSs2RGno9aQG0LSJrmvgrKHCeDFWWQN0iNNZMYgczFQNtH0VbqKifaq7uVBFdvBIgRIBoClcLXQFlC7VR7E7l2PdHKnH36kN5rJFY96Z0m3mhTKv-hG8cscytgU0vLnAOlTNAWdd_TR11y8m3dsxsGyJp_2XOg5hyZOxaP2Qu6nX137DbnW5L0_S-3p9CPk2hC09sG15SXgrKrHgQlpYe6ZKl9oScNb74IOmMmmbkSYmmHdYWZ7z3baWKpiWq0nA6u2fkEYFoOS-_OtibuIqfdaa0oDytgnB2saSC3YTSI0UKIc9nofWJf_wIRCrRd6AMAAA
+            // Check if this is an external URL change (not from our own updates)
+            // Only trigger refreshData if there's a meaningful change in the URL value
+            if (search?.[name] !== undefined && !dequal.dequal(lastSearchUpdateRefParsed, currentSearchValueParsed)) {
+                // This is an external URL change with actual data, trigger refreshData
+                void requestAnimationFrame(() => {
                     if (refreshDataRef.current) {
                         refreshDataRef.current();
                     }
-                }
-            });
+                });
+            }
         }
     }, [search, name, inputLoadData, inputSaveData, decode]);
     const saveData = react.useCallback((filterBarConfig, filterBarDefinitions) => {
@@ -2320,13 +2320,17 @@ const useFilterBarPersistence = ({ name, setValue, refreshData, isDefaultValue,
             initialFilterBarConfig.setters[`set${stringTs.capitalize(key)}`] = (callback) => setValue(key, callback);
         });
         const urlObject = getFilterValuesToUrl(initialFilterBarConfig.values, updatedFilterDefinitionsValues, false, isDefaultValue);
+        let needUpdate = false;
         const result = {};
         if (initialFilterBarConfig.name) {
             result[initialFilterBarConfig.name] = encode(urlObject);
+            needUpdate = !dequal.dequal(lastSearchUpdateRef.current, result[initialFilterBarConfig.name]);
             // Update the ref BEFORE updating the URL to prevent false external change detection
             lastSearchUpdateRef.current = result[initialFilterBarConfig.name];
         }
-        updateSearch(result);
+        if (needUpdate) {
+            void updateSearch(result);
+        }
         return initialFilterBarConfig;
     }, [name, setValue, loadValues, getFilterValuesToUrl, updateSearch, encode, isDefaultValue]);
     return react.useMemo(() => ({ loadData, saveData, getFilterValuesToUrl }), [loadData, saveData, getFilterValuesToUrl]);
@@ -2360,6 +2364,10 @@ const useGenericSetValue = () => {
  * @returns {object} An object containing filter bar configuration and actions.
  */
 const useFilterBar = ({ name, onValuesChange, filterBarDefinition, loadData: inputLoadData, saveData: inputSaveData, }) => {
+    const filterBarDefinitionRef = react.useRef(filterBarDefinition);
+    react.useEffect(() => {
+        filterBarDefinitionRef.current = filterBarDefinition;
+    }, [filterBarDefinition]);
     const lastName = react.useRef(name);
     const { setValue } = useGenericSetValue();
     const { isDefaultValue } = useIsDefaultValue();
@@ -2367,13 +2375,16 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, loadData: inp
         name,
         isDefaultValue: (key, value) => isDefaultValue(key, value, filterBarDefinition),
         setValue: (key, callback) => setValue(setFilterBarConfig, key, callback),
-        refreshData: () => setFilterBarConfig(loadData(sharedUtils.objectValues(filterBarDefinition))),
+        refreshData: () => refreshData(),
         loadData: inputLoadData,
         saveData: inputSaveData,
     });
     const [filterBarConfig, setFilterBarConfig] = react.useState(() => {
         return loadData(sharedUtils.objectValues(filterBarDefinition));
     });
+    const refreshData = react.useCallback(() => {
+        setFilterBarConfig(loadData(sharedUtils.objectValues(filterBarDefinitionRef.current)));
+    }, [loadData, setFilterBarConfig]);
     const setValueMemoized = react.useCallback((key, callback) => {
         setValue(setFilterBarConfig, key, callback);
     }, [setFilterBarConfig, setValue]);
@@ -2402,16 +2413,20 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, loadData: inp
         },
         immediate: true,
     });
+    const loadDataRef = react.useRef(loadData);
+    react.useEffect(() => {
+        loadDataRef.current = loadData;
+    }, [loadData]);
     react.useEffect(() => {
         if (lastName.current !== name) {
-            setFilterBarConfig(loadData(sharedUtils.objectValues(filterBarDefinition)));
+            setFilterBarConfig(loadDataRef.current(sharedUtils.objectValues(filterBarDefinitionRef.current)));
             lastName.current = name;
         }
-    }, [filterBarDefinition, loadData, name]);
+    }, [name]);
     return react.useMemo(() => {
         return {
             filterBarConfig: { ...filterBarConfig, ...filterMapActions, ...filterMapGetter },
-            filterBarDefinition,
+            filterBarDefinition: Object.freeze(filterBarDefinition),
             name,
             onValuesChange: stableOnValuesChange,
         };
@@ -2437,12 +2452,18 @@ const useFilterBarAsync = ({ name, onValuesChange, filterBarDefinition, loadData
     }), [name]);
     const [filterBarConfig, setFilterBarConfig] = react.useState(initialFilterBarConfig);
     const { setValue } = useGenericSetValue();
+    const refreshDataRef = react.useRef(() => {
+        // default do nothing
+    });
     const persistenceConfig = react.useMemo(() => ({
         name,
         isDefaultValue: (key, value) => isDefaultValue(key, value, filterBarDefinition, filterBarConfig.initialState),
         setValue: (key, callback) => setValue(setFilterBarConfig, key, callback),
         loadData: inputLoadData,
         saveData: inputSaveData,
+        refreshData: () => {
+            refreshDataRef.current();
+        },
     }), [
         name,
         isDefaultValue,
@@ -2454,6 +2475,14 @@ const useFilterBarAsync = ({ name, onValuesChange, filterBarDefinition, loadData
         inputSaveData,
     ]);
     const { loadData, saveData } = useFilterBarPersistence(persistenceConfig);
+    const refreshData = react.useCallback(() => {
+        if (isDataLoaded) {
+            setFilterBarConfig(loadData(sharedUtils.objectValues(internalFilterBarDefinitions)));
+        }
+    }, [loadData, setFilterBarConfig, internalFilterBarDefinitions, isDataLoaded]);
+    react.useEffect(() => {
+        refreshDataRef.current = refreshData;
+    }, [refreshData]);
     const setValueMemoized = react.useCallback((key, callback) => {
         setValue(setFilterBarConfig, key, callback);
     }, [setFilterBarConfig, setValue]);

package/index.esm.js CHANGED Viewed

@@ -2152,34 +2152,34 @@ const useFilterBarPersistence = ({ name, setValue, refreshData, isDefaultValue,
     // Add this useEffect to detect external URL changes
     useEffect(() => {
         if (!inputLoadData && !inputSaveData) {
-            requestAnimationFrame(() => {
-                const currentSearchValue = search?.[name];
-                let currentSearchValueParsed;
-                let lastSearchUpdateRefParsed;
-                try {
-                    currentSearchValueParsed = currentSearchValue ? decode(currentSearchValue) : undefined;
-                }
-                catch (error) {
-                    // Invalid compressed data, treat as undefined
-                    currentSearchValueParsed = undefined;
-                }
-                try {
-                    lastSearchUpdateRefParsed = lastSearchUpdateRef.current ? decode(lastSearchUpdateRef.current) : undefined;
-                }
-                catch (error) {
-                    // Invalid compressed data, treat as undefined
-                    lastSearchUpdateRefParsed = undefined;
-                }
-                // H4sIADGRuGgAA3WTy07eQAxGXwVlXUtje27uruqWd0C2x1NaAa2AdoN49xq6-LOgUpQo0onny7H9ctzHsy591q8_73_dxXM8xNPT8fnl-KN3v-P4fHy5vj4-HQ96__5yd3e8fjqeQh_9Nt9v48fVfayr9f3b1YrHBH3f3GDBaj4Zui-HuvsADeO8KeFGrmYrj8hCbzTZrF0coRMRVEYHGcKAsW1Iw8qiF3ox06zbASth1t4GVsqCUvIxqO9R-EJ7w2aDJnjHCbV6JtmlgOSHQzB4DLvQtiwiRGB3aUk3h0lLgdyjFiyD8USPhd55BYzakkbaSbeA2jfmFaV7v9BMErKLguWpUNdQEKwTsqqXNETL_eRkbqojy1K0pCtVkK4LJM2VPtk6lQtdcIpSs2RGno9aQG0LSJrmvgrKHCeDFWWQN0iNNZMYgczFQNtH0VbqKifaq7uVBFdvBIgRIBoClcLXQFlC7VR7E7l2PdHKnH36kN5rJFY96Z0m3mhTKv-hG8cscytgU0vLnAOlTNAWdd_TR11y8m3dsxsGyJp_2XOg5hyZOxaP2Qu6nX137DbnW5L0_S-3p9CPk2hC09sG15SXgrKrHgQlpYe6ZKl9oScNb74IOmMmmbkSYmmHdYWZ7z3baWKpiWq0nA6u2fkEYFoOS-_OtibuIqfdaa0oDytgnB2saSC3YTSI0UKIc9nofWJf_wIRCrRd6AMAAA
-                // Check if this is an external URL change (not from our own updates)
-                // Only trigger refreshData if there's a meaningful change in the URL value
-                if (search?.[name] !== undefined && !dequal(currentSearchValueParsed, lastSearchUpdateRefParsed)) {
-                    // This is an external URL change with actual data, trigger refreshData
+            const currentSearchValue = search?.[name];
+            let currentSearchValueParsed;
+            let lastSearchUpdateRefParsed;
+            try {
+                currentSearchValueParsed = currentSearchValue ? decode(currentSearchValue) : undefined;
+            }
+            catch (_) {
+                // Invalid compressed data, treat as undefined
+                currentSearchValueParsed = undefined;
+            }
+            try {
+                lastSearchUpdateRefParsed = lastSearchUpdateRef.current ? decode(lastSearchUpdateRef.current) : undefined;
+            }
+            catch (_) {
+                // Invalid compressed data, treat as undefined
+                lastSearchUpdateRefParsed = undefined;
+            }
+            // H4sIADGRuGgAA3WTy07eQAxGXwVlXUtje27uruqWd0C2x1NaAa2AdoN49xq6-LOgUpQo0onny7H9ctzHsy591q8_73_dxXM8xNPT8fnl-KN3v-P4fHy5vj4-HQ96__5yd3e8fjqeQh_9Nt9v48fVfayr9f3b1YrHBH3f3GDBaj4Zui-HuvsADeO8KeFGrmYrj8hCbzTZrF0coRMRVEYHGcKAsW1Iw8qiF3ox06zbASth1t4GVsqCUvIxqO9R-EJ7w2aDJnjHCbV6JtmlgOSHQzB4DLvQtiwiRGB3aUk3h0lLgdyjFiyD8USPhd55BYzakkbaSbeA2jfmFaV7v9BMErKLguWpUNdQEKwTsqqXNETL_eRkbqojy1K0pCtVkK4LJM2VPtk6lQtdcIpSs2RGno9aQG0LSJrmvgrKHCeDFWWQN0iNNZMYgczFQNtH0VbqKifaq7uVBFdvBIgRIBoClcLXQFlC7VR7E7l2PdHKnH36kN5rJFY96Z0m3mhTKv-hG8cscytgU0vLnAOlTNAWdd_TR11y8m3dsxsGyJp_2XOg5hyZOxaP2Qu6nX137DbnW5L0_S-3p9CPk2hC09sG15SXgrKrHgQlpYe6ZKl9oScNb74IOmMmmbkSYmmHdYWZ7z3baWKpiWq0nA6u2fkEYFoOS-_OtibuIqfdaa0oDytgnB2saSC3YTSI0UKIc9nofWJf_wIRCrRd6AMAAA
+            // Check if this is an external URL change (not from our own updates)
+            // Only trigger refreshData if there's a meaningful change in the URL value
+            if (search?.[name] !== undefined && !dequal(lastSearchUpdateRefParsed, currentSearchValueParsed)) {
+                // This is an external URL change with actual data, trigger refreshData
+                void requestAnimationFrame(() => {
                     if (refreshDataRef.current) {
                         refreshDataRef.current();
                     }
-                }
-            });
+                });
+            }
         }
     }, [search, name, inputLoadData, inputSaveData, decode]);
     const saveData = useCallback((filterBarConfig, filterBarDefinitions) => {
@@ -2318,13 +2318,17 @@ const useFilterBarPersistence = ({ name, setValue, refreshData, isDefaultValue,
             initialFilterBarConfig.setters[`set${capitalize(key)}`] = (callback) => setValue(key, callback);
         });
         const urlObject = getFilterValuesToUrl(initialFilterBarConfig.values, updatedFilterDefinitionsValues, false, isDefaultValue);
+        let needUpdate = false;
         const result = {};
         if (initialFilterBarConfig.name) {
             result[initialFilterBarConfig.name] = encode(urlObject);
+            needUpdate = !dequal(lastSearchUpdateRef.current, result[initialFilterBarConfig.name]);
             // Update the ref BEFORE updating the URL to prevent false external change detection
             lastSearchUpdateRef.current = result[initialFilterBarConfig.name];
         }
-        updateSearch(result);
+        if (needUpdate) {
+            void updateSearch(result);
+        }
         return initialFilterBarConfig;
     }, [name, setValue, loadValues, getFilterValuesToUrl, updateSearch, encode, isDefaultValue]);
     return useMemo(() => ({ loadData, saveData, getFilterValuesToUrl }), [loadData, saveData, getFilterValuesToUrl]);
@@ -2358,6 +2362,10 @@ const useGenericSetValue = () => {
  * @returns {object} An object containing filter bar configuration and actions.
  */
 const useFilterBar = ({ name, onValuesChange, filterBarDefinition, loadData: inputLoadData, saveData: inputSaveData, }) => {
+    const filterBarDefinitionRef = useRef(filterBarDefinition);
+    useEffect(() => {
+        filterBarDefinitionRef.current = filterBarDefinition;
+    }, [filterBarDefinition]);
     const lastName = useRef(name);
     const { setValue } = useGenericSetValue();
     const { isDefaultValue } = useIsDefaultValue();
@@ -2365,13 +2373,16 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, loadData: inp
         name,
         isDefaultValue: (key, value) => isDefaultValue(key, value, filterBarDefinition),
         setValue: (key, callback) => setValue(setFilterBarConfig, key, callback),
-        refreshData: () => setFilterBarConfig(loadData(objectValues(filterBarDefinition))),
+        refreshData: () => refreshData(),
         loadData: inputLoadData,
         saveData: inputSaveData,
     });
     const [filterBarConfig, setFilterBarConfig] = useState(() => {
         return loadData(objectValues(filterBarDefinition));
     });
+    const refreshData = useCallback(() => {
+        setFilterBarConfig(loadData(objectValues(filterBarDefinitionRef.current)));
+    }, [loadData, setFilterBarConfig]);
     const setValueMemoized = useCallback((key, callback) => {
         setValue(setFilterBarConfig, key, callback);
     }, [setFilterBarConfig, setValue]);
@@ -2400,16 +2411,20 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, loadData: inp
         },
         immediate: true,
     });
+    const loadDataRef = useRef(loadData);
+    useEffect(() => {
+        loadDataRef.current = loadData;
+    }, [loadData]);
     useEffect(() => {
         if (lastName.current !== name) {
-            setFilterBarConfig(loadData(objectValues(filterBarDefinition)));
+            setFilterBarConfig(loadDataRef.current(objectValues(filterBarDefinitionRef.current)));
             lastName.current = name;
         }
-    }, [filterBarDefinition, loadData, name]);
+    }, [name]);
     return useMemo(() => {
         return {
             filterBarConfig: { ...filterBarConfig, ...filterMapActions, ...filterMapGetter },
-            filterBarDefinition,
+            filterBarDefinition: Object.freeze(filterBarDefinition),
             name,
             onValuesChange: stableOnValuesChange,
         };
@@ -2435,12 +2450,18 @@ const useFilterBarAsync = ({ name, onValuesChange, filterBarDefinition, loadData
     }), [name]);
     const [filterBarConfig, setFilterBarConfig] = useState(initialFilterBarConfig);
     const { setValue } = useGenericSetValue();
+    const refreshDataRef = useRef(() => {
+        // default do nothing
+    });
     const persistenceConfig = useMemo(() => ({
         name,
         isDefaultValue: (key, value) => isDefaultValue(key, value, filterBarDefinition, filterBarConfig.initialState),
         setValue: (key, callback) => setValue(setFilterBarConfig, key, callback),
         loadData: inputLoadData,
         saveData: inputSaveData,
+        refreshData: () => {
+            refreshDataRef.current();
+        },
     }), [
         name,
         isDefaultValue,
@@ -2452,6 +2473,14 @@ const useFilterBarAsync = ({ name, onValuesChange, filterBarDefinition, loadData
         inputSaveData,
     ]);
     const { loadData, saveData } = useFilterBarPersistence(persistenceConfig);
+    const refreshData = useCallback(() => {
+        if (isDataLoaded) {
+            setFilterBarConfig(loadData(objectValues(internalFilterBarDefinitions)));
+        }
+    }, [loadData, setFilterBarConfig, internalFilterBarDefinitions, isDataLoaded]);
+    useEffect(() => {
+        refreshDataRef.current = refreshData;
+    }, [refreshData]);
     const setValueMemoized = useCallback((key, callback) => {
         setValue(setFilterBarConfig, key, callback);
     }, [setFilterBarConfig, setValue]);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.8.152",
+  "version": "1.8.156",
   "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.9.34",
-    "@trackunit/react-core-hooks": "1.7.110",
-    "@trackunit/react-filter-components": "1.7.146",
-    "@trackunit/react-date-and-time-components": "1.10.146",
-    "@trackunit/shared-utils": "1.9.96",
-    "@trackunit/react-form-components": "1.8.143",
-    "@trackunit/iris-app-runtime-core-api": "1.7.106",
-    "@trackunit/geo-json-utils": "1.7.96",
-    "@trackunit/i18n-library-translation": "1.7.114",
-    "@trackunit/css-class-variance-utilities": "1.7.96",
-    "@trackunit/react-components": "1.10.71",
+    "@trackunit/iris-app-api": "1.9.37",
+    "@trackunit/react-core-hooks": "1.7.113",
+    "@trackunit/react-filter-components": "1.7.150",
+    "@trackunit/react-date-and-time-components": "1.10.150",
+    "@trackunit/shared-utils": "1.9.99",
+    "@trackunit/react-form-components": "1.8.147",
+    "@trackunit/iris-app-runtime-core-api": "1.7.109",
+    "@trackunit/geo-json-utils": "1.7.99",
+    "@trackunit/i18n-library-translation": "1.7.117",
+    "@trackunit/css-class-variance-utilities": "1.7.99",
+    "@trackunit/react-components": "1.10.75",
     "@tanstack/react-router": "1.114.29"
   },
   "module": "./index.esm.js",