@trackunit/filters-asset-filter-definitions 1.12.14 → 1.12.16

package/index.cjs.js

@@ -70,6 +70,9 @@ var defaultTranslations = {
 	"assetFilters.deviceHealthIssueCategory.deviceBatteryIssues": "Device battery",
 	"assetFilters.deviceHealthIssueCategory.installAndConfigurationHealth": "Install and configuration",
 	"assetFilters.deviceHealthIssueCategory.nonReportingUnit": "Non reporting devices",
+	"assetFilters.deviceHealthIssueStatus": "Issue Status",
+	"assetFilters.deviceHealthIssueStatus.critical": "Critical",
+	"assetFilters.deviceHealthIssueStatus.low": "Low",
 	"assetFilters.deviceHealthIssueType.dataNotReceived": "Data not received",
 	"assetFilters.deviceHealthIssueType.installationValidationMissing": "Installation validation missing",
 	"assetFilters.deviceHealthIssueType.lowCellularCoverage": "Low cellular coverage",
@@ -462,6 +465,10 @@ const assetCriticalityState = {
     LOW: "LOW",
     NONE: "NONE",
 };
+const fleetDataHealthDeviceStatus = {
+    CRITICAL: "CRITICAL",
+    LOW: "LOW",
+};
 const fleetDataHealthIssueCategory = {
     COVERAGE_ISSUES: "COVERAGE_ISSUES",
     DEVICE_BATTERY_ISSUES: "DEVICE_BATTERY_ISSUES",
@@ -550,6 +557,65 @@ const DeviceHealthIssueCategorySummariesDocument = {
         },
     ],
 };
+const DeviceHealthIssueStatusSummariesDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "DeviceHealthIssueStatusSummaries" },
+            variableDefinitions: [
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "filters" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "AssetFiltersInput" } },
+                },
+            ],
+            selectionSet: {
+                kind: "SelectionSet",
+                selections: [
+                    {
+                        kind: "Field",
+                        name: { kind: "Name", value: "assetSummary" },
+                        arguments: [
+                            {
+                                kind: "Argument",
+                                name: { kind: "Name", value: "filters" },
+                                value: { kind: "Variable", name: { kind: "Name", value: "filters" } },
+                            },
+                        ],
+                        selectionSet: {
+                            kind: "SelectionSet",
+                            selections: [
+                                {
+                                    kind: "Field",
+                                    name: { kind: "Name", value: "fleetHealthDeviceStatusSummary" },
+                                    selectionSet: {
+                                        kind: "SelectionSet",
+                                        selections: [
+                                            {
+                                                kind: "Field",
+                                                name: { kind: "Name", value: "summary" },
+                                                selectionSet: {
+                                                    kind: "SelectionSet",
+                                                    selections: [
+                                                        { kind: "Field", name: { kind: "Name", value: "key" } },
+                                                        { kind: "Field", name: { kind: "Name", value: "count" } },
+                                                    ],
+                                                },
+                                            },
+                                            { kind: "Field", name: { kind: "Name", value: "total" } },
+                                        ],
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                ],
+            },
+        },
+    ],
+};
 const DeviceHealthIssueTypeSummariesDocument = {
     kind: "Document",
     definitions: [
@@ -3091,18 +3157,38 @@ const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persist
 };
 
 /**
- * Get the Fleet Data Health Issue Category enum value with fallback
  *
- * @param key - The key to get the enum value for
- * @returns {FleetDataHealthIssueCategory | null} The Fleet Data Health Issue Category enum value or null if not found
  */
-const getHealthCategoryEnumWithFallback = (key) => {
-    try {
-        return sharedUtils.enumFromValue(key, fleetDataHealthIssueCategory);
-    }
-    catch {
-        return null;
-    }
+const useFleetHealthFilterUtils = ({ filterSummaries, filterTranslations, }) => {
+    const filterItems = react.useMemo(() => {
+        return (filterSummaries?.reduce((acc, type) => {
+            const existingType = acc.find(c => c.key === type.key);
+            if (existingType) {
+                existingType.count += type.count;
+            }
+            else {
+                acc.push(type);
+            }
+            return acc;
+        }, []) ?? []);
+    }, [filterSummaries]);
+    const options = react.useMemo(() => {
+        return filterItems
+            .map(issuetype => {
+            const typeKey = issuetype.key;
+            const label = filterTranslations[typeKey] ?? "";
+            if (!label) {
+                return null;
+            }
+            return {
+                key: typeKey,
+                label,
+                count: issuetype.count,
+            };
+        })
+            .filter(sharedUtils.nonNullable);
+    }, [filterItems, filterTranslations]);
+    return react.useMemo(() => ({ options }), [options]);
 };
 
 /**
@@ -3139,32 +3225,10 @@ const DeviceHealthIssueCategoryFilter = (props) => {
             },
         },
     });
-    const categories = react.useMemo(() => data?.assetSummary?.fleetHealthCategoriesSummary.summary.reduce((acc, category) => {
-        const existingCategory = acc.find(c => c.key === category.key);
-        if (existingCategory) {
-            existingCategory.count += category.count;
-        }
-        else {
-            acc.push(category);
-        }
-        return acc;
-    }, []), [data?.assetSummary?.fleetHealthCategoriesSummary.summary]);
-    const options = react.useMemo(() => {
-        return (categories
-            ?.map(issueCategory => {
-            const categoryKey = issueCategory.key;
-            const categoryEnum = getHealthCategoryEnumWithFallback(categoryKey);
-            if (!categoryEnum) {
-                return null;
-            }
-            return {
-                key: categoryKey,
-                label: categoryDisplayNames[categoryEnum],
-                count: issueCategory.count,
-            };
-        })
-            .filter(sharedUtils.nonNullable) ?? []);
-    }, [categories, categoryDisplayNames]);
+    const { options } = useFleetHealthFilterUtils({
+        filterSummaries: data?.assetSummary?.fleetHealthCategoriesSummary.summary,
+        filterTranslations: categoryDisplayNames,
+    });
     return jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, loading: loading, options: options });
 };
 
@@ -3187,18 +3251,60 @@ const useDeviceHealthIssueCategoryFilter = () => {
 };
 
 /**
- * Get the Fleet Data Health Issue Type enum value with fallback
+ * Get a record of device health issue type display names
  *
- * @param {string} key - The key to get the enum value for
- * @returns {FleetDataHealthIssueType | null} The Fleet Data Health Issue Type enum value or null if not found
+ * @returns {Record<FleetDataHealthDeviceStatus, string>} A record of device health issue type display names
  */
-const getHealthTypeEnumWithFallback = (key) => {
-    try {
-        return sharedUtils.enumFromValue(key, fleetDataHealthIssueType);
-    }
-    catch {
-        return null;
-    }
+const useDeviceHealthIssueStatusDisplayNames = () => {
+    const [t] = useTranslation();
+    return react.useMemo(() => ({
+        [fleetDataHealthDeviceStatus.CRITICAL]: t("assetFilters.deviceHealthIssueStatus.critical"),
+        [fleetDataHealthDeviceStatus.LOW]: t("assetFilters.deviceHealthIssueStatus.low"),
+    }), [t]);
+};
+
+/**
+ * Device Health Issue Type Filter component
+ *
+ * @param {FilterViewProps<Array<ValueName>>} props - Filter view props
+ * @returns {ReactElement} React element
+ */
+const DeviceHealthIssueStatusFilter = (props) => {
+    const issueTypeDisplayNames = useDeviceHealthIssueStatusDisplayNames();
+    const filters = filtersGraphqlHook.useActiveAssetFilters(props.filterState.values);
+    const { data, loading } = reactGraphqlHooks.useQuery(DeviceHealthIssueStatusSummariesDocument, {
+        variables: {
+            filters: {
+                ...filters,
+                activeFilter: true,
+                fleetHealthDeviceStatuses: undefined,
+                fleetHealthStates: ["OPEN"],
+            },
+        },
+    });
+    const { options } = useFleetHealthFilterUtils({
+        filterSummaries: data?.assetSummary?.fleetHealthDeviceStatusSummary.summary,
+        filterTranslations: issueTypeDisplayNames,
+    });
+    return jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, loading: loading, options: options });
+};
+
+/**
+ * Get the Device Health Issue Type filter definition
+ *
+ * @returns {ValueNameArrayFilterDefinition} The Device Health Issue Type filter definition
+ */
+const useDeviceHealthIssueStatusFilter = () => {
+    const [t] = useTranslation();
+    return react.useMemo(() => {
+        return {
+            filterKey: "fleetHealthStatus",
+            type: "valueNameArray",
+            group: "DEVICE_HEALTH",
+            title: t("assetFilters.deviceHealthIssueStatus"),
+            component: props => jsxRuntime.jsx(DeviceHealthIssueStatusFilter, { ...props }),
+        };
+    }, [t]);
 };
 
 /**
@@ -3241,34 +3347,11 @@ const DeviceHealthIssueTypeFilter = (props) => {
             },
         },
     });
-    const types = react.useMemo(() => data?.assetSummary?.fleetHealthTypesSummary.summary.reduce((acc, type) => {
-        const existingType = acc.find(c => c.key === type.key);
-        if (existingType) {
-            existingType.count += type.count;
-        }
-        else {
-            acc.push(type);
-        }
-        return acc;
-    }, []), [data?.assetSummary?.fleetHealthTypesSummary.summary]);
-    const options = react.useMemo(() => {
-        return (types
-            ?.map(issuetype => {
-            const typeKey = issuetype.key;
-            const typeEnum = getHealthTypeEnumWithFallback(typeKey);
-            if (!typeEnum) {
-                return null;
-            }
-            return {
-                key: typeKey,
-                label: issueTypeDisplayNames[typeEnum],
-                count: issuetype.count,
-            };
-        })
-            .filter(sharedUtils.nonNullable)
-            .filter(option => option.label.toLowerCase().includes(debouncedSearchQuery)) ?? []);
-    }, [debouncedSearchQuery, issueTypeDisplayNames, types]);
-    return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchQuery, onChange: setSearchQuery }, loading: loading, options: options }));
+    const { options } = useFleetHealthFilterUtils({
+        filterSummaries: data?.assetSummary?.fleetHealthTypesSummary.summary,
+        filterTranslations: issueTypeDisplayNames,
+    });
+    return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchQuery, onChange: setSearchQuery }, loading: loading, options: options.filter(option => option.label.toLowerCase().includes(debouncedSearchQuery)) }));
 };
 
 /**
@@ -4717,6 +4800,25 @@ const mockForDeviceHealthIssueCategorySummariesQuery = (variables, data) => {
         },
     }, data || {}));
 };
+const mockForDeviceHealthIssueStatusSummariesQuery = (variables, data) => {
+    return reactCoreContextsTest.queryFor(DeviceHealthIssueStatusSummariesDocument, variables, utilities.mergeDeep({
+        __typename: "Query",
+        assetSummary: {
+            __typename: "AssetSummary",
+            fleetHealthDeviceStatusSummary: {
+                __typename: "MetadataSummary",
+                total: 6273236744536064,
+                summary: [
+                    {
+                        __typename: "Summary",
+                        key: "subito",
+                        count: 6273236744536064,
+                    },
+                ],
+            },
+        },
+    }, data || {}));
+};
 const mockForDeviceHealthIssueTypeSummariesQuery = (variables, data) => {
     return reactCoreContextsTest.queryFor(DeviceHealthIssueTypeSummariesDocument, variables, utilities.mergeDeep({
         __typename: "Query",
@@ -5280,6 +5382,7 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
     const accessManagementMode = useAccessManagementModeFilter();
     const fleetHealthTypes = useDeviceHealthIssueTypeFilter();
     const fleetHealthCategories = useDeviceHealthIssueCategoryFilter();
+    const fleetHealthStatus = useDeviceHealthIssueStatusFilter();
     return react.useMemo(() => {
         return {
             assetType,
@@ -5306,6 +5409,7 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
             accessManagementMode,
             fleetHealthTypes,
             fleetHealthCategories,
+            fleetHealthStatus,
         };
     }, [
         siteIds,
@@ -5332,6 +5436,7 @@ const useDefaultAssetFilterBarDefinition = ({ sitesEnabled, owningDepotEnabled,
         accessManagementMode,
         fleetHealthTypes,
         fleetHealthCategories,
+        fleetHealthStatus,
     ]);
 };
 
@@ -5385,6 +5490,7 @@ exports.mapMetadataCompletenessToLabelId = mapMetadataCompletenessToLabelId;
 exports.metadataCompleteness = metadataCompleteness;
 exports.metadataCompletenessOptions = metadataCompletenessOptions;
 exports.mockForDeviceHealthIssueCategorySummariesQuery = mockForDeviceHealthIssueCategorySummariesQuery;
+exports.mockForDeviceHealthIssueStatusSummariesQuery = mockForDeviceHealthIssueStatusSummariesQuery;
 exports.mockForDeviceHealthIssueTypeSummariesQuery = mockForDeviceHealthIssueTypeSummariesQuery;
 exports.mockForGetAccessManagementModeDesiredSummaryQuery = mockForGetAccessManagementModeDesiredSummaryQuery;
 exports.mockForGetAssetTelematicsDeviceConnectionSummaryQuery = mockForGetAssetTelematicsDeviceConnectionSummaryQuery;
@@ -5425,6 +5531,7 @@ exports.useCriticalityFilter = useCriticalityFilter;
 exports.useCustomerIdsFilter = useCustomerIdsFilter;
 exports.useDefaultAssetFilterBarDefinition = useDefaultAssetFilterBarDefinition;
 exports.useDeviceHealthIssueCategoryFilter = useDeviceHealthIssueCategoryFilter;
+exports.useDeviceHealthIssueStatusFilter = useDeviceHealthIssueStatusFilter;
 exports.useDeviceHealthIssueTypeFilter = useDeviceHealthIssueTypeFilter;
 exports.useFollowedFilter = useFollowedFilter;
 exports.useGroupIdsFilter = useGroupIdsFilter;