@trackunit/filters-filter-bar 1.8.12 → 1.8.15

package/index.cjs.js

@@ -2363,13 +2363,16 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, loadData: inp
     const [filterBarConfig, setFilterBarConfig] = react.useState(() => {
         return loadData(sharedUtils.objectValues(filterBarDefinition));
     });
+    const setValueMemoized = react.useCallback((key, callback) => {
+        setValue(setFilterBarConfig, key, callback);
+    }, [setFilterBarConfig, setValue]);
     const { filterMapActions, filterMapGetter } = useFilterBarActions({
         name,
         filterBarConfig,
         filterBarDefinition,
         initialState: filterBarConfig.initialState,
         setFilterBarConfig,
-        setValue: (key, callback) => setValue(setFilterBarConfig, key, callback),
+        setValue: setValueMemoized,
     });
     const onValuesChangeRef = react.useRef(onValuesChange);
     react.useEffect(() => {
@@ -2406,39 +2409,43 @@ const useFilterBarAsync = ({ name, onValuesChange, filterBarDefinition, loadData
     const [asyncLoadedFilterBarDefinitions, setAsyncLoadedFilterBarDefinitions] = react.useState();
     const { isDefaultValue } = useIsDefaultValue();
     const internalFilterBarDefinitions = react.useMemo(() => asyncLoadedFilterBarDefinitions ?? filterBarDefinition, [filterBarDefinition, asyncLoadedFilterBarDefinitions]);
+    const initialFilterBarConfig = react.useMemo(() => ({
+        values: Object.create({}),
+        setters: Object.create({}),
+        name,
+        initialState: Object.create({}),
+    }), [name]);
+    const [filterBarConfig, setFilterBarConfig] = react.useState(initialFilterBarConfig);
     const { setValue } = useGenericSetValue();
-    const { loadData, saveData } = useFilterBarPersistence({
+    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: () => {
-            if (asyncLoadedFilterBarDefinitions) {
-                setFilterBarConfig(loadData(sharedUtils.objectValues(asyncLoadedFilterBarDefinitions)));
-            }
-        },
-    });
-    const [filterBarConfig, setFilterBarConfig] = react.useState(() => {
-        const initialConfig = {
-            values: Object.create({}),
-            setters: Object.create({}),
-            name,
-            initialState: Object.create({}),
-        };
-        return initialConfig;
-    });
+    }), [
+        name,
+        isDefaultValue,
+        filterBarDefinition,
+        filterBarConfig.initialState,
+        setValue,
+        setFilterBarConfig,
+        inputLoadData,
+        inputSaveData,
+    ]);
+    const { loadData, saveData } = useFilterBarPersistence(persistenceConfig);
     const setValueMemoized = react.useCallback((key, callback) => {
         setValue(setFilterBarConfig, key, callback);
     }, [setFilterBarConfig, setValue]);
-    const { filterMapActions, filterMapGetter } = useFilterBarActions({
+    const filterBarActionsConfig = react.useMemo(() => ({
         name,
         filterBarConfig,
         filterBarDefinition: internalFilterBarDefinitions,
         initialState: filterBarConfig.initialState,
         setFilterBarConfig,
         setValue: setValueMemoized,
-    });
+    }), [name, filterBarConfig, internalFilterBarDefinitions, setValueMemoized]);
+    const { filterMapActions, filterMapGetter } = useFilterBarActions(filterBarActionsConfig);
     const dataLoaded = react.useCallback((loadedFilterDefinitionsValues) => {
         setIsDataLoaded(false);
         setAsyncLoadedFilterBarDefinitions(loadedFilterDefinitionsValues);

package/index.esm.js

@@ -2361,13 +2361,16 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, loadData: inp
     const [filterBarConfig, setFilterBarConfig] = useState(() => {
         return loadData(objectValues(filterBarDefinition));
     });
+    const setValueMemoized = useCallback((key, callback) => {
+        setValue(setFilterBarConfig, key, callback);
+    }, [setFilterBarConfig, setValue]);
     const { filterMapActions, filterMapGetter } = useFilterBarActions({
         name,
         filterBarConfig,
         filterBarDefinition,
         initialState: filterBarConfig.initialState,
         setFilterBarConfig,
-        setValue: (key, callback) => setValue(setFilterBarConfig, key, callback),
+        setValue: setValueMemoized,
     });
     const onValuesChangeRef = useRef(onValuesChange);
     useEffect(() => {
@@ -2404,39 +2407,43 @@ const useFilterBarAsync = ({ name, onValuesChange, filterBarDefinition, loadData
     const [asyncLoadedFilterBarDefinitions, setAsyncLoadedFilterBarDefinitions] = useState();
     const { isDefaultValue } = useIsDefaultValue();
     const internalFilterBarDefinitions = useMemo(() => asyncLoadedFilterBarDefinitions ?? filterBarDefinition, [filterBarDefinition, asyncLoadedFilterBarDefinitions]);
+    const initialFilterBarConfig = useMemo(() => ({
+        values: Object.create({}),
+        setters: Object.create({}),
+        name,
+        initialState: Object.create({}),
+    }), [name]);
+    const [filterBarConfig, setFilterBarConfig] = useState(initialFilterBarConfig);
     const { setValue } = useGenericSetValue();
-    const { loadData, saveData } = useFilterBarPersistence({
+    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: () => {
-            if (asyncLoadedFilterBarDefinitions) {
-                setFilterBarConfig(loadData(objectValues(asyncLoadedFilterBarDefinitions)));
-            }
-        },
-    });
-    const [filterBarConfig, setFilterBarConfig] = useState(() => {
-        const initialConfig = {
-            values: Object.create({}),
-            setters: Object.create({}),
-            name,
-            initialState: Object.create({}),
-        };
-        return initialConfig;
-    });
+    }), [
+        name,
+        isDefaultValue,
+        filterBarDefinition,
+        filterBarConfig.initialState,
+        setValue,
+        setFilterBarConfig,
+        inputLoadData,
+        inputSaveData,
+    ]);
+    const { loadData, saveData } = useFilterBarPersistence(persistenceConfig);
     const setValueMemoized = useCallback((key, callback) => {
         setValue(setFilterBarConfig, key, callback);
     }, [setFilterBarConfig, setValue]);
-    const { filterMapActions, filterMapGetter } = useFilterBarActions({
+    const filterBarActionsConfig = useMemo(() => ({
         name,
         filterBarConfig,
         filterBarDefinition: internalFilterBarDefinitions,
         initialState: filterBarConfig.initialState,
         setFilterBarConfig,
         setValue: setValueMemoized,
-    });
+    }), [name, filterBarConfig, internalFilterBarDefinitions, setValueMemoized]);
+    const { filterMapActions, filterMapGetter } = useFilterBarActions(filterBarActionsConfig);
     const dataLoaded = useCallback((loadedFilterDefinitionsValues) => {
         setIsDataLoaded(false);
         setAsyncLoadedFilterBarDefinitions(loadedFilterDefinitionsValues);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.8.12",
+  "version": "1.8.15",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -13,18 +13,18 @@
     "tailwind-merge": "^2.0.0",
     "string-ts": "^2.0.0",
     "zod": "^3.23.8",
-    "@trackunit/iris-app-api": "1.7.8",
-    "@trackunit/react-core-hooks": "1.7.9",
-    "@trackunit/react-filter-components": "1.7.12",
-    "@trackunit/react-date-and-time-components": "1.10.12",
-    "@trackunit/shared-utils": "1.9.7",
-    "@trackunit/react-form-components": "1.8.12",
-    "@trackunit/react-core-contexts-api": "1.8.9",
-    "@trackunit/geo-json-utils": "1.7.7",
-    "@trackunit/i18n-library-translation": "1.7.10",
-    "@trackunit/css-class-variance-utilities": "1.7.7",
-    "@trackunit/react-components": "1.9.12",
-    "@trackunit/react-test-setup": "1.4.7",
+    "@trackunit/iris-app-api": "1.7.9",
+    "@trackunit/react-core-hooks": "1.7.11",
+    "@trackunit/react-filter-components": "1.7.15",
+    "@trackunit/react-date-and-time-components": "1.10.15",
+    "@trackunit/shared-utils": "1.9.8",
+    "@trackunit/react-form-components": "1.8.15",
+    "@trackunit/react-core-contexts-api": "1.8.10",
+    "@trackunit/geo-json-utils": "1.7.8",
+    "@trackunit/i18n-library-translation": "1.7.12",
+    "@trackunit/css-class-variance-utilities": "1.7.8",
+    "@trackunit/react-components": "1.9.15",
+    "@trackunit/react-test-setup": "1.4.8",
     "@tanstack/react-router": "1.114.29"
   },
   "module": "./index.esm.js",

package/src/lib/hooks/utils/useFilterBarPersistence.d.ts

@@ -1,6 +1,6 @@
 import { FilterBarConfig, FilterBarDefinition, FilterBarInferredValue, FilterDefinition, FilterStateValues, FilterValueType } from "../../types/FilterTypes";
 import { FilterPersistenceConfig } from "../types";
-interface FilterBarPersistenceProps<TFilterBarDefinition extends FilterBarDefinition> extends FilterPersistenceConfig<TFilterBarDefinition> {
+export interface FilterBarPersistenceProps<TFilterBarDefinition extends FilterBarDefinition> extends FilterPersistenceConfig<TFilterBarDefinition> {
     name: string;
     setValue: (key: string, callback: (prev: FilterBarInferredValue<TFilterBarDefinition, never> | undefined) => FilterBarInferredValue<TFilterBarDefinition, never> | undefined) => void;
     /**
@@ -67,4 +67,3 @@ export declare const useFilterBarPersistence: <TFilterBarDefinition extends Filt
     saveData: (filterBarConfig: Partial<FilterBarConfig<TFilterBarDefinition>>, filterBarDefinitions: TFilterBarDefinition) => void;
     getFilterValuesToUrl: (values: FilterStateValues<FilterBarDefinition> | null, definitions: Array<FilterDefinition>, setEmptyAndDefaultValues: boolean, isDefaultValue: (key: string, value: FilterValueType) => boolean) => Record<string, unknown>;
 };
-export {};