@trackunit/filters-asset-filter-definitions 1.23.7 → 1.23.9

package/index.cjs.js

@@ -3362,21 +3362,22 @@ 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} A customer ID filter component for rendering in the UI.
  */
-const CustomerIdsFilterView = ({ customerId, ...props }) => {
+const CustomerIdsFilterView = ({ customerId, hasCount = true, ...props }) => {
     const { data, loading, searchText, setSearchText } = useCustomerData(props.filterState.values, customerId);
     const hierarchicalOptions = useCustomerHierarchy(data?.assetSummary?.customers?.summary);
     const valueNameArrayFilterDefinition = props.filterDefinition;
     return (jsxRuntime.jsx(filtersFilterBar.HierarchicalCheckboxFilter, { cascadeSelection: true, customSearch: {
             value: searchText,
             onChange: setSearchText,
-        }, filterBarActions: props.filterBarActions, filterDefinition: valueNameArrayFilterDefinition, filterState: props.filterState, loading: loading, options: hierarchicalOptions, setValue: props.setValue, showCount: props.hasCount, value: props.value }));
+        }, 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.
  */
-const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persistValue, customerId } = {
+const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount = true, persistValue, customerId } = {
     hasCount: true,
 }) => {
     const [t] = useTranslation();
@@ -3649,7 +3650,7 @@ const FleetHealthStatesFilter = (props) => {
         });
         props.setValue(() => [{ value: newValue, name: getLabel(newValue) }]);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { className: "m-1", limitSize: true, children: jsxRuntime.jsxs(reactFormComponents.RadioGroup, { id: "FleetHealthStates", onChange: e => handleChange(e.currentTarget.value), value: props.value?.[0]?.value ?? "", children: [jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("assetFilters.fleetHealthStates.open"), value: fleetDataHealthIssueState.OPEN }), jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("assetFilters.fleetHealthStates.resolved"), value: fleetDataHealthIssueState.RESOLVED }), jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("assetFilters.fleetHealthStates.all"), 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: "FleetHealthStates", onChange: e => handleChange(e.currentTarget.value), value: props.value?.[0]?.value ?? "", children: [jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("assetFilters.fleetHealthStates.open"), value: fleetDataHealthIssueState.OPEN }), jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("assetFilters.fleetHealthStates.resolved"), value: fleetDataHealthIssueState.RESOLVED }), jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { label: t("assetFilters.fleetHealthStates.all"), value: "" })] }) })] }));
 };
 
 /**
@@ -3665,6 +3666,7 @@ const useFleetHealthStatesFilter = () => {
             filterKey: "fleetHealthStates",
             type: "valueNameArray",
             group: "DEVICE_HEALTH",
+            showInFilterBar: () => false,
             defaultValue: [{ value: "", name: t("assetFilters.fleetHealthStates.all") }],
             title: t("assetFilters.fleetHealthStates"),
             valueAsText: (value) => {

package/index.esm.js

@@ -3360,21 +3360,22 @@ 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} A customer ID filter component for rendering in the UI.
  */
-const CustomerIdsFilterView = ({ customerId, ...props }) => {
+const CustomerIdsFilterView = ({ customerId, hasCount = true, ...props }) => {
     const { data, loading, searchText, setSearchText } = useCustomerData(props.filterState.values, customerId);
     const hierarchicalOptions = useCustomerHierarchy(data?.assetSummary?.customers?.summary);
     const valueNameArrayFilterDefinition = props.filterDefinition;
     return (jsx(HierarchicalCheckboxFilter, { cascadeSelection: true, customSearch: {
             value: searchText,
             onChange: setSearchText,
-        }, filterBarActions: props.filterBarActions, filterDefinition: valueNameArrayFilterDefinition, filterState: props.filterState, loading: loading, options: hierarchicalOptions, setValue: props.setValue, showCount: props.hasCount, value: props.value }));
+        }, 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.
  */
-const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persistValue, customerId } = {
+const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount = true, persistValue, customerId } = {
     hasCount: true,
 }) => {
     const [t] = useTranslation();
@@ -3647,7 +3648,7 @@ const FleetHealthStatesFilter = (props) => {
         });
         props.setValue(() => [{ value: newValue, name: getLabel(newValue) }]);
     };
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx(FilterBody, { className: "m-1", limitSize: true, children: jsxs(RadioGroup, { id: "FleetHealthStates", onChange: e => handleChange(e.currentTarget.value), value: props.value?.[0]?.value ?? "", children: [jsx(RadioFilterItem, { label: t("assetFilters.fleetHealthStates.open"), value: fleetDataHealthIssueState.OPEN }), jsx(RadioFilterItem, { label: t("assetFilters.fleetHealthStates.resolved"), value: fleetDataHealthIssueState.RESOLVED }), jsx(RadioFilterItem, { label: t("assetFilters.fleetHealthStates.all"), value: "" })] }) })] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx(FilterBody, { limitSize: true, children: jsxs(RadioGroup, { id: "FleetHealthStates", onChange: e => handleChange(e.currentTarget.value), value: props.value?.[0]?.value ?? "", children: [jsx(RadioFilterItem, { label: t("assetFilters.fleetHealthStates.open"), value: fleetDataHealthIssueState.OPEN }), jsx(RadioFilterItem, { label: t("assetFilters.fleetHealthStates.resolved"), value: fleetDataHealthIssueState.RESOLVED }), jsx(RadioFilterItem, { label: t("assetFilters.fleetHealthStates.all"), value: "" })] }) })] }));
 };
 
 /**
@@ -3663,6 +3664,7 @@ const useFleetHealthStatesFilter = () => {
             filterKey: "fleetHealthStates",
             type: "valueNameArray",
             group: "DEVICE_HEALTH",
+            showInFilterBar: () => false,
             defaultValue: [{ value: "", name: t("assetFilters.fleetHealthStates.all") }],
             title: t("assetFilters.fleetHealthStates"),
             valueAsText: (value) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-asset-filter-definitions",
-  "version": "1.23.7",
+  "version": "1.23.9",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -13,22 +13,22 @@
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
     "@trackunit/iris-app-build-utilities": "1.13.11",
-    "@trackunit/filters-filter-bar": "1.18.5",
-    "@trackunit/react-core-hooks": "1.14.2",
-    "@trackunit/react-filter-components": "1.17.4",
-    "@trackunit/react-form-components": "1.18.3",
-    "@trackunit/filters-graphql-hook": "1.21.5",
-    "@trackunit/utilization-indicator": "1.17.3",
+    "@trackunit/filters-filter-bar": "1.18.6",
+    "@trackunit/react-core-hooks": "1.14.3",
+    "@trackunit/react-filter-components": "1.17.5",
+    "@trackunit/react-form-components": "1.18.4",
+    "@trackunit/filters-graphql-hook": "1.21.7",
+    "@trackunit/utilization-indicator": "1.17.4",
     "@trackunit/geo-json-utils": "1.11.78",
-    "@trackunit/react-components": "1.20.3",
+    "@trackunit/react-components": "1.20.4",
     "@trackunit/shared-utils": "1.13.77",
-    "@trackunit/translations-machine-type": "1.15.3",
-    "@trackunit/criticality-indicator": "1.17.3",
+    "@trackunit/translations-machine-type": "1.15.4",
+    "@trackunit/criticality-indicator": "1.17.4",
     "@trackunit/iris-app-api": "1.15.9",
-    "@trackunit/react-core-contexts-test": "1.14.2",
-    "@trackunit/i18n-library-translation": "1.15.3",
+    "@trackunit/react-core-contexts-test": "1.14.3",
+    "@trackunit/i18n-library-translation": "1.15.4",
     "@trackunit/iris-app-runtime-core-api": "1.13.2",
-    "@trackunit/react-graphql-hooks": "1.18.3"
+    "@trackunit/react-graphql-hooks": "1.18.4"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/defaultFilters/defaults/CustomerIdsFilter.d.ts

@@ -7,9 +7,10 @@ import { ReactElement } from "react";
  *
  * @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} A customer ID filter component for rendering in the UI.
  */
-export declare const CustomerIdsFilterView: ({ customerId, ...props }: {
+export declare const CustomerIdsFilterView: ({ customerId, hasCount, ...props }: {
     customerId?: string;
 } & FilterViewProps<Array<ValueName>>) => ReactElement;
 interface CustomerIdsFilterProps {