@trackunit/filters-asset-filter-definitions 3.0.0 → 3.0.1-alpha-b98222c404a.0

package/index.cjs.js

@@ -328,13 +328,14 @@ const AccessManagementModeFilterView = ({ filterDefinition, filterState, filterB
     }, [data?.assetSummary?.accessManagementModeDesired?.summary, t]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { filterBarActions: filterBarActions, filterDefinition: filterDefinition, filterState: filterState, loading: loading, options: accessManagementModes, setValue: setValue }));
 };
-const AccessManagementMode = {
-    UNLOCKED_FOR_ALL: "UNLOCKED_FOR_ALL",
-    UNLOCKED_FOR_KEY: "UNLOCKED_FOR_KEY",
-    LOCKED_FOR_ALL: "LOCKED_FOR_ALL",
-    UNSUPPORTED: "UNSUPPORTED",
-    UNKNOWN: "UNKNOWN",
-};
+exports.AccessManagementMode = void 0;
+(function (AccessManagementMode) {
+    AccessManagementMode["UNLOCKED_FOR_ALL"] = "UNLOCKED_FOR_ALL";
+    AccessManagementMode["UNLOCKED_FOR_KEY"] = "UNLOCKED_FOR_KEY";
+    AccessManagementMode["LOCKED_FOR_ALL"] = "LOCKED_FOR_ALL";
+    AccessManagementMode["UNSUPPORTED"] = "UNSUPPORTED";
+    AccessManagementMode["UNKNOWN"] = "UNKNOWN";
+})(exports.AccessManagementMode || (exports.AccessManagementMode = {}));
 /**
 Access Management Mode filter definition
 It is a string array filter that filters assets based on their access management mode
@@ -4677,12 +4678,13 @@ const GetFleetRentalCustomerParentNameSummaryMissingDocument = {
     ],
 };
 
-const AssetActivityState = {
-    Idling: "IDLING",
-    Stopped: "STOPPED",
-    Unknown: "UNKNOWN",
-    Working: "WORKING",
-};
+exports.AssetActivityState = void 0;
+(function (AssetActivityState) {
+    AssetActivityState["Idling"] = "IDLING";
+    AssetActivityState["Stopped"] = "STOPPED";
+    AssetActivityState["Unknown"] = "UNKNOWN";
+    AssetActivityState["Working"] = "WORKING";
+})(exports.AssetActivityState || (exports.AssetActivityState = {}));
 /**
  * Maps the activity state to a label id
  *
@@ -4691,13 +4693,13 @@ const AssetActivityState = {
  */
 const mapActivityToLabelId = (state) => {
     switch (state) {
-        case AssetActivityState.Working:
+        case exports.AssetActivityState.Working:
             return "assetFilters.activityFilter.working";
-        case AssetActivityState.Idling:
+        case exports.AssetActivityState.Idling:
             return "assetFilters.activityFilter.idling";
-        case AssetActivityState.Stopped:
+        case exports.AssetActivityState.Stopped:
             return "assetFilters.activityFilter.stopped";
-        case AssetActivityState.Unknown:
+        case exports.AssetActivityState.Unknown:
             return "assetFilters.activityFilter.unknown";
         default:
             return "assetFilters.activityFilter.unknown";
@@ -4725,28 +4727,28 @@ const ActivityFiltersView = ({ filterBarActions, filterDefinition, filterState,
     const activity = data?.assetSummary?.activity;
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { filterBarActions: filterBarActions, filterDefinition: filterDefinition, filterState: filterState, loading: loading, options: [
             {
-                key: AssetActivityState.Working,
+                key: exports.AssetActivityState.Working,
                 label: t("assetFilters.activityFilter.working"),
                 count: activity?.working,
-                prefix: jsxRuntime.jsx(utilizationIndicator.ActivityIndicator, { state: AssetActivityState.Working, withBackground: false, withLabel: false }),
+                prefix: jsxRuntime.jsx(utilizationIndicator.ActivityIndicator, { state: exports.AssetActivityState.Working, withBackground: false, withLabel: false }),
             },
             {
-                key: AssetActivityState.Idling,
+                key: exports.AssetActivityState.Idling,
                 label: t("assetFilters.activityFilter.idling"),
                 count: activity?.idling,
-                prefix: jsxRuntime.jsx(utilizationIndicator.ActivityIndicator, { state: AssetActivityState.Idling, withBackground: false, withLabel: false }),
+                prefix: jsxRuntime.jsx(utilizationIndicator.ActivityIndicator, { state: exports.AssetActivityState.Idling, withBackground: false, withLabel: false }),
             },
             {
-                key: AssetActivityState.Stopped,
+                key: exports.AssetActivityState.Stopped,
                 label: t("assetFilters.activityFilter.stopped"),
                 count: activity?.stopped,
-                prefix: jsxRuntime.jsx(utilizationIndicator.ActivityIndicator, { state: AssetActivityState.Stopped, withBackground: false, withLabel: false }),
+                prefix: jsxRuntime.jsx(utilizationIndicator.ActivityIndicator, { state: exports.AssetActivityState.Stopped, withBackground: false, withLabel: false }),
             },
             {
-                key: AssetActivityState.Unknown,
+                key: exports.AssetActivityState.Unknown,
                 label: t("assetFilters.activityFilter.unknown"),
                 count: activity?.unknown,
-                prefix: jsxRuntime.jsx(utilizationIndicator.ActivityIndicator, { state: AssetActivityState.Unknown, withBackground: false, withLabel: false }),
+                prefix: jsxRuntime.jsx(utilizationIndicator.ActivityIndicator, { state: exports.AssetActivityState.Unknown, withBackground: false, withLabel: false }),
             },
         ], setValue: setValue, value: value }));
 };
@@ -5022,8 +5024,6 @@ const assetTypeConst = {
     VEHICLE: "VEHICLE",
 };
 const ALL_TYPES = sharedUtils.objectValues(assetTypeConst);
-const isAssetType = (value) => ALL_TYPES.some(type => type === value);
-const mapAssetTypeToLabelId = (value) => isAssetType(value) ? `assetFilters.assetType.${value}` : "assetFilters.unknown";
 /**
  * A filter view component for filtering asset types.
  *
@@ -5081,7 +5081,7 @@ const useAssetTypeFilter = ({ showTypes } = { showTypes: ALL_TYPES }) => {
             type: "stringArray",
             group: "METADATA",
             title: t("fleetlist.column.assetType"),
-            valueAsText: values => values.map(value => t(mapAssetTypeToLabelId(value))),
+            valueAsText: values => values.map(value => t(`assetFilters.assetType.${value}`)),
             component: props => jsxRuntime.jsx(AssetTypesFilterView, { showTypes: showTypes, ...props }),
         };
     }, [showTypes, t]);
@@ -5723,7 +5723,7 @@ const useFacetLimitedOptions = (filterState, config) => {
         variables: { limit: FACET_FETCH_LIMIT, search: debouncedSearch, filters: config.scope(activeFilters) },
     });
     const options = react.useMemo(() => {
-        const items = data !== undefined && data !== null ? (config.read(data) ?? []) : [];
+        const items = data ? (config.read(data) ?? []) : [];
         const facetOptions = items.map(item => config.toOption(item));
         return config.showCount === false ? facetOptions.map(option => ({ ...option, count: undefined })) : facetOptions;
     }, [config, data]);
@@ -5849,7 +5849,7 @@ const useCustomerHierarchy = (customerSummary) => {
         // Finalize and sort the hierarchy
         const finalRootOptions = Array.from(rootCustomerIds)
             .map(id => customerMap.get(id))
-            .filter(sharedUtils.nonNullable)
+            .filter(Boolean)
             .sort((a, b) => a.label.localeCompare(b.label));
         finalRootOptions.forEach(option => assignLevelAndSort(option, 0));
         return finalRootOptions;
@@ -5864,15 +5864,13 @@ const useCustomerHierarchy = (customerSummary) => {
  * @param props - Filter properties including data, state, and actions.
  * @param props.customerId - The ID of the customer that owns the customers shown in the filter bar.
  * @param props.hasCount - Whether the filter should display the count for matching items.
- * @returns {ReactElement | null} A customer ID filter component for rendering in the UI, or null when the filter definition is not a valueNameArray definition.
+ * @returns {ReactElement} A customer ID filter component for rendering in the UI.
  */
 const CustomerIdsFilterView = ({ customerId, hasCount = true, ...props }) => {
     const { data, loading, customSearch } = useCustomerData(props.filterState.values, customerId);
     const hierarchicalOptions = useCustomerHierarchy(data?.assetSummary?.customers?.summary);
-    if (props.filterDefinition.type !== "valueNameArray") {
-        return null;
-    }
-    return (jsxRuntime.jsx(filtersFilterBar.HierarchicalCheckboxFilter, { cascadeSelection: true, customSearch: customSearch, filterBarActions: props.filterBarActions, filterDefinition: props.filterDefinition, filterState: props.filterState, loading: loading, options: hierarchicalOptions, setValue: props.setValue, showCount: hasCount, value: props.value }));
+    const valueNameArrayFilterDefinition = props.filterDefinition;
+    return (jsxRuntime.jsx(filtersFilterBar.HierarchicalCheckboxFilter, { cascadeSelection: true, customSearch: customSearch, filterBarActions: props.filterBarActions, filterDefinition: valueNameArrayFilterDefinition, filterState: props.filterState, loading: loading, options: hierarchicalOptions, setValue: props.setValue, showCount: hasCount, value: props.value }));
 };
 /**
  * Custom hook to create and configure a customer IDs filter definition.
@@ -6307,7 +6305,7 @@ const GroupIdsFilterView = (props) => {
             read: asGroupConnectionNode,
             toOption: node => ({
                 key: node.group?.groupId || "unknown",
-                count: node.count ?? 0,
+                count: node.count || 0,
                 label: node.group?.name || t("machine.types.Unknown"),
             }),
         },
@@ -6716,7 +6714,7 @@ const InspectionTemplateAssignedFilter = (props) => {
  * Inspection template assigned filter definition. Applied to results via
  * `AssetFiltersInput.inspectionTemplateAssigned` (see `useActiveAssetFilters`).
  */
-const useInspectionTemplateAssignedFilter = ({ isDefault, } = {}) => {
+const useInspectionTemplateAssignedFilter = ({ isDefault } = {}) => {
     const [t] = useTranslation();
     const result = react.useMemo(() => {
         return {
@@ -6819,7 +6817,7 @@ const LastInspectionResultFiltersView = (props) => {
  * @param root0.isDefault - When true, include in default filter bar configuration
  * @returns {StringArrayFilterDefinition} Filter definition for the asset filter bar
  */
-const useLastInspectionResultFilter = ({ isDefault, } = {}) => {
+const useLastInspectionResultFilter = ({ isDefault } = {}) => {
     const [t] = useTranslation();
     const result = react.useMemo(() => {
         return {
@@ -6908,7 +6906,7 @@ const LastPerformedInspectionFilterView = (props) => {
  * `inspectionLastFilters.performed` (see `useActiveAssetFilters`); the schema exposes no
  * per-time-bucket summary, so options render without counts.
  */
-const useLastPerformedInspectionFilter = ({ isDefault, } = {}) => {
+const useLastPerformedInspectionFilter = ({ isDefault } = {}) => {
     const [t] = useTranslation();
     const result = react.useMemo(() => {
         return {
@@ -6925,13 +6923,14 @@ const useLastPerformedInspectionFilter = ({ isDefault, } = {}) => {
 };
 
 /** The time the asset was last seen. */
-const AssetLastSeen = {
-    Last_7Days: "LAST_7_DAYS",
-    Last_24Hours: "LAST_24_HOURS",
-    Last_30Days: "LAST_30_DAYS",
-    LastHour: "LAST_HOUR",
-    OlderThan_30Days: "OLDER_THAN_30_DAYS",
-};
+exports.AssetLastSeen = void 0;
+(function (AssetLastSeen) {
+    AssetLastSeen["Last_7Days"] = "LAST_7_DAYS";
+    AssetLastSeen["Last_24Hours"] = "LAST_24_HOURS";
+    AssetLastSeen["Last_30Days"] = "LAST_30_DAYS";
+    AssetLastSeen["LastHour"] = "LAST_HOUR";
+    AssetLastSeen["OlderThan_30Days"] = "OLDER_THAN_30_DAYS";
+})(exports.AssetLastSeen || (exports.AssetLastSeen = {}));
 /**
  * Represents the view component for the "Last Seen" filter.
  *
@@ -6948,7 +6947,7 @@ const LastSeenFiltersView = (props) => {
         });
         props.setValue(() => 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.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: AssetLastSeen.LastHour }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last24Hours"), value: AssetLastSeen.Last_24Hours }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last7Days"), value: AssetLastSeen.Last_7Days }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.last30Days"), value: AssetLastSeen.Last_30Days }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.lastSeenFilter.olderThan30Days"), value: 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 })] }) })] }));
 };
 /**
  *
@@ -6962,19 +6961,19 @@ const useLastSeenFilter = () => {
             group: "STATUS",
             title: t("fleetlist.column.lastSeen"),
             valueAsText: value => {
-                if (value === AssetLastSeen.LastHour) {
+                if (value === exports.AssetLastSeen.LastHour) {
                     return t("assetFilters.lastSeenFilter.lastHour");
                 }
-                else if (value === AssetLastSeen.Last_24Hours) {
+                else if (value === exports.AssetLastSeen.Last_24Hours) {
                     return t("assetFilters.lastSeenFilter.last24Hours");
                 }
-                else if (value === AssetLastSeen.Last_7Days) {
+                else if (value === exports.AssetLastSeen.Last_7Days) {
                     return t("assetFilters.lastSeenFilter.last7Days");
                 }
-                else if (value === AssetLastSeen.Last_30Days) {
+                else if (value === exports.AssetLastSeen.Last_30Days) {
                     return t("assetFilters.lastSeenFilter.last30Days");
                 }
-                else if (value === AssetLastSeen.OlderThan_30Days) {
+                else if (value === exports.AssetLastSeen.OlderThan_30Days) {
                     return t("assetFilters.lastSeenFilter.olderThan30Days");
                 }
                 else {
@@ -7053,7 +7052,7 @@ const MetadataCompletenessFilterView = (props) => {
 /**
  * MetadataCompleteness filter definition
  */
-const useMetadataCompletenessFilter = ({ isDefault, } = {}) => {
+const useMetadataCompletenessFilter = ({ isDefault } = {}) => {
     const [t] = useTranslation();
     const result = react.useMemo(() => {
         return {
@@ -7211,16 +7210,9 @@ const useFreeTextRecentSearches = ({ recentSearches, setRecentSearches, }) => {
 // eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a fragment (header + body) with no DOM root to attach these props to; fix in GLU-2699
 const FreeTextRecentSearchesFilterView = ({ filterBarActions, filterState, filterDefinition, localStorageKey, searchPlaceholder, }) => {
     const [t] = useTranslation();
-    const filterKey = filterDefinition?.filterKey;
-    const filterValue = filterKey ? String(filterState.values[filterKey]) : undefined;
+    const filterValue = filterDefinition?.filterKey ? String(filterState.values[filterDefinition.filterKey]) : undefined;
     const [searchString, setSearchString] = react.useState(filterValue ?? "");
-    const [syncedFilterValue, setSyncedFilterValue] = react.useState(filterValue);
-    if (filterValue !== syncedFilterValue) {
-        setSyncedFilterValue(filterValue);
-        if (filterValue !== searchString && filterValue !== undefined) {
-            setSearchString(filterValue);
-        }
-    }
+    const previousFilterValue = reactComponents.usePrevious(filterValue);
     const { clientSideUserId } = reactCoreHooks.useCurrentUser();
     reactComponents.useDebounce(searchString, {
         delay: 500,
@@ -7231,11 +7223,19 @@ const FreeTextRecentSearchesFilterView = ({ filterBarActions, filterState, filte
             apply({ value: debouncedSearchString, setRecent: false });
         },
     });
+    react.useEffect(() => {
+        if (filterValue === searchString || previousFilterValue === filterValue) {
+            return;
+        }
+        if (filterValue !== undefined) {
+            setSearchString(filterValue);
+        }
+    }, [filterValue, previousFilterValue, searchString]);
     const localStorageProps = react.useMemo(() => ({
         defaultState: [],
-        key: `${localStorageKey}-${filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
+        key: `${localStorageKey}-${filterDefinition?.filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
         schema: zod.z.array(zod.z.string()),
-    }), [localStorageKey, filterKey, clientSideUserId]);
+    }), [localStorageKey, filterDefinition?.filterKey, clientSideUserId]);
     const [recentSearches, setRecentSearches] = reactComponents.useLocalStorage(localStorageProps);
     const { recentSearchesWithoutEmptyValues, rememberRecentSearch } = useFreeTextRecentSearches({
         recentSearches,
@@ -7245,11 +7245,11 @@ const FreeTextRecentSearchesFilterView = ({ filterBarActions, filterState, filte
         if (setRecent !== false) {
             rememberRecentSearch(value);
         }
-        if (filterKey) {
-            filterBarActions.setStringValue(filterKey, value);
+        if (filterDefinition?.filterKey) {
+            filterBarActions.setStringValue(filterDefinition.filterKey, value);
         }
-    }, [filterKey, filterBarActions, rememberRecentSearch]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterKey ?? ""), filterKey: filterKey ?? "", searchEnabled: true, searchProps: {
+    }, [filterDefinition?.filterKey, filterBarActions, rememberRecentSearch]);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterDefinition?.filterKey ?? ""), filterKey: filterDefinition?.filterKey ?? "", searchEnabled: true, searchProps: {
                     onEnter: () => apply({ value: searchString, setRecent: true }),
                     onChange: setSearchString,
                     onClear: () => setSearchString(""),
@@ -7371,7 +7371,7 @@ const OwnerAccountIdsFilterView = (props) => {
             read: asOwnerAccountConnectionNode,
             toOption: node => ({
                 key: node.ownerAccount?.accountId || "unknown",
-                count: node.count ?? 0,
+                count: node.count || 0,
                 label: node.ownerAccount?.name || t("machine.types.Unknown"),
             }),
         },
@@ -7428,24 +7428,25 @@ const usePartnerFilter = () => {
     return result;
 };
 
-const DayPeriod = {
-    LAST_24_HOURS: "LAST_24_HOURS",
-    LAST_7_DAYS: "LAST_7_DAYS",
-    LAST_30_DAYS: "LAST_30_DAYS",
-    LIFETIME: "LIFETIME",
-    LAST_YEAR: "LAST_YEAR",
-};
+exports.DayPeriod = void 0;
+(function (DayPeriod) {
+    DayPeriod["LAST_24_HOURS"] = "LAST_24_HOURS";
+    DayPeriod["LAST_7_DAYS"] = "LAST_7_DAYS";
+    DayPeriod["LAST_30_DAYS"] = "LAST_30_DAYS";
+    DayPeriod["LIFETIME"] = "LIFETIME";
+    DayPeriod["LAST_YEAR"] = "LAST_YEAR";
+})(exports.DayPeriod || (exports.DayPeriod = {}));
 const dayPeriodToTranslationKey = (value) => {
     switch (value) {
-        case DayPeriod.LAST_24_HOURS:
+        case exports.DayPeriod.LAST_24_HOURS:
             return "assetFilters.periodFilter.LAST_24_HOURS";
-        case DayPeriod.LAST_7_DAYS:
+        case exports.DayPeriod.LAST_7_DAYS:
             return "assetFilters.periodFilter.LAST_7_DAYS";
-        case DayPeriod.LAST_30_DAYS:
+        case exports.DayPeriod.LAST_30_DAYS:
             return "assetFilters.periodFilter.LAST_30_DAYS";
-        case DayPeriod.LIFETIME:
+        case exports.DayPeriod.LIFETIME:
             return "assetFilters.periodFilter.LIFETIME";
-        case DayPeriod.LAST_YEAR:
+        case exports.DayPeriod.LAST_YEAR:
             return "assetFilters.periodFilter.LAST_YEAR";
         default:
             return sharedUtils.exhaustiveCheck(value);
@@ -7471,7 +7472,7 @@ const PeriodFilterView = (props) => {
         });
         props.setValue(() => 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.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: DayPeriod.LAST_24_HOURS })) : null, jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_7_DAYS"), value: DayPeriod.LAST_7_DAYS }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_30_DAYS"), value: DayPeriod.LAST_30_DAYS }), props.filterBarActions.getFilterBarName() === "fleetEmissionsFilter" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LAST_YEAR"), value: DayPeriod.LAST_YEAR }), jsxRuntime.jsx(reactFormComponents.RadioItem, { label: t("assetFilters.periodFilter.LIFETIME"), value: 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 })] }))] }) })] }));
 };
 /**
  *
@@ -7486,21 +7487,21 @@ const usePeriodFilter = () => {
             title: t("assetFilters.periodFilter.label"),
             valueAsText: value => {
                 switch (value) {
-                    case DayPeriod.LAST_24_HOURS:
+                    case exports.DayPeriod.LAST_24_HOURS:
                         return t("assetFilters.periodFilter.LAST_24_HOURS");
-                    case DayPeriod.LAST_7_DAYS:
+                    case exports.DayPeriod.LAST_7_DAYS:
                         return t("assetFilters.periodFilter.LAST_7_DAYS");
-                    case DayPeriod.LAST_30_DAYS:
+                    case exports.DayPeriod.LAST_30_DAYS:
                         return t("assetFilters.periodFilter.LAST_30_DAYS");
-                    case DayPeriod.LIFETIME:
+                    case exports.DayPeriod.LIFETIME:
                         return t("assetFilters.periodFilter.LIFETIME");
-                    case DayPeriod.LAST_YEAR:
+                    case exports.DayPeriod.LAST_YEAR:
                         return t(dayPeriodToTranslationKey(value));
                     default:
                         return "";
                 }
             },
-            defaultValue: DayPeriod.LAST_7_DAYS,
+            defaultValue: exports.DayPeriod.LAST_7_DAYS,
             component: props => jsxRuntime.jsx(PeriodFilterView, { ...props }),
         };
     }, [t]);
@@ -7833,17 +7834,9 @@ const SearchFilterInline = ({ filterBarActions, filterState, filterDefinition, l
     const { logEvent } = reactCoreHooks.useAnalytics(filtersFilterBar.FilterEvents);
     const [t] = useTranslation();
     const { geometry, ref: searchElementRef } = reactComponents.useMeasure();
-    const filterKey = filterDefinition?.filterKey;
-    const filterValue = filterKey ? String(filterState.values[filterKey]) : undefined;
+    const filterValue = filterDefinition?.filterKey ? String(filterState.values[filterDefinition.filterKey]) : undefined;
     const [searchString, setSearchString] = react.useState(filterValue ?? "");
-    const [syncedFilterValue, setSyncedFilterValue] = react.useState(filterValue);
-    if (filterValue !== syncedFilterValue) {
-        // Catch a change in filter value from outside the component and update the search string to match
-        setSyncedFilterValue(filterValue);
-        if (filterValue !== searchString && filterValue !== undefined) {
-            setSearchString(filterValue);
-        }
-    }
+    const previousFilterValue = reactComponents.usePrevious(filterValue);
     const { clientSideUserId } = reactCoreHooks.useCurrentUser();
     reactComponents.useDebounce(searchString, {
         delay: 500,
@@ -7854,11 +7847,20 @@ const SearchFilterInline = ({ filterBarActions, filterState, filterDefinition, l
             apply({ value: debouncedSearchString, setRecent: false });
         },
     });
+    react.useEffect(() => {
+        // Catch a change in filter value from outside the component and update the search string to match
+        if (filterValue === searchString || previousFilterValue === filterValue) {
+            return;
+        }
+        if (filterValue !== undefined) {
+            setSearchString(filterValue);
+        }
+    }, [filterValue, previousFilterValue, searchString]);
     const localStorageProps = react.useMemo(() => ({
         defaultState: [],
-        key: `${localStorageKey}-${filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
+        key: `${localStorageKey}-${filterDefinition?.filterKey}-free-text-filter-recent-searches-${clientSideUserId}`,
         schema: searchStringSchema,
-    }), [localStorageKey, filterKey, clientSideUserId]);
+    }), [localStorageKey, filterDefinition?.filterKey, clientSideUserId]);
     const [recentSearches, setRecentSearches] = reactComponents.useLocalStorage(localStorageProps);
     const apply = react.useCallback(({ value, wasPreviousSearch = false, setRecent = true }) => {
         if (setRecent !== false) {
@@ -7875,10 +7877,10 @@ const SearchFilterInline = ({ filterBarActions, filterState, filterDefinition, l
                 wasPreviousSearch: Boolean(wasPreviousSearch),
             },
         });
-        if (filterKey) {
-            filterBarActions.setStringValue(filterKey, value);
+        if (filterDefinition?.filterKey) {
+            filterBarActions.setStringValue(filterDefinition.filterKey, value);
         }
-    }, [filterKey, filterBarActions, logEvent, setRecentSearches]);
+    }, [filterDefinition?.filterKey, filterBarActions, logEvent, setRecentSearches]);
     return (jsxRuntime.jsxs(reactComponents.Popover, { activation: defaultActivation => ({ ...defaultActivation, keyboardHandlers: false }), "data-testid": dataTestId ? `${dataTestId}-popover` : undefined, placement: "bottom-start", children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx("div", { className: "flex-grow", "data-testid": "filters-menu-search-field-container", children: jsxRuntime.jsx(reactFormComponents.Search
                     //TODO: [Buss] remove height restriction once baseinput sizes matches buttons
                     , { 
@@ -8111,12 +8113,13 @@ const useSiteIdsFilter = (props) => {
 };
 
 /** The states of a site */
-const SiteStatus = {
-    Active: "ACTIVE",
-    Archived: "ARCHIVED",
-    Finished: "FINISHED",
-    Planned: "PLANNED",
-};
+exports.SiteStatus = void 0;
+(function (SiteStatus) {
+    SiteStatus["Active"] = "ACTIVE";
+    SiteStatus["Archived"] = "ARCHIVED";
+    SiteStatus["Finished"] = "FINISHED";
+    SiteStatus["Planned"] = "PLANNED";
+})(exports.SiteStatus || (exports.SiteStatus = {}));
 /**
  * A component that renders a checkbox filter view with site statuses.
  *
@@ -8125,7 +8128,7 @@ const SiteStatus = {
  */
 const SiteStatusFilterView = (props) => {
     const [t] = useTranslation();
-    const shownStatus = [SiteStatus.Active, SiteStatus.Planned, SiteStatus.Finished, SiteStatus.Archived];
+    const shownStatus = [exports.SiteStatus.Active, exports.SiteStatus.Planned, exports.SiteStatus.Finished, exports.SiteStatus.Archived];
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, options: shownStatus.map(value => ({
             key: value,
             label: t(mapSiteStatusToLabelId(value)),
@@ -8133,16 +8136,16 @@ const SiteStatusFilterView = (props) => {
 };
 const mapSiteStatusToLabelId = (status) => {
     switch (status) {
-        case SiteStatus.Active:
-        case SiteStatus.Finished:
-        case SiteStatus.Archived:
-        case SiteStatus.Planned:
+        case exports.SiteStatus.Active:
+        case exports.SiteStatus.Finished:
+        case exports.SiteStatus.Archived:
+        case exports.SiteStatus.Planned:
             return `siteFilters.siteStatus.${status}`;
         default:
             return "siteFilters.siteStatus.unknown";
     }
 };
-const defaultValue = [SiteStatus.Active.valueOf()];
+const defaultValue = [exports.SiteStatus.Active.valueOf()];
 /**
  * SiteStatus filter definition
  *
@@ -8166,15 +8169,16 @@ const useSiteStatusFilter = (props) => {
 };
 
 /** The different types of a site for SFS */
-const SiteTypeSFS = {
-    Area: "AREA",
-    ClassicPoi: "CLASSIC_POI",
-    ClassicZone: "CLASSIC_ZONE",
-    ConstructionSite: "CONSTRUCTION_SITE",
-    Depot: "DEPOT",
-    NotOnSite: "NOT_ON_SITE",
-    WorkPlace: "WORK_PLACE",
-};
+exports.SiteTypeSFS = void 0;
+(function (SiteTypeSFS) {
+    SiteTypeSFS["Area"] = "AREA";
+    SiteTypeSFS["ClassicPoi"] = "CLASSIC_POI";
+    SiteTypeSFS["ClassicZone"] = "CLASSIC_ZONE";
+    SiteTypeSFS["ConstructionSite"] = "CONSTRUCTION_SITE";
+    SiteTypeSFS["Depot"] = "DEPOT";
+    SiteTypeSFS["NotOnSite"] = "NOT_ON_SITE";
+    SiteTypeSFS["WorkPlace"] = "WORK_PLACE";
+})(exports.SiteTypeSFS || (exports.SiteTypeSFS = {}));
 /**
  * Sorts the site type summary array in the correct order
  *
@@ -8183,13 +8187,13 @@ const SiteTypeSFS = {
  */
 const sortSiteTypeSummary = (arr) => {
     const typeOrder = {
-        [SiteTypeSFS.ConstructionSite]: 1,
-        [SiteTypeSFS.Depot]: 2,
-        [SiteTypeSFS.WorkPlace]: 3,
-        [SiteTypeSFS.Area]: 4,
-        [SiteTypeSFS.ClassicZone]: 5,
-        [SiteTypeSFS.ClassicPoi]: 6,
-        [SiteTypeSFS.NotOnSite]: 7,
+        [exports.SiteTypeSFS.ConstructionSite]: 1,
+        [exports.SiteTypeSFS.Depot]: 2,
+        [exports.SiteTypeSFS.WorkPlace]: 3,
+        [exports.SiteTypeSFS.Area]: 4,
+        [exports.SiteTypeSFS.ClassicZone]: 5,
+        [exports.SiteTypeSFS.ClassicPoi]: 6,
+        [exports.SiteTypeSFS.NotOnSite]: 7,
     };
     return [...arr].sort((a, b) => {
         const typeA = typeOrder[a.key];
@@ -8222,13 +8226,13 @@ const SiteTypesFilterView = (props) => {
             const key = summary.siteType;
             if (key) {
                 output.push({
-                    key: sharedUtils.enumFromValue(key, SiteTypeSFS),
+                    key: sharedUtils.enumFromValue(key, exports.SiteTypeSFS),
                     count: summary.count,
                 });
             }
         });
         if (props.filterBarActions.getFilterBarName() !== "assetFilters") {
-            return output.filter(SortSiteTypeSummary => SortSiteTypeSummary.key !== SiteTypeSFS.NotOnSite);
+            return output.filter(SortSiteTypeSummary => SortSiteTypeSummary.key !== exports.SiteTypeSFS.NotOnSite);
         }
         return output;
     }, [data?.assetSummary?.siteTypes.summary, props.filterBarActions]);
@@ -8270,13 +8274,13 @@ const useSiteTypeFilter = ({ showInFilterBar, persistValue, group } = {
 };
 const mapSiteTypeToLabelId = (type) => {
     switch (type) {
-        case SiteTypeSFS.Area:
-        case SiteTypeSFS.ClassicPoi:
-        case SiteTypeSFS.ClassicZone:
-        case SiteTypeSFS.ConstructionSite:
-        case SiteTypeSFS.WorkPlace:
-        case SiteTypeSFS.Depot:
-        case SiteTypeSFS.NotOnSite:
+        case exports.SiteTypeSFS.Area:
+        case exports.SiteTypeSFS.ClassicPoi:
+        case exports.SiteTypeSFS.ClassicZone:
+        case exports.SiteTypeSFS.ConstructionSite:
+        case exports.SiteTypeSFS.WorkPlace:
+        case exports.SiteTypeSFS.Depot:
+        case exports.SiteTypeSFS.NotOnSite:
             return `siteFilters.siteType.${type}`;
         default:
             return "siteFilters.siteType.unknown";
@@ -8693,19 +8697,15 @@ const useDefaultAssetFilterBarDefinition = () => {
 setupLibraryTranslations();
 
 exports.ALL_TYPES = ALL_TYPES;
-exports.AccessManagementMode = AccessManagementMode;
 exports.ActiveFilterFiltersView = ActiveFilterFiltersView;
 exports.ActivityFiltersView = ActivityFiltersView;
 exports.AreaView = AreaView;
-exports.AssetActivityState = AssetActivityState;
 exports.AssetIdsFiltersView = AssetIdsFiltersView;
-exports.AssetLastSeen = AssetLastSeen;
 exports.AssetTypesFilterView = AssetTypesFilterView;
 exports.BrandFilterView = BrandFilterView;
 exports.ClearItemButton = ClearItemButton;
 exports.CriticalityFiltersView = CriticalityFiltersView;
 exports.CustomerIdsFilterView = CustomerIdsFilterView;
-exports.DayPeriod = DayPeriod;
 exports.FollowedFiltersView = FollowedFiltersView;
 exports.FreeTextRecentSearchesFilterView = FreeTextRecentSearchesFilterView;
 exports.GetFleetGroupSummaryConnectionDocument = GetFleetGroupSummaryConnectionDocument;
@@ -8739,9 +8739,7 @@ exports.SearchFilterInline = SearchFilterInline;
 exports.ServicePanStatusesFiltersView = ServicePanStatusesFiltersView;
 exports.SiteDepotOwnershipIdsFilterView = SiteDepotOwnershipIdsFilterView;
 exports.SiteIdsFilterView = SiteIdsFilterView;
-exports.SiteStatus = SiteStatus;
 exports.SiteStatusFilterView = SiteStatusFilterView;
-exports.SiteTypeSFS = SiteTypeSFS;
 exports.SiteTypesFilterView = SiteTypesFilterView;
 exports.TelematicsConnectedFiltersView = TelematicsConnectedFiltersView;
 exports.TypesFilterView = TypesFilterView;