@trackunit/filters-filter-bar 1.0.77 → 1.1.0

package/index.cjs.js

@@ -1122,6 +1122,7 @@ const validateFilter = (filter, filterDefinitions) => {
  */
 const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState, loadAsync, }) => {
     const [internalFilterBarDefinitions, setInternalFilterBarDefinitions] = react.useState(filterBarDefinition);
+    const { clientSideUserId } = reactCoreHooks.useCurrentUser();
     const setValue = react.useCallback((key, callback) => {
         setFilterBarConfig(prevState => {
             return {
@@ -1133,7 +1134,7 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState,
             };
         });
     }, []);
-    const [initialStoredFilters] = react.useState(() => localStorage.getItem(`filter-${name}`) || "{}");
+    const [initialStoredFilters] = react.useState(() => localStorage.getItem(`filter-${name}-${clientSideUserId}`) || "{}");
     const loadData = react.useCallback((updatedFilterDefinitionsValues) => {
         let initialFilterBarConfig;
         const storedFilters = initialStoredFilters;
@@ -1193,8 +1194,8 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState,
         onValuesChange?.(filterBarConfig.values);
     }, [filterBarConfig.values, filterBarConfig, onValuesChange]);
     react.useEffect(() => {
-        localStorage.setItem(`filter-${name}`, JSON.stringify(filterBarConfig));
-    }, [filterBarConfig, name]);
+        localStorage.setItem(`filter-${name}-${clientSideUserId}`, JSON.stringify(filterBarConfig));
+    }, [filterBarConfig, name, clientSideUserId]);
     const filterMapGetter = react.useMemo(() => {
         return {
             getFilterBarName: () => {

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
 import { VirtualizedList, Text, Button, Popover, PopoverTrigger, PopoverContent, MenuList, useViewportBreakpoints, Tooltip, Icon, IconButton, Card, CardBody, CardFooter } from '@trackunit/react-components';
-import { useAnalytics, useTextSearch } from '@trackunit/react-core-hooks';
+import { useAnalytics, useTextSearch, useCurrentUser } from '@trackunit/react-core-hooks';
 import { FilterBody, RadioFilterItem, CheckBoxFilterItem, FilterHeader as FilterHeader$1, FilterFooter, Filter as Filter$1 } from '@trackunit/react-filter-components';
 import { useRef, useMemo, useState, useEffect, useCallback } from 'react';
 import { capitalize } from 'string-ts';
@@ -1120,6 +1120,7 @@ const validateFilter = (filter, filterDefinitions) => {
  */
 const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState, loadAsync, }) => {
     const [internalFilterBarDefinitions, setInternalFilterBarDefinitions] = useState(filterBarDefinition);
+    const { clientSideUserId } = useCurrentUser();
     const setValue = useCallback((key, callback) => {
         setFilterBarConfig(prevState => {
             return {
@@ -1131,7 +1132,7 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState,
             };
         });
     }, []);
-    const [initialStoredFilters] = useState(() => localStorage.getItem(`filter-${name}`) || "{}");
+    const [initialStoredFilters] = useState(() => localStorage.getItem(`filter-${name}-${clientSideUserId}`) || "{}");
     const loadData = useCallback((updatedFilterDefinitionsValues) => {
         let initialFilterBarConfig;
         const storedFilters = initialStoredFilters;
@@ -1191,8 +1192,8 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState,
         onValuesChange?.(filterBarConfig.values);
     }, [filterBarConfig.values, filterBarConfig, onValuesChange]);
     useEffect(() => {
-        localStorage.setItem(`filter-${name}`, JSON.stringify(filterBarConfig));
-    }, [filterBarConfig, name]);
+        localStorage.setItem(`filter-${name}-${clientSideUserId}`, JSON.stringify(filterBarConfig));
+    }, [filterBarConfig, name, clientSideUserId]);
     const filterMapGetter = useMemo(() => {
         return {
             getFilterBarName: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.0.77",
+  "version": "1.1.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -14,15 +14,15 @@
     "tailwind-merge": "^2.0.0",
     "string-ts": "^2.0.0",
     "zod": "3.22.4",
-    "@trackunit/react-components": "1.1.56",
-    "@trackunit/react-core-hooks": "1.0.53",
-    "@trackunit/react-filter-components": "1.0.77",
-    "@trackunit/react-date-and-time-components": "1.0.75",
-    "@trackunit/shared-utils": "1.2.45",
-    "@trackunit/react-form-components": "1.0.75",
-    "@trackunit/react-core-contexts-api": "1.0.53",
-    "@trackunit/geo-json-utils": "1.0.48",
-    "@trackunit/i18n-library-translation": "1.0.58"
+    "@trackunit/react-components": "1.2.0",
+    "@trackunit/react-core-hooks": "1.1.0",
+    "@trackunit/react-filter-components": "1.1.0",
+    "@trackunit/react-date-and-time-components": "1.1.0",
+    "@trackunit/shared-utils": "1.3.0",
+    "@trackunit/react-form-components": "1.1.0",
+    "@trackunit/react-core-contexts-api": "1.1.0",
+    "@trackunit/geo-json-utils": "1.1.0",
+    "@trackunit/i18n-library-translation": "1.1.0"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",