@trackunit/filters-filter-bar 1.8.124 → 1.8.127

package/index.cjs.js

@@ -405,7 +405,7 @@ const FilterComponent = ({ filter, filterBarActions, filterState, readOnly = fal
             setValue,
             filterBarActions,
             filterState,
-        }) })) : (jsxRuntime.jsx(reactFilterComponents.Filter, { activeLabel: activeFilterText, activeOptionsCount: valuesLength, asIcon: asIcon, className: className, dataTestId: `${filter.filterKey}-filter-button`, isActive: filterBarActions.appliedFilterKeys().includes(filter.filterKey), popoverProps: { placement: visualStyle === "list-item" ? "right-start" : "bottom-start" }, readOnly: readOnly, size: size, title: filter.title, visualStyle: visualStyle, withStickyHeader: true, children: filter.component({
+        }) })) : (jsxRuntime.jsx(reactFilterComponents.Filter, { activeLabel: activeFilterText, activeOptionsCount: valuesLength, asIcon: asIcon, className: className, "data-testid": `${filter.filterKey}-filter-button`, isActive: filterBarActions.appliedFilterKeys().includes(filter.filterKey), popoverProps: { placement: visualStyle === "list-item" ? "right-start" : "bottom-start" }, readOnly: readOnly, size: size, title: filter.title, visualStyle: visualStyle, withStickyHeader: true, children: filter.component({
             filterDefinition: filter,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             value: values,
@@ -440,9 +440,9 @@ const FiltersRenderer = ({ filters, filterBarConfig, visualStyle, }) => {
  *
  * @returns {ReactElement | null} The rendered ResetFiltersButton component, or null if no filters have been applied.
  */
-const ResetFiltersButtonWithIcon = ({ resetFiltersToInitialState, dataTestId, className, }) => {
+const ResetFiltersButtonWithIcon = ({ resetFiltersToInitialState, "data-testid": dataTestId, className, }) => {
     const [t] = useTranslation();
-    return (jsxRuntime.jsxs(reactComponents.Button, { className: className, dataTestId: dataTestId ?? "reset-filters-button", onClick: () => {
+    return (jsxRuntime.jsxs(reactComponents.Button, { className: className, "data-testid": dataTestId ?? "reset-filters-button", onClick: () => {
             resetFiltersToInitialState();
         }, prefix: jsxRuntime.jsx(reactComponents.Icon, { name: "ArrowPath", size: "small", type: "solid" }), size: "small", variant: "ghost-neutral", children: [t("filtersBar.resetFilters"), jsxRuntime.jsx("span", { className: "sr-only", children: t("filtersBar.resetFiltersSR") })] }));
 };
@@ -521,7 +521,7 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
                 if (!item) {
                     return null;
                 }
-                return (jsxRuntime.jsx("li", { ...listItemProps, children: item.type === "search-more" ? (jsxRuntime.jsxs("div", { className: "p-3 pt-2", children: [jsxRuntime.jsx("span", { className: "text-sm text-neutral-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", { className: "text-sm italic text-neutral-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { dataTestId: "dynamic-filter-radio-" + item.key, itemCount: item.itemCount, label: item.label, selected: item.isChecked, value: item.key })) : (jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: item.isChecked, dataTestId: "dynamic-filter-check-box-" + item.key, itemCount: item.itemCount, label: item.label, name: item.key, onChange: () => {
+                return (jsxRuntime.jsx("li", { ...listItemProps, children: item.type === "search-more" ? (jsxRuntime.jsxs("div", { className: "p-3 pt-2", children: [jsxRuntime.jsx("span", { className: "text-sm text-neutral-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", { className: "text-sm italic text-neutral-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { "data-testid": "dynamic-filter-radio-" + item.key, itemCount: item.itemCount, label: item.label, selected: item.isChecked, value: item.key })) : (jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: item.isChecked, "data-testid": "dynamic-filter-check-box-" + item.key, itemCount: item.itemCount, label: item.label, name: item.key, onChange: () => {
                             onChange?.(item.index);
                         } })) }, key));
             } }) }));
@@ -532,13 +532,13 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
  *
  * @returns {ReactElement} - Returns the FilterHeader component.
  */
-const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading = false, className, dataTestId, hideHeader = false, children, }) => {
+const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading = false, className, "data-testid": dataTestId, hideHeader = false, children, }) => {
     const [t] = useTranslation();
     const handleResetFilter = () => {
         resetIndividualFilterToInitialState(filterKey);
         onResetFilter?.();
     };
-    return (jsxRuntime.jsx(reactFilterComponents.FilterHeader, { className: className, dataTestId: dataTestId ?? `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), searchComponent: searchEnabled ? jsxRuntime.jsx(FilterHeaderSearchComponent, { filterKey: filterKey, searchProps: searchProps }) : undefined, showReset: filterHasChanges, title: hideHeader ? undefined : title, children: children }));
+    return (jsxRuntime.jsx(reactFilterComponents.FilterHeader, { className: className, "data-testid": dataTestId ?? `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), searchComponent: searchEnabled ? jsxRuntime.jsx(FilterHeaderSearchComponent, { filterKey: filterKey, searchProps: searchProps }) : undefined, showReset: filterHasChanges, title: hideHeader ? undefined : title, children: children }));
 };
 /**
  * FilterHeaderSearchComponent renders a search input for the FilterHeader component.
@@ -675,7 +675,7 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
                     onChange: customSearch?.onChange ?? setSearchText,
                     onClear: customSearch?.onClear ?? (() => setSearchText("")),
                     count: undefinedCount ? filteredOptions.length - 1 : filteredOptions.length,
-                }, children: options.length >= 2 ? (jsxRuntime.jsx(reactComponents.Button, { className: "place-self-start", dataTestId: "selectAllButton", disabled: hasSelectedAll, onClick: handleSelectAll, size: "small", variant: "ghost", children: t("filtersBar.selectAll") })) : null }), jsxRuntime.jsx(FilterResults, { ignoreUndefined: undefinedCount !== null, loading: loading, results: results, children: res => (jsxRuntime.jsx(DynamicFilterList, { checked: index => {
+                }, children: options.length >= 2 ? (jsxRuntime.jsx(reactComponents.Button, { className: "place-self-start", "data-testid": "selectAllButton", disabled: hasSelectedAll, onClick: handleSelectAll, size: "small", variant: "ghost", children: t("filtersBar.selectAll") })) : null }), jsxRuntime.jsx(FilterResults, { ignoreUndefined: undefinedCount !== null, loading: loading, results: results, children: res => (jsxRuntime.jsx(DynamicFilterList, { checked: index => {
                         return filterDefinition.type === "valueNameArray"
                             ? filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, res[index]?.key || "")
                             : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, res[index]?.key || "");
@@ -686,7 +686,7 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
                         }
                     }, rowCount: undefinedCount ? res.length - 1 : res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, type: "CheckBox" })) }), showUndefinedOptionWithCountAtBottom && undefinedCount ? (jsxRuntime.jsx("div", { className: "border-t border-neutral-200 py-1", children: jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: filterDefinition.type === "valueNameArray"
                         ? filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, results[undefinedCount.index]?.key || "")
-                        : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, results[undefinedCount.index]?.key || ""), dataTestId: "dynamic-filter-check-box-undefined", itemCount: undefinedCount.count, label: results[undefinedCount.index]?.label, name: "dynamic-filter-check-box-undefined", onChange: () => {
+                        : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, results[undefinedCount.index]?.key || ""), "data-testid": "dynamic-filter-check-box-undefined", itemCount: undefinedCount.count, label: results[undefinedCount.index]?.label, name: "dynamic-filter-check-box-undefined", onChange: () => {
                         const result = results[undefinedCount.index];
                         if (result) {
                             handleSetValue(result);
@@ -914,10 +914,10 @@ const useFiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters =
  *
  * @returns {ReactElement} - Returns the FiltersList component.
  */
-const GroupedFiltersList = ({ filterBarConfig, filtersGrouped, className, dataTestId = "grouped-filters-list", }) => {
+const GroupedFiltersList = ({ filterBarConfig, filtersGrouped, className, "data-testid": dataTestId = "grouped-filters-list", }) => {
     return (jsxRuntime.jsx("div", { className: className, "data-testid": dataTestId, role: "menu", children: filtersGrouped.map((group, idx) => {
             const isLastGroup = idx === filtersGrouped.length - 1;
-            return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsxs("div", { children: [filtersGrouped.length > 1 && (jsxRuntime.jsx(reactComponents.Text, { className: "h-7 px-3 py-2 text-neutral-400", dataTestId: `${group.key}-group-title`, size: "small", uppercase: true, weight: "bold", children: group.title })), jsxRuntime.jsx("ul", { "aria-labelledby": `${group.key}-group-title`, className: "grid", "data-testid": `${group.key}-group-list`, children: jsxRuntime.jsx(FiltersRenderer, { filterBarConfig: filterBarConfig, filters: group.filters, visualStyle: "list-item" }) })] }), isLastGroup ? null : jsxRuntime.jsx("div", { className: "h-[1px] w-full bg-neutral-200", role: "separator" })] }, group.key));
+            return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsxs("div", { children: [filtersGrouped.length > 1 && (jsxRuntime.jsx(reactComponents.Text, { className: "h-7 px-3 py-2 text-neutral-400", "data-testid": `${group.key}-group-title`, size: "small", uppercase: true, weight: "bold", children: group.title })), jsxRuntime.jsx("ul", { "aria-labelledby": `${group.key}-group-title`, className: "grid", "data-testid": `${group.key}-group-list`, children: jsxRuntime.jsx(FiltersRenderer, { filterBarConfig: filterBarConfig, filters: group.filters, visualStyle: "list-item" }) })] }), isLastGroup ? null : jsxRuntime.jsx("div", { className: "h-[1px] w-full bg-neutral-200", role: "separator" })] }, group.key));
         }) }));
 };
 
@@ -926,9 +926,9 @@ const GroupedFiltersList = ({ filterBarConfig, filtersGrouped, className, dataTe
  *
  * @returns {ReactElement | null} The rendered ResetFiltersButton component, or null if no filters have been applied.
  */
-const ResetFiltersButton = ({ resetFiltersToInitialState, dataTestId, className, }) => {
+const ResetFiltersButton = ({ resetFiltersToInitialState, "data-testid": dataTestId, className, }) => {
     const [t] = useTranslation();
-    return (jsxRuntime.jsxs(reactComponents.Button, { className: className, dataTestId: dataTestId ?? "reset-filters-button", onClick: () => {
+    return (jsxRuntime.jsxs(reactComponents.Button, { className: className, "data-testid": dataTestId ?? "reset-filters-button", onClick: () => {
             resetFiltersToInitialState();
         }, size: "small", variant: "ghost", children: [t("filtersBar.resetFilters"), jsxRuntime.jsx("span", { className: "sr-only", children: t("filtersBar.resetFiltersSR") })] }));
 };
@@ -938,7 +938,7 @@ const ResetFiltersButton = ({ resetFiltersToInitialState, dataTestId, className,
  */
 const FiltersMenuContent = ({ filterBarConfig, setShowCustomFilters, setSearchText, searchText, searchResultsGrouped, filtersToShowGrouped, removeCustomFieldsGroup, hasCustomFields, appliedCustomFields, showCustomFilters, filterBarDefinitionCount, }) => {
     const [t] = useTranslation();
-    return (jsxRuntime.jsxs(reactComponents.Card, { className: "max-h-[min(600px,_calc(100dvh-32px))] w-[300px] overflow-y-hidden", dataTestId: "starred-filters-menu-popover", id: "starred-filters-menu-popover", tabIndex: 0, children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 p-1", children: [filterBarDefinitionCount > 5 && (jsxRuntime.jsx(reactFormComponents.Search, { autoFocus: true, dataTestId: "starred-filters-menu-search", fieldSize: "small", id: "search-filters-list", onChange: e => setSearchText(e.currentTarget.value), onClear: () => setSearchText(""), placeholder: t("filtersBar.searchFiltersPlaceholder"), value: searchText })), jsxRuntime.jsxs("div", { className: "flex h-7 items-center justify-between gap-1 pl-3", children: [jsxRuntime.jsx(reactComponents.Text, { className: "text-neutral-400", size: "small", children: jsxRuntime.jsx(FiltersAppliedCountLabel, { filterBarConfig: filterBarConfig }) }), filterBarConfig.appliedFilterKeys().length > 0 ? (jsxRuntime.jsx(ResetFiltersButton, { resetFiltersToInitialState: filterBarConfig.resetFiltersToInitialState })) : null] })] }), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(reactComponents.CardBody, { className: "gap-1 p-1", density: "none", disableGap: true, children: [jsxRuntime.jsx(GroupedFiltersList, { className: "flex flex-col gap-1", filterBarConfig: filterBarConfig, filtersGrouped: searchText
+    return (jsxRuntime.jsxs(reactComponents.Card, { className: "max-h-[min(600px,_calc(100dvh-32px))] w-[300px] overflow-y-hidden", "data-testid": "starred-filters-menu-popover", id: "starred-filters-menu-popover", tabIndex: 0, children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 p-1", children: [filterBarDefinitionCount > 5 && (jsxRuntime.jsx(reactFormComponents.Search, { autoFocus: true, "data-testid": "starred-filters-menu-search", fieldSize: "small", id: "search-filters-list", onChange: e => setSearchText(e.currentTarget.value), onClear: () => setSearchText(""), placeholder: t("filtersBar.searchFiltersPlaceholder"), value: searchText })), jsxRuntime.jsxs("div", { className: "flex h-7 items-center justify-between gap-1 pl-3", children: [jsxRuntime.jsx(reactComponents.Text, { className: "text-neutral-400", size: "small", children: jsxRuntime.jsx(FiltersAppliedCountLabel, { filterBarConfig: filterBarConfig }) }), filterBarConfig.appliedFilterKeys().length > 0 ? (jsxRuntime.jsx(ResetFiltersButton, { resetFiltersToInitialState: filterBarConfig.resetFiltersToInitialState })) : null] })] }), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(reactComponents.CardBody, { className: "gap-1 p-1", density: "none", disableGap: true, children: [jsxRuntime.jsx(GroupedFiltersList, { className: "flex flex-col gap-1", filterBarConfig: filterBarConfig, filtersGrouped: searchText
                             ? searchResultsGrouped
                             : showCustomFilters
                                 ? filtersToShowGrouped
@@ -1076,7 +1076,7 @@ const MultipleFilterTooltipLabel = ({ filterBarConfig, filterKeys, filters, }) =
  * @template TFilterBarDefinition - The type representing the filter bar definition.
  * @returns {ReactElement} - Returns the FilterMenu component.
  */
-const FiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], compact = false, title, dataTestId = "filters-menu", className, buttonProps, allowShowFiltersDirectly = true, includeFilterKeys, }) => {
+const FiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], compact = false, title, "data-testid": dataTestId = "filters-menu", className, buttonProps, allowShowFiltersDirectly = true, includeFilterKeys, }) => {
     const [t] = useTranslation();
     const [showCustomFilters, setShowCustomFilters] = react.useState(false);
     const { isSm } = reactComponents.useViewportBreakpoints();
@@ -1317,7 +1317,7 @@ const RenderHierarchicalOption = ({ option, filterDefinition, filterBarActions,
         filterDefinition,
         logEvent,
     });
-    return (jsxRuntime.jsxs(react.Fragment, { children: [jsxRuntime.jsx("div", { className: cvaOptionItem({ indentationLevel: level > 6 ? 6 : level }), children: jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: isChecked, className: "rounded-none", dataTestId: `hierarchical-filter-check-box-${option.key}`, indeterminate: isIndeterminate, itemCount: showCount ? option.count : undefined, label: option.label, name: `hierarchical-filter-check-box-${option.key}`, onChange: handleSelect }) }), option.children?.map(child => (jsxRuntime.jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: child, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue, showCount: showCount }, child.key)))] }, option.key));
+    return (jsxRuntime.jsxs(react.Fragment, { children: [jsxRuntime.jsx("div", { className: cvaOptionItem({ indentationLevel: level > 6 ? 6 : level }), children: jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: isChecked, className: "rounded-none", "data-testid": `hierarchical-filter-check-box-${option.key}`, indeterminate: isIndeterminate, itemCount: showCount ? option.count : undefined, label: option.label, name: `hierarchical-filter-check-box-${option.key}`, onChange: handleSelect }) }), option.children?.map(child => (jsxRuntime.jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: child, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue, showCount: showCount }, child.key)))] }, option.key));
 };
 const cvaOptionItem = cssClassVarianceUtilities.cvaMerge(["m-1"], {
     variants: {
@@ -1383,7 +1383,7 @@ const HierarchicalCheckboxFilter = ({ filterDefinition, filterBarActions, option
  * The FilterBar component serves as a wrapper for managing filters.
  */
 const FilterBar = ({ hiddenFilters, className, filterBarDefinition, filterBarConfig, compact = true, allowShowFiltersDirectly = true, title, }) => {
-    return (jsxRuntime.jsx(FiltersMenu, { allowShowFiltersDirectly: allowShowFiltersDirectly, className: className, compact: compact, dataTestId: `${filterBarConfig.name}-filterbar`, filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters, title: title }));
+    return (jsxRuntime.jsx(FiltersMenu, { allowShowFiltersDirectly: allowShowFiltersDirectly, className: className, compact: compact, "data-testid": `${filterBarConfig.name}-filterbar`, filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters, title: title }));
 };
 
 // Can't import jest.fn so must define a function that does nothing but mimics the jest.fn

package/index.esm.js

@@ -403,7 +403,7 @@ const FilterComponent = ({ filter, filterBarActions, filterState, readOnly = fal
             setValue,
             filterBarActions,
             filterState,
-        }) })) : (jsx(Filter, { activeLabel: activeFilterText, activeOptionsCount: valuesLength, asIcon: asIcon, className: className, dataTestId: `${filter.filterKey}-filter-button`, isActive: filterBarActions.appliedFilterKeys().includes(filter.filterKey), popoverProps: { placement: visualStyle === "list-item" ? "right-start" : "bottom-start" }, readOnly: readOnly, size: size, title: filter.title, visualStyle: visualStyle, withStickyHeader: true, children: filter.component({
+        }) })) : (jsx(Filter, { activeLabel: activeFilterText, activeOptionsCount: valuesLength, asIcon: asIcon, className: className, "data-testid": `${filter.filterKey}-filter-button`, isActive: filterBarActions.appliedFilterKeys().includes(filter.filterKey), popoverProps: { placement: visualStyle === "list-item" ? "right-start" : "bottom-start" }, readOnly: readOnly, size: size, title: filter.title, visualStyle: visualStyle, withStickyHeader: true, children: filter.component({
             filterDefinition: filter,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             value: values,
@@ -438,9 +438,9 @@ const FiltersRenderer = ({ filters, filterBarConfig, visualStyle, }) => {
  *
  * @returns {ReactElement | null} The rendered ResetFiltersButton component, or null if no filters have been applied.
  */
-const ResetFiltersButtonWithIcon = ({ resetFiltersToInitialState, dataTestId, className, }) => {
+const ResetFiltersButtonWithIcon = ({ resetFiltersToInitialState, "data-testid": dataTestId, className, }) => {
     const [t] = useTranslation();
-    return (jsxs(Button, { className: className, dataTestId: dataTestId ?? "reset-filters-button", onClick: () => {
+    return (jsxs(Button, { className: className, "data-testid": dataTestId ?? "reset-filters-button", onClick: () => {
             resetFiltersToInitialState();
         }, prefix: jsx(Icon, { name: "ArrowPath", size: "small", type: "solid" }), size: "small", variant: "ghost-neutral", children: [t("filtersBar.resetFilters"), jsx("span", { className: "sr-only", children: t("filtersBar.resetFiltersSR") })] }));
 };
@@ -519,7 +519,7 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
                 if (!item) {
                     return null;
                 }
-                return (jsx("li", { ...listItemProps, children: item.type === "search-more" ? (jsxs("div", { className: "p-3 pt-2", children: [jsx("span", { className: "text-sm text-neutral-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsx("br", {}), jsx("span", { className: "text-sm italic text-neutral-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsx(RadioFilterItem, { dataTestId: "dynamic-filter-radio-" + item.key, itemCount: item.itemCount, label: item.label, selected: item.isChecked, value: item.key })) : (jsx(CheckBoxFilterItem, { checked: item.isChecked, dataTestId: "dynamic-filter-check-box-" + item.key, itemCount: item.itemCount, label: item.label, name: item.key, onChange: () => {
+                return (jsx("li", { ...listItemProps, children: item.type === "search-more" ? (jsxs("div", { className: "p-3 pt-2", children: [jsx("span", { className: "text-sm text-neutral-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsx("br", {}), jsx("span", { className: "text-sm italic text-neutral-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsx(RadioFilterItem, { "data-testid": "dynamic-filter-radio-" + item.key, itemCount: item.itemCount, label: item.label, selected: item.isChecked, value: item.key })) : (jsx(CheckBoxFilterItem, { checked: item.isChecked, "data-testid": "dynamic-filter-check-box-" + item.key, itemCount: item.itemCount, label: item.label, name: item.key, onChange: () => {
                             onChange?.(item.index);
                         } })) }, key));
             } }) }));
@@ -530,13 +530,13 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
  *
  * @returns {ReactElement} - Returns the FilterHeader component.
  */
-const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading = false, className, dataTestId, hideHeader = false, children, }) => {
+const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading = false, className, "data-testid": dataTestId, hideHeader = false, children, }) => {
     const [t] = useTranslation();
     const handleResetFilter = () => {
         resetIndividualFilterToInitialState(filterKey);
         onResetFilter?.();
     };
-    return (jsx(FilterHeader$1, { className: className, dataTestId: dataTestId ?? `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), searchComponent: searchEnabled ? jsx(FilterHeaderSearchComponent, { filterKey: filterKey, searchProps: searchProps }) : undefined, showReset: filterHasChanges, title: hideHeader ? undefined : title, children: children }));
+    return (jsx(FilterHeader$1, { className: className, "data-testid": dataTestId ?? `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), searchComponent: searchEnabled ? jsx(FilterHeaderSearchComponent, { filterKey: filterKey, searchProps: searchProps }) : undefined, showReset: filterHasChanges, title: hideHeader ? undefined : title, children: children }));
 };
 /**
  * FilterHeaderSearchComponent renders a search input for the FilterHeader component.
@@ -673,7 +673,7 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
                     onChange: customSearch?.onChange ?? setSearchText,
                     onClear: customSearch?.onClear ?? (() => setSearchText("")),
                     count: undefinedCount ? filteredOptions.length - 1 : filteredOptions.length,
-                }, children: options.length >= 2 ? (jsx(Button, { className: "place-self-start", dataTestId: "selectAllButton", disabled: hasSelectedAll, onClick: handleSelectAll, size: "small", variant: "ghost", children: t("filtersBar.selectAll") })) : null }), jsx(FilterResults, { ignoreUndefined: undefinedCount !== null, loading: loading, results: results, children: res => (jsx(DynamicFilterList, { checked: index => {
+                }, children: options.length >= 2 ? (jsx(Button, { className: "place-self-start", "data-testid": "selectAllButton", disabled: hasSelectedAll, onClick: handleSelectAll, size: "small", variant: "ghost", children: t("filtersBar.selectAll") })) : null }), jsx(FilterResults, { ignoreUndefined: undefinedCount !== null, loading: loading, results: results, children: res => (jsx(DynamicFilterList, { checked: index => {
                         return filterDefinition.type === "valueNameArray"
                             ? filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, res[index]?.key || "")
                             : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, res[index]?.key || "");
@@ -684,7 +684,7 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
                         }
                     }, rowCount: undefinedCount ? res.length - 1 : res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, type: "CheckBox" })) }), showUndefinedOptionWithCountAtBottom && undefinedCount ? (jsx("div", { className: "border-t border-neutral-200 py-1", children: jsx(CheckBoxFilterItem, { checked: filterDefinition.type === "valueNameArray"
                         ? filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, results[undefinedCount.index]?.key || "")
-                        : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, results[undefinedCount.index]?.key || ""), dataTestId: "dynamic-filter-check-box-undefined", itemCount: undefinedCount.count, label: results[undefinedCount.index]?.label, name: "dynamic-filter-check-box-undefined", onChange: () => {
+                        : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, results[undefinedCount.index]?.key || ""), "data-testid": "dynamic-filter-check-box-undefined", itemCount: undefinedCount.count, label: results[undefinedCount.index]?.label, name: "dynamic-filter-check-box-undefined", onChange: () => {
                         const result = results[undefinedCount.index];
                         if (result) {
                             handleSetValue(result);
@@ -912,10 +912,10 @@ const useFiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters =
  *
  * @returns {ReactElement} - Returns the FiltersList component.
  */
-const GroupedFiltersList = ({ filterBarConfig, filtersGrouped, className, dataTestId = "grouped-filters-list", }) => {
+const GroupedFiltersList = ({ filterBarConfig, filtersGrouped, className, "data-testid": dataTestId = "grouped-filters-list", }) => {
     return (jsx("div", { className: className, "data-testid": dataTestId, role: "menu", children: filtersGrouped.map((group, idx) => {
             const isLastGroup = idx === filtersGrouped.length - 1;
-            return (jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("div", { children: [filtersGrouped.length > 1 && (jsx(Text, { className: "h-7 px-3 py-2 text-neutral-400", dataTestId: `${group.key}-group-title`, size: "small", uppercase: true, weight: "bold", children: group.title })), jsx("ul", { "aria-labelledby": `${group.key}-group-title`, className: "grid", "data-testid": `${group.key}-group-list`, children: jsx(FiltersRenderer, { filterBarConfig: filterBarConfig, filters: group.filters, visualStyle: "list-item" }) })] }), isLastGroup ? null : jsx("div", { className: "h-[1px] w-full bg-neutral-200", role: "separator" })] }, group.key));
+            return (jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("div", { children: [filtersGrouped.length > 1 && (jsx(Text, { className: "h-7 px-3 py-2 text-neutral-400", "data-testid": `${group.key}-group-title`, size: "small", uppercase: true, weight: "bold", children: group.title })), jsx("ul", { "aria-labelledby": `${group.key}-group-title`, className: "grid", "data-testid": `${group.key}-group-list`, children: jsx(FiltersRenderer, { filterBarConfig: filterBarConfig, filters: group.filters, visualStyle: "list-item" }) })] }), isLastGroup ? null : jsx("div", { className: "h-[1px] w-full bg-neutral-200", role: "separator" })] }, group.key));
         }) }));
 };
 
@@ -924,9 +924,9 @@ const GroupedFiltersList = ({ filterBarConfig, filtersGrouped, className, dataTe
  *
  * @returns {ReactElement | null} The rendered ResetFiltersButton component, or null if no filters have been applied.
  */
-const ResetFiltersButton = ({ resetFiltersToInitialState, dataTestId, className, }) => {
+const ResetFiltersButton = ({ resetFiltersToInitialState, "data-testid": dataTestId, className, }) => {
     const [t] = useTranslation();
-    return (jsxs(Button, { className: className, dataTestId: dataTestId ?? "reset-filters-button", onClick: () => {
+    return (jsxs(Button, { className: className, "data-testid": dataTestId ?? "reset-filters-button", onClick: () => {
             resetFiltersToInitialState();
         }, size: "small", variant: "ghost", children: [t("filtersBar.resetFilters"), jsx("span", { className: "sr-only", children: t("filtersBar.resetFiltersSR") })] }));
 };
@@ -936,7 +936,7 @@ const ResetFiltersButton = ({ resetFiltersToInitialState, dataTestId, className,
  */
 const FiltersMenuContent = ({ filterBarConfig, setShowCustomFilters, setSearchText, searchText, searchResultsGrouped, filtersToShowGrouped, removeCustomFieldsGroup, hasCustomFields, appliedCustomFields, showCustomFilters, filterBarDefinitionCount, }) => {
     const [t] = useTranslation();
-    return (jsxs(Card, { className: "max-h-[min(600px,_calc(100dvh-32px))] w-[300px] overflow-y-hidden", dataTestId: "starred-filters-menu-popover", id: "starred-filters-menu-popover", tabIndex: 0, children: [jsxs("div", { className: "flex flex-col gap-1 p-1", children: [filterBarDefinitionCount > 5 && (jsx(Search, { autoFocus: true, dataTestId: "starred-filters-menu-search", fieldSize: "small", id: "search-filters-list", onChange: e => setSearchText(e.currentTarget.value), onClear: () => setSearchText(""), placeholder: t("filtersBar.searchFiltersPlaceholder"), value: searchText })), jsxs("div", { className: "flex h-7 items-center justify-between gap-1 pl-3", children: [jsx(Text, { className: "text-neutral-400", size: "small", children: jsx(FiltersAppliedCountLabel, { filterBarConfig: filterBarConfig }) }), filterBarConfig.appliedFilterKeys().length > 0 ? (jsx(ResetFiltersButton, { resetFiltersToInitialState: filterBarConfig.resetFiltersToInitialState })) : null] })] }), jsx(Separator, {}), jsxs(CardBody, { className: "gap-1 p-1", density: "none", disableGap: true, children: [jsx(GroupedFiltersList, { className: "flex flex-col gap-1", filterBarConfig: filterBarConfig, filtersGrouped: searchText
+    return (jsxs(Card, { className: "max-h-[min(600px,_calc(100dvh-32px))] w-[300px] overflow-y-hidden", "data-testid": "starred-filters-menu-popover", id: "starred-filters-menu-popover", tabIndex: 0, children: [jsxs("div", { className: "flex flex-col gap-1 p-1", children: [filterBarDefinitionCount > 5 && (jsx(Search, { autoFocus: true, "data-testid": "starred-filters-menu-search", fieldSize: "small", id: "search-filters-list", onChange: e => setSearchText(e.currentTarget.value), onClear: () => setSearchText(""), placeholder: t("filtersBar.searchFiltersPlaceholder"), value: searchText })), jsxs("div", { className: "flex h-7 items-center justify-between gap-1 pl-3", children: [jsx(Text, { className: "text-neutral-400", size: "small", children: jsx(FiltersAppliedCountLabel, { filterBarConfig: filterBarConfig }) }), filterBarConfig.appliedFilterKeys().length > 0 ? (jsx(ResetFiltersButton, { resetFiltersToInitialState: filterBarConfig.resetFiltersToInitialState })) : null] })] }), jsx(Separator, {}), jsxs(CardBody, { className: "gap-1 p-1", density: "none", disableGap: true, children: [jsx(GroupedFiltersList, { className: "flex flex-col gap-1", filterBarConfig: filterBarConfig, filtersGrouped: searchText
                             ? searchResultsGrouped
                             : showCustomFilters
                                 ? filtersToShowGrouped
@@ -1074,7 +1074,7 @@ const MultipleFilterTooltipLabel = ({ filterBarConfig, filterKeys, filters, }) =
  * @template TFilterBarDefinition - The type representing the filter bar definition.
  * @returns {ReactElement} - Returns the FilterMenu component.
  */
-const FiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], compact = false, title, dataTestId = "filters-menu", className, buttonProps, allowShowFiltersDirectly = true, includeFilterKeys, }) => {
+const FiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], compact = false, title, "data-testid": dataTestId = "filters-menu", className, buttonProps, allowShowFiltersDirectly = true, includeFilterKeys, }) => {
     const [t] = useTranslation();
     const [showCustomFilters, setShowCustomFilters] = useState(false);
     const { isSm } = useViewportBreakpoints();
@@ -1315,7 +1315,7 @@ const RenderHierarchicalOption = ({ option, filterDefinition, filterBarActions,
         filterDefinition,
         logEvent,
     });
-    return (jsxs(Fragment$1, { children: [jsx("div", { className: cvaOptionItem({ indentationLevel: level > 6 ? 6 : level }), children: jsx(CheckBoxFilterItem, { checked: isChecked, className: "rounded-none", dataTestId: `hierarchical-filter-check-box-${option.key}`, indeterminate: isIndeterminate, itemCount: showCount ? option.count : undefined, label: option.label, name: `hierarchical-filter-check-box-${option.key}`, onChange: handleSelect }) }), option.children?.map(child => (jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: child, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue, showCount: showCount }, child.key)))] }, option.key));
+    return (jsxs(Fragment$1, { children: [jsx("div", { className: cvaOptionItem({ indentationLevel: level > 6 ? 6 : level }), children: jsx(CheckBoxFilterItem, { checked: isChecked, className: "rounded-none", "data-testid": `hierarchical-filter-check-box-${option.key}`, indeterminate: isIndeterminate, itemCount: showCount ? option.count : undefined, label: option.label, name: `hierarchical-filter-check-box-${option.key}`, onChange: handleSelect }) }), option.children?.map(child => (jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: child, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue, showCount: showCount }, child.key)))] }, option.key));
 };
 const cvaOptionItem = cvaMerge(["m-1"], {
     variants: {
@@ -1381,7 +1381,7 @@ const HierarchicalCheckboxFilter = ({ filterDefinition, filterBarActions, option
  * The FilterBar component serves as a wrapper for managing filters.
  */
 const FilterBar = ({ hiddenFilters, className, filterBarDefinition, filterBarConfig, compact = true, allowShowFiltersDirectly = true, title, }) => {
-    return (jsx(FiltersMenu, { allowShowFiltersDirectly: allowShowFiltersDirectly, className: className, compact: compact, dataTestId: `${filterBarConfig.name}-filterbar`, filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters, title: title }));
+    return (jsx(FiltersMenu, { allowShowFiltersDirectly: allowShowFiltersDirectly, className: className, compact: compact, "data-testid": `${filterBarConfig.name}-filterbar`, filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters, title: title }));
 };
 
 // Can't import jest.fn so must define a function that does nothing but mimics the jest.fn

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.8.124",
+  "version": "1.8.127",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -12,17 +12,17 @@
     "tailwind-merge": "^2.0.0",
     "string-ts": "^2.0.0",
     "zod": "^3.23.8",
-    "@trackunit/iris-app-api": "1.9.12",
-    "@trackunit/react-core-hooks": "1.7.87",
-    "@trackunit/react-filter-components": "1.7.118",
-    "@trackunit/react-date-and-time-components": "1.10.118",
-    "@trackunit/shared-utils": "1.9.74",
-    "@trackunit/react-form-components": "1.8.115",
-    "@trackunit/iris-app-runtime-core-api": "1.7.83",
-    "@trackunit/geo-json-utils": "1.7.74",
-    "@trackunit/i18n-library-translation": "1.7.91",
-    "@trackunit/css-class-variance-utilities": "1.7.74",
-    "@trackunit/react-components": "1.10.48",
+    "@trackunit/iris-app-api": "1.9.15",
+    "@trackunit/react-core-hooks": "1.7.90",
+    "@trackunit/react-filter-components": "1.7.121",
+    "@trackunit/react-date-and-time-components": "1.10.121",
+    "@trackunit/shared-utils": "1.9.77",
+    "@trackunit/react-form-components": "1.8.118",
+    "@trackunit/iris-app-runtime-core-api": "1.7.86",
+    "@trackunit/geo-json-utils": "1.7.77",
+    "@trackunit/i18n-library-translation": "1.7.94",
+    "@trackunit/css-class-variance-utilities": "1.7.77",
+    "@trackunit/react-components": "1.10.51",
     "@tanstack/react-router": "1.114.29"
   },
   "module": "./index.esm.js",

package/src/lib/components/FilterHeader.d.ts

@@ -70,5 +70,5 @@ type FilterHeaderProps = FilterHeaderCommonProps & FilterHeaderWithSearchProps;
  *
  * @returns {ReactElement} - Returns the FilterHeader component.
  */
-export declare const FilterHeader: ({ filterKey, title, searchEnabled, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading, className, dataTestId, hideHeader, children, }: FilterHeaderProps) => ReactElement;
+export declare const FilterHeader: ({ filterKey, title, searchEnabled, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading, className, "data-testid": dataTestId, hideHeader, children, }: FilterHeaderProps) => ReactElement;
 export {};

package/src/lib/components/FiltersMenu.d.ts

@@ -41,5 +41,5 @@ interface FiltersMenuProps<TFilterBarDefinition extends FilterBarDefinition> ext
  * @template TFilterBarDefinition - The type representing the filter bar definition.
  * @returns {ReactElement} - Returns the FilterMenu component.
  */
-export declare const FiltersMenu: <TFilterBarDefinition extends FilterBarDefinition>({ filterBarDefinition, filterBarConfig, hiddenFilters, compact, title, dataTestId, className, buttonProps, allowShowFiltersDirectly, includeFilterKeys, }: FiltersMenuProps<TFilterBarDefinition>) => ReactElement;
+export declare const FiltersMenu: <TFilterBarDefinition extends FilterBarDefinition>({ filterBarDefinition, filterBarConfig, hiddenFilters, compact, title, "data-testid": dataTestId, className, buttonProps, allowShowFiltersDirectly, includeFilterKeys, }: FiltersMenuProps<TFilterBarDefinition>) => ReactElement;
 export {};

package/src/lib/components/GroupedFiltersList.d.ts

@@ -14,5 +14,5 @@ interface FiltersListProps extends CommonProps {
  *
  * @returns {ReactElement} - Returns the FiltersList component.
  */
-export declare const GroupedFiltersList: ({ filterBarConfig, filtersGrouped, className, dataTestId, }: FiltersListProps) => ReactElement;
+export declare const GroupedFiltersList: ({ filterBarConfig, filtersGrouped, className, "data-testid": dataTestId, }: FiltersListProps) => ReactElement;
 export {};

package/src/lib/components/ResetFiltersButton.d.ts

@@ -11,5 +11,5 @@ interface ResetFiltersProps extends CommonProps {
  *
  * @returns {ReactElement | null} The rendered ResetFiltersButton component, or null if no filters have been applied.
  */
-export declare const ResetFiltersButton: ({ resetFiltersToInitialState, dataTestId, className, }: ResetFiltersProps) => ReactElement | null;
+export declare const ResetFiltersButton: ({ resetFiltersToInitialState, "data-testid": dataTestId, className, }: ResetFiltersProps) => ReactElement | null;
 export {};

package/src/lib/components/ResetFiltersButtonWithIcon.d.ts

@@ -11,5 +11,5 @@ interface ResetFiltersProps extends CommonProps {
  *
  * @returns {ReactElement | null} The rendered ResetFiltersButton component, or null if no filters have been applied.
  */
-export declare const ResetFiltersButtonWithIcon: ({ resetFiltersToInitialState, dataTestId, className, }: ResetFiltersProps) => ReactElement | null;
+export declare const ResetFiltersButtonWithIcon: ({ resetFiltersToInitialState, "data-testid": dataTestId, className, }: ResetFiltersProps) => ReactElement | null;
 export {};

package/translation.cjs.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Aktueller Standort",
 	"filtersBar.groups.CUSTOM_FIELDS": "Benutzerdefinierte Felder",
 	"filtersBar.groups.CUSTOMERS": "Kunden",
+	"filtersBar.groups.DEVICE_HEALTH": "Einheitsstatus",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Verwaltung",
 	"filtersBar.groups.METADATA": "Metadaten",

package/translation.cjs10.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Bieżąca lokalizacja",
 	"filtersBar.groups.CUSTOM_FIELDS": "Pola niestandardowe",
 	"filtersBar.groups.CUSTOMERS": "Klienci",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Zarządzanie",
 	"filtersBar.groups.METADATA": "Metadane",

package/translation.cjs11.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Localização atual",
 	"filtersBar.groups.CUSTOM_FIELDS": "Campos personalizados",
 	"filtersBar.groups.CUSTOMERS": "Clientes",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestão",
 	"filtersBar.groups.METADATA": "Metadados",

package/translation.cjs12.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Текущее местоположение",
 	"filtersBar.groups.CUSTOM_FIELDS": "Настраиваемые поля",
 	"filtersBar.groups.CUSTOMERS": "Клиенты",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Управление",
 	"filtersBar.groups.METADATA": "Метаданные",

package/translation.cjs13.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Locația actuală",
 	"filtersBar.groups.CUSTOM_FIELDS": "Câmpuri personalizate",
 	"filtersBar.groups.CUSTOMERS": "Clienți",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestionare",
 	"filtersBar.groups.METADATA": "Metadate",

package/translation.cjs14.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Ubicación actual",
 	"filtersBar.groups.CUSTOM_FIELDS": "Campos personalizados",
 	"filtersBar.groups.CUSTOMERS": "Clientes",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestión",
 	"filtersBar.groups.METADATA": "Metadatos",

package/translation.cjs15.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Nuvarande plats",
 	"filtersBar.groups.CUSTOM_FIELDS": "Anpassade fält",
 	"filtersBar.groups.CUSTOMERS": "Kunder",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Hantering",
 	"filtersBar.groups.METADATA": "Metadata",

package/translation.cjs16.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "現在の所在地",
 	"filtersBar.groups.CUSTOM_FIELDS": "カスタムフィールド",
 	"filtersBar.groups.CUSTOMERS": "顧客",
+	"filtersBar.groups.DEVICE_HEALTH": "デバイスヘルス",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "管理",
 	"filtersBar.groups.METADATA": "メタデータ",

package/translation.cjs17.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "ตำแหน่งที่ตั้งปัจจุบัน",
 	"filtersBar.groups.CUSTOM_FIELDS": "ฟิลด์แบบกำหนดเอง",
 	"filtersBar.groups.CUSTOMERS": "ลูกค้า",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "การจัดการ",
 	"filtersBar.groups.METADATA": "ข้อมูลจำเพาะ",

package/translation.cjs2.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Aktuel placering",
 	"filtersBar.groups.CUSTOM_FIELDS": "Brugerdefinerede felter",
 	"filtersBar.groups.CUSTOMERS": "Kunder",
+	"filtersBar.groups.DEVICE_HEALTH": "Enhedstilstand",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Administration",
 	"filtersBar.groups.METADATA": "Metadata",

package/translation.cjs3.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Aktuální umístění",
 	"filtersBar.groups.CUSTOM_FIELDS": "Vlastní pole",
 	"filtersBar.groups.CUSTOMERS": "Zákazníci",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Správa",
 	"filtersBar.groups.METADATA": "Metadata",

package/translation.cjs4.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Huidige locatie",
 	"filtersBar.groups.CUSTOM_FIELDS": "Aangepaste velden",
 	"filtersBar.groups.CUSTOMERS": "Klanten",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Beheer",
 	"filtersBar.groups.METADATA": "Meta-data",

package/translation.cjs5.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Emplacement actuel",
 	"filtersBar.groups.CUSTOM_FIELDS": "Champs personnalisés",
 	"filtersBar.groups.CUSTOMERS": "Clients",
+	"filtersBar.groups.DEVICE_HEALTH": "Santé de l'appareil",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestion",
 	"filtersBar.groups.METADATA": "Métadonnées",

package/translation.cjs6.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Nykyinen sijainti",
 	"filtersBar.groups.CUSTOM_FIELDS": "Mukautetut kentät",
 	"filtersBar.groups.CUSTOMERS": "Asiakkaat",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Hallinnointi",
 	"filtersBar.groups.METADATA": "Metatiedot",

package/translation.cjs7.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Aktuális tartózkodási hely",
 	"filtersBar.groups.CUSTOM_FIELDS": "Egyéni mezők",
 	"filtersBar.groups.CUSTOMERS": "Ügyfelek",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Kezelés",
 	"filtersBar.groups.METADATA": "Metaadatok",

package/translation.cjs8.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Posizione attuale",
 	"filtersBar.groups.CUSTOM_FIELDS": "Campi personalizzati",
 	"filtersBar.groups.CUSTOMERS": "Clienti",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestione",
 	"filtersBar.groups.METADATA": "Metadati",

package/translation.cjs9.js

@@ -116,6 +116,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Nåværende posisjon",
 	"filtersBar.groups.CUSTOM_FIELDS": "Egendefinerte felter",
 	"filtersBar.groups.CUSTOMERS": "Kunder",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Administrasjon",
 	"filtersBar.groups.METADATA": "Metadata",

package/translation.esm.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Aktueller Standort",
 	"filtersBar.groups.CUSTOM_FIELDS": "Benutzerdefinierte Felder",
 	"filtersBar.groups.CUSTOMERS": "Kunden",
+	"filtersBar.groups.DEVICE_HEALTH": "Einheitsstatus",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Verwaltung",
 	"filtersBar.groups.METADATA": "Metadaten",

package/translation.esm10.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Bieżąca lokalizacja",
 	"filtersBar.groups.CUSTOM_FIELDS": "Pola niestandardowe",
 	"filtersBar.groups.CUSTOMERS": "Klienci",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Zarządzanie",
 	"filtersBar.groups.METADATA": "Metadane",

package/translation.esm11.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Localização atual",
 	"filtersBar.groups.CUSTOM_FIELDS": "Campos personalizados",
 	"filtersBar.groups.CUSTOMERS": "Clientes",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestão",
 	"filtersBar.groups.METADATA": "Metadados",

package/translation.esm12.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Текущее местоположение",
 	"filtersBar.groups.CUSTOM_FIELDS": "Настраиваемые поля",
 	"filtersBar.groups.CUSTOMERS": "Клиенты",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Управление",
 	"filtersBar.groups.METADATA": "Метаданные",

package/translation.esm13.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Locația actuală",
 	"filtersBar.groups.CUSTOM_FIELDS": "Câmpuri personalizate",
 	"filtersBar.groups.CUSTOMERS": "Clienți",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestionare",
 	"filtersBar.groups.METADATA": "Metadate",

package/translation.esm14.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Ubicación actual",
 	"filtersBar.groups.CUSTOM_FIELDS": "Campos personalizados",
 	"filtersBar.groups.CUSTOMERS": "Clientes",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestión",
 	"filtersBar.groups.METADATA": "Metadatos",

package/translation.esm15.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Nuvarande plats",
 	"filtersBar.groups.CUSTOM_FIELDS": "Anpassade fält",
 	"filtersBar.groups.CUSTOMERS": "Kunder",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Hantering",
 	"filtersBar.groups.METADATA": "Metadata",

package/translation.esm16.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "現在の所在地",
 	"filtersBar.groups.CUSTOM_FIELDS": "カスタムフィールド",
 	"filtersBar.groups.CUSTOMERS": "顧客",
+	"filtersBar.groups.DEVICE_HEALTH": "デバイスヘルス",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "管理",
 	"filtersBar.groups.METADATA": "メタデータ",

package/translation.esm17.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "ตำแหน่งที่ตั้งปัจจุบัน",
 	"filtersBar.groups.CUSTOM_FIELDS": "ฟิลด์แบบกำหนดเอง",
 	"filtersBar.groups.CUSTOMERS": "ลูกค้า",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "การจัดการ",
 	"filtersBar.groups.METADATA": "ข้อมูลจำเพาะ",

package/translation.esm2.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Aktuel placering",
 	"filtersBar.groups.CUSTOM_FIELDS": "Brugerdefinerede felter",
 	"filtersBar.groups.CUSTOMERS": "Kunder",
+	"filtersBar.groups.DEVICE_HEALTH": "Enhedstilstand",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Administration",
 	"filtersBar.groups.METADATA": "Metadata",

package/translation.esm3.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Aktuální umístění",
 	"filtersBar.groups.CUSTOM_FIELDS": "Vlastní pole",
 	"filtersBar.groups.CUSTOMERS": "Zákazníci",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Správa",
 	"filtersBar.groups.METADATA": "Metadata",

package/translation.esm4.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Huidige locatie",
 	"filtersBar.groups.CUSTOM_FIELDS": "Aangepaste velden",
 	"filtersBar.groups.CUSTOMERS": "Klanten",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Beheer",
 	"filtersBar.groups.METADATA": "Meta-data",

package/translation.esm5.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Emplacement actuel",
 	"filtersBar.groups.CUSTOM_FIELDS": "Champs personnalisés",
 	"filtersBar.groups.CUSTOMERS": "Clients",
+	"filtersBar.groups.DEVICE_HEALTH": "Santé de l'appareil",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestion",
 	"filtersBar.groups.METADATA": "Métadonnées",

package/translation.esm6.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Nykyinen sijainti",
 	"filtersBar.groups.CUSTOM_FIELDS": "Mukautetut kentät",
 	"filtersBar.groups.CUSTOMERS": "Asiakkaat",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Hallinnointi",
 	"filtersBar.groups.METADATA": "Metatiedot",

package/translation.esm7.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Aktuális tartózkodási hely",
 	"filtersBar.groups.CUSTOM_FIELDS": "Egyéni mezők",
 	"filtersBar.groups.CUSTOMERS": "Ügyfelek",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Kezelés",
 	"filtersBar.groups.METADATA": "Metaadatok",

package/translation.esm8.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Posizione attuale",
 	"filtersBar.groups.CUSTOM_FIELDS": "Campi personalizzati",
 	"filtersBar.groups.CUSTOMERS": "Clienti",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Gestione",
 	"filtersBar.groups.METADATA": "Metadati",

package/translation.esm9.js

@@ -114,6 +114,7 @@ var translation = {
 	"filtersBar.groups.CURRENT_LOCATION": "Nåværende posisjon",
 	"filtersBar.groups.CUSTOM_FIELDS": "Egendefinerte felter",
 	"filtersBar.groups.CUSTOMERS": "Kunder",
+	"filtersBar.groups.DEVICE_HEALTH": "Device Health",
 	"filtersBar.groups.INTEGRATION": "Integration",
 	"filtersBar.groups.MANAGEMENT": "Administrasjon",
 	"filtersBar.groups.METADATA": "Metadata",