@trackunit/filters-asset-filter-definitions 1.3.47 → 1.3.48

package/index.cjs.js

@@ -319,7 +319,7 @@ const ActiveFilterFiltersView = (props) => {
             return newValue === "true" ? { booleanValue: true } : { booleanValue: false };
         });
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { className: "m-1", limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { id: "ActiveAsset", onChange: e => handleChange(e.currentTarget.value), value: props.value ? props.value.booleanValue + "" : "true", children: [jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("filtersBar.defaultAssetFilters.activeAssetFilter.hide"), value: "true" }), jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("filtersBar.defaultAssetFilters.activeAssetFilter.show"), value: "false" })] }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { className: "m-1", limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { id: "ActiveAsset", onChange: e => handleChange(e.currentTarget.value), value: props.value ? props.value.booleanValue + "" : "true", children: [jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("filtersBar.defaultAssetFilters.activeAssetFilter.hide"), value: "true" }), jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("filtersBar.defaultAssetFilters.activeAssetFilter.show"), value: "false" })] }) })] }));
 };
 /**
  *
@@ -2226,9 +2226,9 @@ const AreaView = (props) => {
         // Temporary while we are testing the new area filter bar behind feature flag
         // This emulated the old look of the boundingbox filter
         // TODO [BUSS] Remove this once the new area filter is ready for prime time
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsx("p", { className: "p-2", children: `${t("assetFilters.boundingBoxFilter.value")}` }) })] }));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsx("p", { className: "p-2", children: `${t("assetFilters.boundingBoxFilter.value")}` }) })] }));
     }
-    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, loading: loading, searchEnabled: true, searchProps: {
+    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey), loading: loading, searchEnabled: true, searchProps: {
                     onChange: setSearchString,
                     value: searchString,
                     count: places.length,
@@ -2302,7 +2302,7 @@ const getSelectedOption = (value, options) => {
 };
 
 const AssetIdsFiltersView = (props) => {
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsxRuntime.jsx("span", {})] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx("span", {})] }));
 };
 /**
  * AssetIds filter definition
@@ -2583,7 +2583,7 @@ const FollowedFiltersView = (props) => {
         });
         props.setValue(prev => newValue);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { className: "pl-2 pr-2", id: "followed", label: "", onChange: e => handleChange(e.currentTarget.value), value: props.value ?? "ALL", children: [jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("filtersBar.defaultAssetFilters.followedFilter.allLabel"), value: "ALL" }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("filtersBar.defaultAssetFilters.followedFilter.followedOnlyLabel"), value: "FOLLOWED" })] }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { className: "pl-2 pr-2", id: "followed", label: "", onChange: e => handleChange(e.currentTarget.value), value: props.value ?? "ALL", children: [jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("filtersBar.defaultAssetFilters.followedFilter.allLabel"), value: "ALL" }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("filtersBar.defaultAssetFilters.followedFilter.followedOnlyLabel"), value: "FOLLOWED" })] }) })] }));
 };
 /**
  *
@@ -2711,7 +2711,7 @@ const LastSeenFiltersView = (props) => {
         });
         props.setValue(prev => value);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { className: "pl-2 pr-2", id: "lastSeen", label: "", onChange: val => handleChange(val.currentTarget.value), value: props.value ?? "ALL", children: [jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.anytime"), value: "ALL" }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.lastHour"), value: exports.AssetLastSeen.LastHour }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last24Hours"), value: exports.AssetLastSeen.Last_24Hours }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last7Days"), value: exports.AssetLastSeen.Last_7Days }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last30Days"), value: exports.AssetLastSeen.Last_30Days }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.olderThan30Days"), value: exports.AssetLastSeen.OlderThan_30Days })] }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { className: "pl-2 pr-2", id: "lastSeen", label: "", onChange: val => handleChange(val.currentTarget.value), value: props.value ?? "ALL", children: [jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.anytime"), value: "ALL" }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.lastHour"), value: exports.AssetLastSeen.LastHour }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last24Hours"), value: exports.AssetLastSeen.Last_24Hours }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last7Days"), value: exports.AssetLastSeen.Last_7Days }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last30Days"), value: exports.AssetLastSeen.Last_30Days }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.olderThan30Days"), value: exports.AssetLastSeen.OlderThan_30Days })] }) })] }));
 };
 /**
  *
@@ -2942,7 +2942,7 @@ const PeriodFilterView = (props) => {
         });
         props.setValue(prev => value);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { id: "period", label: "", onChange: val => handleChange(val.currentTarget.value), value: props.value || "LAST_24_HOURS", children: [props.filterBarActions.getFilterBarName() !== "utilizationFilter" ? (jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_24_HOURS"), value: exports.DayPeriod.LAST_24_HOURS })) : null, jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_7_DAYS"), value: exports.DayPeriod.LAST_7_DAYS }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_30_DAYS"), value: exports.DayPeriod.LAST_30_DAYS }), props.filterBarActions.getFilterBarName() === "fleetEmissionsFilter" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_YEAR"), value: exports.DayPeriod.LAST_YEAR }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LIFETIME"), value: exports.DayPeriod.LIFETIME })] }))] }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { id: "period", label: "", onChange: val => handleChange(val.currentTarget.value), value: props.value || "LAST_24_HOURS", children: [props.filterBarActions.getFilterBarName() !== "utilizationFilter" ? (jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_24_HOURS"), value: exports.DayPeriod.LAST_24_HOURS })) : null, jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_7_DAYS"), value: exports.DayPeriod.LAST_7_DAYS }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_30_DAYS"), value: exports.DayPeriod.LAST_30_DAYS }), props.filterBarActions.getFilterBarName() === "fleetEmissionsFilter" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_YEAR"), value: exports.DayPeriod.LAST_YEAR }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LIFETIME"), value: exports.DayPeriod.LIFETIME })] }))] }) })] }));
 };
 /**
  *
@@ -3463,7 +3463,7 @@ const TelematicsConnectedFiltersView = (props) => {
             return newValue === "true" ? { booleanValue: true } : { booleanValue: false };
         });
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, loading: loading }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { className: "pl-2 pr-2", id: "followed", label: "", onChange: e => handleChange(e.currentTarget.value), value: props.value ? props.value.booleanValue + "" : "", children: [jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { itemCount: summaries.find(item => item.key === "numberOfAssetsConnectedWithTelematicsDevice")?.count, label: t("filtersBar.defaultAssetFilters.telematicsConnectedFilter.connected"), value: "true" }), jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { itemCount: summaries.find(item => item.key === "numberOfAssetsNotConnectedWithTelematicsDevice")?.count, label: t("filtersBar.defaultAssetFilters.telematicsConnectedFilter.notConnected"), value: "false" })] }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey), loading: loading }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { className: "pl-2 pr-2", id: "followed", label: "", onChange: e => handleChange(e.currentTarget.value), value: props.value ? props.value.booleanValue + "" : "", children: [jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { itemCount: summaries.find(item => item.key === "numberOfAssetsConnectedWithTelematicsDevice")?.count, label: t("filtersBar.defaultAssetFilters.telematicsConnectedFilter.connected"), value: "true" }), jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { itemCount: summaries.find(item => item.key === "numberOfAssetsNotConnectedWithTelematicsDevice")?.count, label: t("filtersBar.defaultAssetFilters.telematicsConnectedFilter.notConnected"), value: "false" })] }) })] }));
 };
 /**
  *
@@ -3475,7 +3475,6 @@ const useTelematicsConnectedFilter = () => {
             filterKey: "telematicsConnected",
             type: "boolean",
             group: "METADATA",
-            defaultValue: { booleanValue: undefined },
             title: t("assetFilters.telematicsConnectedFilter.label"),
             default: true,
             valueAsText: (value) => {
@@ -3971,7 +3970,7 @@ const mockForGetPlaceDetailsQuery = (variables, data) => {
 };
 
 const PartnerFilterView = ({ filterDefinition, value, filterBarActions }) => {
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...filterDefinition, ...filterBarActions }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: value?.map(vn => vn.name).join(",") })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterDefinition.filterKey) }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: value?.map(vn => vn.name).join(",") })] }));
 };
 /**
  * Partner filter definition
@@ -4145,6 +4144,7 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
  * Parses (some) filters from the url and sets their respective values in the filter bar.
  */
 const useSetAssetFilterStateFromUrl = ({ setters, isLoading }) => {
+    const [isDoneSettingFilters, setIsDoneSettingFilters] = react.useState(false);
     const search = reactRouter.useSearch({ strict: false });
     const navigate = reactRouter.useNavigate();
     const errorHandler = reactCoreHooks.useErrorHandler();
@@ -4238,9 +4238,10 @@ const useSetAssetFilterStateFromUrl = ({ setters, isLoading }) => {
                 replace: true,
                 params: {},
             });
+            setIsDoneSettingFilters(true);
         }
     }, [search, setters, navigate, filterMappings, isLoading]);
-    return { search };
+    return { search, isDoneSettingFilters };
 };
 const coordinateSchema = zod.z.object({
     latitude: zod.z.number(),

package/index.esm.js

@@ -317,7 +317,7 @@ const ActiveFilterFiltersView = (props) => {
             return newValue === "true" ? { booleanValue: true } : { booleanValue: false };
         });
     };
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsx(FilterBody, { className: "m-1", limitSize: true, children: jsxs(RadioGroup, { id: "ActiveAsset", onChange: e => handleChange(e.currentTarget.value), value: props.value ? props.value.booleanValue + "" : "true", children: [jsx(RadioFilterItem, { label: t("filtersBar.defaultAssetFilters.activeAssetFilter.hide"), value: "true" }), jsx(RadioFilterItem, { label: t("filtersBar.defaultAssetFilters.activeAssetFilter.show"), value: "false" })] }) })] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx(FilterBody, { className: "m-1", limitSize: true, children: jsxs(RadioGroup, { id: "ActiveAsset", onChange: e => handleChange(e.currentTarget.value), value: props.value ? props.value.booleanValue + "" : "true", children: [jsx(RadioFilterItem, { label: t("filtersBar.defaultAssetFilters.activeAssetFilter.hide"), value: "true" }), jsx(RadioFilterItem, { label: t("filtersBar.defaultAssetFilters.activeAssetFilter.show"), value: "false" })] }) })] }));
 };
 /**
  *
@@ -2224,9 +2224,9 @@ const AreaView = (props) => {
         // Temporary while we are testing the new area filter bar behind feature flag
         // This emulated the old look of the boundingbox filter
         // TODO [BUSS] Remove this once the new area filter is ready for prime time
-        return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsx(FilterBody, { limitSize: true, children: jsx("p", { className: "p-2", children: `${t("assetFilters.boundingBoxFilter.value")}` }) })] }));
+        return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx(FilterBody, { limitSize: true, children: jsx("p", { className: "p-2", children: `${t("assetFilters.boundingBoxFilter.value")}` }) })] }));
     }
-    return (jsxs("div", { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, loading: loading, searchEnabled: true, searchProps: {
+    return (jsxs("div", { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey), loading: loading, searchEnabled: true, searchProps: {
                     onChange: setSearchString,
                     value: searchString,
                     count: places.length,
@@ -2300,7 +2300,7 @@ const getSelectedOption = (value, options) => {
 };
 
 const AssetIdsFiltersView = (props) => {
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsx("span", {})] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx("span", {})] }));
 };
 /**
  * AssetIds filter definition
@@ -2581,7 +2581,7 @@ const FollowedFiltersView = (props) => {
         });
         props.setValue(prev => newValue);
     };
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { className: "pl-2 pr-2", id: "followed", label: "", onChange: e => handleChange(e.currentTarget.value), value: props.value ?? "ALL", children: [jsx(RadioItem, { label: t("filtersBar.defaultAssetFilters.followedFilter.allLabel"), value: "ALL" }), jsx(RadioItem, { label: t("filtersBar.defaultAssetFilters.followedFilter.followedOnlyLabel"), value: "FOLLOWED" })] }) })] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { className: "pl-2 pr-2", id: "followed", label: "", onChange: e => handleChange(e.currentTarget.value), value: props.value ?? "ALL", children: [jsx(RadioItem, { label: t("filtersBar.defaultAssetFilters.followedFilter.allLabel"), value: "ALL" }), jsx(RadioItem, { label: t("filtersBar.defaultAssetFilters.followedFilter.followedOnlyLabel"), value: "FOLLOWED" })] }) })] }));
 };
 /**
  *
@@ -2709,7 +2709,7 @@ const LastSeenFiltersView = (props) => {
         });
         props.setValue(prev => value);
     };
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { className: "pl-2 pr-2", id: "lastSeen", label: "", onChange: val => handleChange(val.currentTarget.value), value: props.value ?? "ALL", children: [jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.anytime"), value: "ALL" }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.lastHour"), value: AssetLastSeen.LastHour }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.last24Hours"), value: AssetLastSeen.Last_24Hours }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.last7Days"), value: AssetLastSeen.Last_7Days }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.last30Days"), value: AssetLastSeen.Last_30Days }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.olderThan30Days"), value: AssetLastSeen.OlderThan_30Days })] }) })] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { className: "pl-2 pr-2", id: "lastSeen", label: "", onChange: val => handleChange(val.currentTarget.value), value: props.value ?? "ALL", children: [jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.anytime"), value: "ALL" }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.lastHour"), value: AssetLastSeen.LastHour }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.last24Hours"), value: AssetLastSeen.Last_24Hours }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.last7Days"), value: AssetLastSeen.Last_7Days }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.last30Days"), value: AssetLastSeen.Last_30Days }), jsx(RadioItem, { label: t("assetFilters.lastSeenFilter.olderThan30Days"), value: AssetLastSeen.OlderThan_30Days })] }) })] }));
 };
 /**
  *
@@ -2940,7 +2940,7 @@ const PeriodFilterView = (props) => {
         });
         props.setValue(prev => value);
     };
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { id: "period", label: "", onChange: val => handleChange(val.currentTarget.value), value: props.value || "LAST_24_HOURS", children: [props.filterBarActions.getFilterBarName() !== "utilizationFilter" ? (jsx(RadioItem, { label: t("assetFilters.periodFilter.LAST_24_HOURS"), value: DayPeriod.LAST_24_HOURS })) : null, jsx(RadioItem, { label: t("assetFilters.periodFilter.LAST_7_DAYS"), value: DayPeriod.LAST_7_DAYS }), jsx(RadioItem, { label: t("assetFilters.periodFilter.LAST_30_DAYS"), value: DayPeriod.LAST_30_DAYS }), props.filterBarActions.getFilterBarName() === "fleetEmissionsFilter" && (jsxs(Fragment, { children: [jsx(RadioItem, { label: t("assetFilters.periodFilter.LAST_YEAR"), value: DayPeriod.LAST_YEAR }), jsx(RadioItem, { label: t("assetFilters.periodFilter.LIFETIME"), value: DayPeriod.LIFETIME })] }))] }) })] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { id: "period", label: "", onChange: val => handleChange(val.currentTarget.value), value: props.value || "LAST_24_HOURS", children: [props.filterBarActions.getFilterBarName() !== "utilizationFilter" ? (jsx(RadioItem, { label: t("assetFilters.periodFilter.LAST_24_HOURS"), value: DayPeriod.LAST_24_HOURS })) : null, jsx(RadioItem, { label: t("assetFilters.periodFilter.LAST_7_DAYS"), value: DayPeriod.LAST_7_DAYS }), jsx(RadioItem, { label: t("assetFilters.periodFilter.LAST_30_DAYS"), value: DayPeriod.LAST_30_DAYS }), props.filterBarActions.getFilterBarName() === "fleetEmissionsFilter" && (jsxs(Fragment, { children: [jsx(RadioItem, { label: t("assetFilters.periodFilter.LAST_YEAR"), value: DayPeriod.LAST_YEAR }), jsx(RadioItem, { label: t("assetFilters.periodFilter.LIFETIME"), value: DayPeriod.LIFETIME })] }))] }) })] }));
 };
 /**
  *
@@ -3461,7 +3461,7 @@ const TelematicsConnectedFiltersView = (props) => {
             return newValue === "true" ? { booleanValue: true } : { booleanValue: false };
         });
     };
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, loading: loading }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { className: "pl-2 pr-2", id: "followed", label: "", onChange: e => handleChange(e.currentTarget.value), value: props.value ? props.value.booleanValue + "" : "", children: [jsx(RadioFilterItem, { itemCount: summaries.find(item => item.key === "numberOfAssetsConnectedWithTelematicsDevice")?.count, label: t("filtersBar.defaultAssetFilters.telematicsConnectedFilter.connected"), value: "true" }), jsx(RadioFilterItem, { itemCount: summaries.find(item => item.key === "numberOfAssetsNotConnectedWithTelematicsDevice")?.count, label: t("filtersBar.defaultAssetFilters.telematicsConnectedFilter.notConnected"), value: "false" })] }) })] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey), loading: loading }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { className: "pl-2 pr-2", id: "followed", label: "", onChange: e => handleChange(e.currentTarget.value), value: props.value ? props.value.booleanValue + "" : "", children: [jsx(RadioFilterItem, { itemCount: summaries.find(item => item.key === "numberOfAssetsConnectedWithTelematicsDevice")?.count, label: t("filtersBar.defaultAssetFilters.telematicsConnectedFilter.connected"), value: "true" }), jsx(RadioFilterItem, { itemCount: summaries.find(item => item.key === "numberOfAssetsNotConnectedWithTelematicsDevice")?.count, label: t("filtersBar.defaultAssetFilters.telematicsConnectedFilter.notConnected"), value: "false" })] }) })] }));
 };
 /**
  *
@@ -3473,7 +3473,6 @@ const useTelematicsConnectedFilter = () => {
             filterKey: "telematicsConnected",
             type: "boolean",
             group: "METADATA",
-            defaultValue: { booleanValue: undefined },
             title: t("assetFilters.telematicsConnectedFilter.label"),
             default: true,
             valueAsText: (value) => {
@@ -3969,7 +3968,7 @@ const mockForGetPlaceDetailsQuery = (variables, data) => {
 };
 
 const PartnerFilterView = ({ filterDefinition, value, filterBarActions }) => {
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...filterDefinition, ...filterBarActions }), jsx(FilterBody, { limitSize: true, children: value?.map(vn => vn.name).join(",") })] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterDefinition.filterKey) }), jsx(FilterBody, { limitSize: true, children: value?.map(vn => vn.name).join(",") })] }));
 };
 /**
  * Partner filter definition
@@ -4143,6 +4142,7 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
  * Parses (some) filters from the url and sets their respective values in the filter bar.
  */
 const useSetAssetFilterStateFromUrl = ({ setters, isLoading }) => {
+    const [isDoneSettingFilters, setIsDoneSettingFilters] = useState(false);
     const search = useSearch({ strict: false });
     const navigate = useNavigate();
     const errorHandler = useErrorHandler();
@@ -4236,9 +4236,10 @@ const useSetAssetFilterStateFromUrl = ({ setters, isLoading }) => {
                 replace: true,
                 params: {},
             });
+            setIsDoneSettingFilters(true);
         }
     }, [search, setters, navigate, filterMappings, isLoading]);
-    return { search };
+    return { search, isDoneSettingFilters };
 };
 const coordinateSchema = z.object({
     latitude: z.number(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-asset-filter-definitions",
-  "version": "1.3.47",
+  "version": "1.3.48",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -17,21 +17,21 @@
     "@tanstack/react-router": "1.47.1",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/iris-app-build-utilities": "1.3.29",
-    "@trackunit/filters-filter-bar": "1.3.42",
-    "@trackunit/react-core-hooks": "1.3.30",
-    "@trackunit/react-filter-components": "1.3.35",
-    "@trackunit/react-form-components": "1.3.35",
-    "@trackunit/filters-graphql-hook": "1.3.42",
-    "@trackunit/utilization-indicator": "1.3.31",
-    "@trackunit/geo-json-utils": "1.3.30",
-    "@trackunit/react-components": "1.4.30",
-    "@trackunit/shared-utils": "1.5.29",
-    "@trackunit/translations-machine-type": "1.3.31",
-    "@trackunit/criticality-indicator": "1.3.31",
-    "@trackunit/iris-app-api": "1.3.29",
-    "@trackunit/react-core-contexts-test": "1.3.30",
-    "@trackunit/i18n-library-translation": "1.3.30"
+    "@trackunit/iris-app-build-utilities": "1.3.30",
+    "@trackunit/filters-filter-bar": "1.3.43",
+    "@trackunit/react-core-hooks": "1.3.31",
+    "@trackunit/react-filter-components": "1.3.36",
+    "@trackunit/react-form-components": "1.3.36",
+    "@trackunit/filters-graphql-hook": "1.3.43",
+    "@trackunit/utilization-indicator": "1.3.32",
+    "@trackunit/geo-json-utils": "1.3.31",
+    "@trackunit/react-components": "1.4.31",
+    "@trackunit/shared-utils": "1.5.30",
+    "@trackunit/translations-machine-type": "1.3.32",
+    "@trackunit/criticality-indicator": "1.3.32",
+    "@trackunit/iris-app-api": "1.3.30",
+    "@trackunit/react-core-contexts-test": "1.3.31",
+    "@trackunit/i18n-library-translation": "1.3.31"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/hooks/useSetAssetFilterStateFromUrl.d.ts

@@ -1,7 +1,7 @@
-import { useFilterBar } from "@trackunit/filters-filter-bar";
+import { FilterBarConfig } from "@trackunit/filters-filter-bar";
 import { DefaultAssetFilterBarDefinition } from "./useDefaultAssetFilterBarDefinition";
 interface UseSetAssetFilterStateFromUrlProps {
-    setters: ReturnType<typeof useFilterBar<DefaultAssetFilterBarDefinition>>["filterBarConfig"]["setters"];
+    setters: FilterBarConfig<DefaultAssetFilterBarDefinition>["setters"];
     isLoading?: boolean;
 }
 /**
@@ -9,5 +9,6 @@ interface UseSetAssetFilterStateFromUrlProps {
  */
 export declare const useSetAssetFilterStateFromUrl: ({ setters, isLoading }: UseSetAssetFilterStateFromUrlProps) => {
     search: any;
+    isDoneSettingFilters: boolean;
 };
 export {};