@trackunit/filters-asset-filter-definitions 1.9.83 → 1.9.84

package/index.cjs.js

@@ -2231,6 +2231,7 @@ const SHARED_LOCATIONS_LOCAL_STORAGE_KEY = "shared-recent-locations";
 const MAX_RECENT_SEARCHES$2 = 5;
 const MIN_LENGTH_SEARCH = 3;
 const MAX_RESULTS = 5;
+const placesArraySchema = zod.z.array(placeSchema);
 /**
  * Hook for place search with autocomplete predictions and recent places history.
  * Queries the internal GeoEnrichment API for predictions and place details (geo data) from Google's Places Autocomplete.
@@ -2241,11 +2242,12 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
     const [t] = useTranslation();
     const [searchString, setSearchString] = react.useState("");
     const [selectedPrediction, setSelectedPrediction] = react.useState(undefined);
-    const [recentPlaces, setRecentPlaces] = reactCoreHooks.useLocalStorage({
+    const localStorageProps = react.useMemo(() => ({
         defaultState: [],
         key: localStorageKey,
-        schema: zod.z.array(placeSchema),
-    });
+        schema: placesArraySchema,
+    }), [localStorageKey]);
+    const [recentPlaces, setRecentPlaces] = reactCoreHooks.useLocalStorage(localStorageProps);
     const debouncedSearchString = reactComponents.useDebounce(searchString);
     const isRecentPlace = react.useCallback((placeId) => {
         return recentPlaces.some(r => r.placeId === placeId);
@@ -2330,9 +2332,9 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
             ];
         });
     }, [maxRecentSearches, setRecentPlaces]);
-    const removeRecentPlace = (place) => {
+    const removeRecentPlace = react.useCallback((place) => {
         setRecentPlaces(prev => prev.filter(r => r.placeId !== place.placeId));
-    };
+    }, [setRecentPlaces]);
     react.useEffect(() => {
         if (!selectedPlaceData) {
             return;
@@ -2341,7 +2343,7 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
             addRecentPlace(selectedPlaceData);
         }
     }, [selectedPlaceData, addRecentPlace, isRecentPlace]);
-    return {
+    return react.useMemo(() => ({
         places: places.slice(0, maxResults),
         loading: loadingPlaceAutocomplete || loadingDetails,
         searchString,
@@ -2355,7 +2357,23 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
         selectedPrediction,
         setSelectedPrediction,
         selectedPlaceData,
-    };
+    }), [
+        places,
+        maxResults,
+        loadingPlaceAutocomplete,
+        loadingDetails,
+        searchString,
+        setSearchString,
+        debouncedSearchString,
+        recentPlaces,
+        setRecentPlaces,
+        hint,
+        removeRecentPlace,
+        addRecentPlace,
+        selectedPrediction,
+        setSelectedPrediction,
+        selectedPlaceData,
+    ]);
 };
 
 /**
@@ -3545,11 +3563,12 @@ const RentalContractReferenceCodeDescriptionFilterView = ({ filterBarActions, fi
         }
         filterValue !== undefined && setSearchString(filterValue);
     }, [filterValue, previousFilterValue, searchString]);
-    const [recentSearches, setRecentSearches] = reactCoreHooks.useLocalStorage({
+    const localStorageProps = react.useMemo(() => ({
         defaultState: [],
         key: `${localStorageKey}-${filterDefinition?.filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
         schema: zod.z.array(zod.z.string()),
-    });
+    }), [localStorageKey, filterDefinition?.filterKey, clientSideUserId]);
+    const [recentSearches, setRecentSearches] = reactCoreHooks.useLocalStorage(localStorageProps);
     const apply = react.useCallback(({ value, setRecent = true }) => {
         if (setRecent !== false) {
             setRecentSearches(prev => {
@@ -3667,6 +3686,7 @@ const useRentalContractReferenceCodeFilter = ({ showInFilterBar } = {
     return result;
 };
 
+const searchStringSchema = zod.z.array(zod.z.string());
 const MAX_RECENT_SEARCHES = 20;
 /**
  *
@@ -3693,11 +3713,12 @@ const SearchFilterInline = ({ filterBarActions, filterState, filterDefinition, l
         }
         filterValue !== undefined && setSearchString(filterValue);
     }, [filterValue, previousFilterValue, searchString]);
-    const [recentSearches, setRecentSearches] = reactCoreHooks.useLocalStorage({
+    const localStorageProps = react.useMemo(() => ({
         defaultState: [],
         key: `${localStorageKey}-${filterDefinition?.filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
-        schema: zod.z.array(zod.z.string()),
-    });
+        schema: searchStringSchema,
+    }), [localStorageKey, filterDefinition?.filterKey, clientSideUserId]);
+    const [recentSearches, setRecentSearches] = reactCoreHooks.useLocalStorage(localStorageProps);
     const apply = react.useCallback(({ value, wasPreviousSearch = false, setRecent = true }) => {
         if (setRecent !== false) {
             setRecentSearches(prev => {
@@ -4752,13 +4773,17 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
     const assetType = useAssetTypeFilter();
     const metadataCompleteness = useMetadataCompletenessFilter();
     const groups = useGroupIdsFilter();
-    const siteIds = useSiteIdsFilter({
-        showInFilterBar: () => sitesEnabled || false,
-        group: "CURRENT_LOCATION",
-    });
-    const siteDepotOwnershipIds = useSiteDepotOwnershipIdsFilter({
-        showInFilterBar: () => owningDepotEnabled || false,
-    });
+    const siteEnabledProps = react.useMemo(() => {
+        return {
+            showInFilterBar: () => sitesEnabled || false,
+            group: "CURRENT_LOCATION",
+        };
+    }, [sitesEnabled]);
+    const siteIds = useSiteIdsFilter(siteEnabledProps);
+    const owningDepotEnabledProps = react.useMemo(() => {
+        return { showInFilterBar: () => owningDepotEnabled || false };
+    }, [owningDepotEnabled]);
+    const siteDepotOwnershipIds = useSiteDepotOwnershipIdsFilter(owningDepotEnabledProps);
     const brands = useBrandFilter();
     const models = useModelsFilter();
     const types = useTypesFilter();
@@ -4766,24 +4791,37 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
     const criticality = useCriticalityFilter();
     const lastSeen = useLastSeenFilter();
     const followed = useFollowedFilter();
-    const siteType = useSiteTypeFilter({
-        showInFilterBar: () => sitesEnabled || false,
-        group: "CURRENT_LOCATION",
-    });
+    const siteTypeEnabledProps = react.useMemo(() => {
+        return {
+            showInFilterBar: () => sitesEnabled || false,
+            group: "CURRENT_LOCATION",
+        };
+    }, [sitesEnabled]);
+    const siteType = useSiteTypeFilter(siteTypeEnabledProps);
     const ownerAccountIds = useOwnerAccountIdsFilter(ownerFilterDefaultValue);
-    const search = useSearchFilter({ localStorageKey: "assetSearch" });
-    const area = useAreaFilter({
-        showWithSearch: () => areaShowWithSearch ?? false,
-    });
+    const searchProps = react.useMemo(() => ({ localStorageKey: "assetSearch" }), []);
+    const search = useSearchFilter(searchProps);
+    const areaEnabledProps = react.useMemo(() => {
+        return {
+            showWithSearch: () => areaShowWithSearch ?? false,
+        };
+    }, [areaShowWithSearch]);
+    const area = useAreaFilter(areaEnabledProps);
     const productionYears = useProductionYearFilter();
     const partner = usePartnerFilter();
-    const serviceStatus = useServicePlanStatusFilter({
-        showInFilterBar: () => serviceManagementEnabled || false,
-    });
+    const serviceManagementEnabledProps = react.useMemo(() => {
+        return {
+            showInFilterBar: () => serviceManagementEnabled || false,
+        };
+    }, [serviceManagementEnabled]);
+    const serviceStatus = useServicePlanStatusFilter(serviceManagementEnabledProps);
     const telematicsConnected = useTelematicsConnectedFilter();
-    const activeFilter = useActiveFilterFilter({
-        isHidden: () => !showHiddenAssetsEnabled || false,
-    });
+    const activeFilterEnabledProps = react.useMemo(() => {
+        return {
+            isHidden: () => !showHiddenAssetsEnabled || false,
+        };
+    }, [showHiddenAssetsEnabled]);
+    const activeFilter = useActiveFilterFilter(activeFilterEnabledProps);
     return react.useMemo(() => {
         return {
             assetType,

package/index.esm.js

@@ -2229,6 +2229,7 @@ const SHARED_LOCATIONS_LOCAL_STORAGE_KEY = "shared-recent-locations";
 const MAX_RECENT_SEARCHES$2 = 5;
 const MIN_LENGTH_SEARCH = 3;
 const MAX_RESULTS = 5;
+const placesArraySchema = z.array(placeSchema);
 /**
  * Hook for place search with autocomplete predictions and recent places history.
  * Queries the internal GeoEnrichment API for predictions and place details (geo data) from Google's Places Autocomplete.
@@ -2239,11 +2240,12 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
     const [t] = useTranslation();
     const [searchString, setSearchString] = useState("");
     const [selectedPrediction, setSelectedPrediction] = useState(undefined);
-    const [recentPlaces, setRecentPlaces] = useLocalStorage({
+    const localStorageProps = useMemo(() => ({
         defaultState: [],
         key: localStorageKey,
-        schema: z.array(placeSchema),
-    });
+        schema: placesArraySchema,
+    }), [localStorageKey]);
+    const [recentPlaces, setRecentPlaces] = useLocalStorage(localStorageProps);
     const debouncedSearchString = useDebounce(searchString);
     const isRecentPlace = useCallback((placeId) => {
         return recentPlaces.some(r => r.placeId === placeId);
@@ -2328,9 +2330,9 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
             ];
         });
     }, [maxRecentSearches, setRecentPlaces]);
-    const removeRecentPlace = (place) => {
+    const removeRecentPlace = useCallback((place) => {
         setRecentPlaces(prev => prev.filter(r => r.placeId !== place.placeId));
-    };
+    }, [setRecentPlaces]);
     useEffect(() => {
         if (!selectedPlaceData) {
             return;
@@ -2339,7 +2341,7 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
             addRecentPlace(selectedPlaceData);
         }
     }, [selectedPlaceData, addRecentPlace, isRecentPlace]);
-    return {
+    return useMemo(() => ({
         places: places.slice(0, maxResults),
         loading: loadingPlaceAutocomplete || loadingDetails,
         searchString,
@@ -2353,7 +2355,23 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
         selectedPrediction,
         setSelectedPrediction,
         selectedPlaceData,
-    };
+    }), [
+        places,
+        maxResults,
+        loadingPlaceAutocomplete,
+        loadingDetails,
+        searchString,
+        setSearchString,
+        debouncedSearchString,
+        recentPlaces,
+        setRecentPlaces,
+        hint,
+        removeRecentPlace,
+        addRecentPlace,
+        selectedPrediction,
+        setSelectedPrediction,
+        selectedPlaceData,
+    ]);
 };
 
 /**
@@ -3543,11 +3561,12 @@ const RentalContractReferenceCodeDescriptionFilterView = ({ filterBarActions, fi
         }
         filterValue !== undefined && setSearchString(filterValue);
     }, [filterValue, previousFilterValue, searchString]);
-    const [recentSearches, setRecentSearches] = useLocalStorage({
+    const localStorageProps = useMemo(() => ({
         defaultState: [],
         key: `${localStorageKey}-${filterDefinition?.filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
         schema: z.array(z.string()),
-    });
+    }), [localStorageKey, filterDefinition?.filterKey, clientSideUserId]);
+    const [recentSearches, setRecentSearches] = useLocalStorage(localStorageProps);
     const apply = useCallback(({ value, setRecent = true }) => {
         if (setRecent !== false) {
             setRecentSearches(prev => {
@@ -3665,6 +3684,7 @@ const useRentalContractReferenceCodeFilter = ({ showInFilterBar } = {
     return result;
 };
 
+const searchStringSchema = z.array(z.string());
 const MAX_RECENT_SEARCHES = 20;
 /**
  *
@@ -3691,11 +3711,12 @@ const SearchFilterInline = ({ filterBarActions, filterState, filterDefinition, l
         }
         filterValue !== undefined && setSearchString(filterValue);
     }, [filterValue, previousFilterValue, searchString]);
-    const [recentSearches, setRecentSearches] = useLocalStorage({
+    const localStorageProps = useMemo(() => ({
         defaultState: [],
         key: `${localStorageKey}-${filterDefinition?.filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
-        schema: z.array(z.string()),
-    });
+        schema: searchStringSchema,
+    }), [localStorageKey, filterDefinition?.filterKey, clientSideUserId]);
+    const [recentSearches, setRecentSearches] = useLocalStorage(localStorageProps);
     const apply = useCallback(({ value, wasPreviousSearch = false, setRecent = true }) => {
         if (setRecent !== false) {
             setRecentSearches(prev => {
@@ -4750,13 +4771,17 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
     const assetType = useAssetTypeFilter();
     const metadataCompleteness = useMetadataCompletenessFilter();
     const groups = useGroupIdsFilter();
-    const siteIds = useSiteIdsFilter({
-        showInFilterBar: () => sitesEnabled || false,
-        group: "CURRENT_LOCATION",
-    });
-    const siteDepotOwnershipIds = useSiteDepotOwnershipIdsFilter({
-        showInFilterBar: () => owningDepotEnabled || false,
-    });
+    const siteEnabledProps = useMemo(() => {
+        return {
+            showInFilterBar: () => sitesEnabled || false,
+            group: "CURRENT_LOCATION",
+        };
+    }, [sitesEnabled]);
+    const siteIds = useSiteIdsFilter(siteEnabledProps);
+    const owningDepotEnabledProps = useMemo(() => {
+        return { showInFilterBar: () => owningDepotEnabled || false };
+    }, [owningDepotEnabled]);
+    const siteDepotOwnershipIds = useSiteDepotOwnershipIdsFilter(owningDepotEnabledProps);
     const brands = useBrandFilter();
     const models = useModelsFilter();
     const types = useTypesFilter();
@@ -4764,24 +4789,37 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
     const criticality = useCriticalityFilter();
     const lastSeen = useLastSeenFilter();
     const followed = useFollowedFilter();
-    const siteType = useSiteTypeFilter({
-        showInFilterBar: () => sitesEnabled || false,
-        group: "CURRENT_LOCATION",
-    });
+    const siteTypeEnabledProps = useMemo(() => {
+        return {
+            showInFilterBar: () => sitesEnabled || false,
+            group: "CURRENT_LOCATION",
+        };
+    }, [sitesEnabled]);
+    const siteType = useSiteTypeFilter(siteTypeEnabledProps);
     const ownerAccountIds = useOwnerAccountIdsFilter(ownerFilterDefaultValue);
-    const search = useSearchFilter({ localStorageKey: "assetSearch" });
-    const area = useAreaFilter({
-        showWithSearch: () => areaShowWithSearch ?? false,
-    });
+    const searchProps = useMemo(() => ({ localStorageKey: "assetSearch" }), []);
+    const search = useSearchFilter(searchProps);
+    const areaEnabledProps = useMemo(() => {
+        return {
+            showWithSearch: () => areaShowWithSearch ?? false,
+        };
+    }, [areaShowWithSearch]);
+    const area = useAreaFilter(areaEnabledProps);
     const productionYears = useProductionYearFilter();
     const partner = usePartnerFilter();
-    const serviceStatus = useServicePlanStatusFilter({
-        showInFilterBar: () => serviceManagementEnabled || false,
-    });
+    const serviceManagementEnabledProps = useMemo(() => {
+        return {
+            showInFilterBar: () => serviceManagementEnabled || false,
+        };
+    }, [serviceManagementEnabled]);
+    const serviceStatus = useServicePlanStatusFilter(serviceManagementEnabledProps);
     const telematicsConnected = useTelematicsConnectedFilter();
-    const activeFilter = useActiveFilterFilter({
-        isHidden: () => !showHiddenAssetsEnabled || false,
-    });
+    const activeFilterEnabledProps = useMemo(() => {
+        return {
+            isHidden: () => !showHiddenAssetsEnabled || false,
+        };
+    }, [showHiddenAssetsEnabled]);
+    const activeFilter = useActiveFilterFilter(activeFilterEnabledProps);
     return useMemo(() => {
         return {
             assetType,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-asset-filter-definitions",
-  "version": "1.9.83",
+  "version": "1.9.84",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -17,23 +17,23 @@
     "@tanstack/react-router": "1.114.29",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/iris-app-build-utilities": "1.6.48",
-    "@trackunit/filters-filter-bar": "1.7.79",
-    "@trackunit/react-core-hooks": "1.6.51",
-    "@trackunit/react-filter-components": "1.6.72",
-    "@trackunit/react-form-components": "1.7.37",
-    "@trackunit/filters-graphql-hook": "1.9.80",
-    "@trackunit/utilization-indicator": "1.6.67",
-    "@trackunit/geo-json-utils": "1.6.48",
-    "@trackunit/react-components": "1.8.21",
-    "@trackunit/shared-utils": "1.8.48",
-    "@trackunit/translations-machine-type": "1.6.58",
-    "@trackunit/criticality-indicator": "1.6.66",
-    "@trackunit/iris-app-api": "1.6.48",
-    "@trackunit/react-core-contexts-test": "1.6.51",
-    "@trackunit/i18n-library-translation": "1.6.52",
-    "@trackunit/react-core-contexts-api": "1.7.49",
-    "@trackunit/react-test-setup": "1.3.48"
+    "@trackunit/iris-app-build-utilities": "1.6.49",
+    "@trackunit/filters-filter-bar": "1.7.80",
+    "@trackunit/react-core-hooks": "1.6.52",
+    "@trackunit/react-filter-components": "1.6.73",
+    "@trackunit/react-form-components": "1.7.38",
+    "@trackunit/filters-graphql-hook": "1.9.81",
+    "@trackunit/utilization-indicator": "1.6.68",
+    "@trackunit/geo-json-utils": "1.6.49",
+    "@trackunit/react-components": "1.8.22",
+    "@trackunit/shared-utils": "1.8.49",
+    "@trackunit/translations-machine-type": "1.6.59",
+    "@trackunit/criticality-indicator": "1.6.67",
+    "@trackunit/iris-app-api": "1.6.49",
+    "@trackunit/react-core-contexts-test": "1.6.52",
+    "@trackunit/i18n-library-translation": "1.6.53",
+    "@trackunit/react-core-contexts-api": "1.7.50",
+    "@trackunit/react-test-setup": "1.3.49"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",