@trackunit/filters-asset-filter-definitions 2.1.94 → 2.1.96

package/index.cjs.js

@@ -99,6 +99,7 @@ var defaultTranslations = {
 	"assetFilters.metadataCompleteness.ALL": "All",
 	"assetFilters.metadataCompleteness.COMPLETE": "Complete",
 	"assetFilters.metadataCompleteness.PARTIAL": "Partial",
+	"assetFilters.modbusProfile.label": "Modbus profile",
 	"assetFilters.ownerAccountNameFilter.label": "Owner",
 	"assetFilters.partnerFilter.label": "Partner",
 	"assetFilters.pendingTelematicsDevicesFilter.label": "Pending Telematics Devices",
@@ -363,7 +364,7 @@ const GET_ACCESS_MANAGEMENT_MODE_DESIRED_SUMMARY = client.gql `
     }
   }
 `;
-const FETCH_LIMIT$e = 1000;
+const FETCH_LIMIT$f = 1000;
 /**
 Renders the Access Management Mode Filter view with the provided props.
  
@@ -377,7 +378,7 @@ const AccessManagementModeFilterView = ({ filterDefinition, filterState, filterB
     const { data, loading } = reactGraphqlHooks.useQuery(GET_ACCESS_MANAGEMENT_MODE_DESIRED_SUMMARY, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$e,
+            limit: FETCH_LIMIT$f,
             filters: {
                 ...activeFilters,
                 accessManagementDesiredModes: null, // Omit the filters own values so list shows options correctly
@@ -518,6 +519,77 @@ const servicePlanStatus = {
     PLANNED: "PLANNED",
     UPCOMING: "UPCOMING",
 };
+const GetFleetCountriesSummaryDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "GetFleetCountriesSummary" },
+            variableDefinitions: [
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "filters" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "AssetFiltersInput" } },
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "limit" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "Int" } },
+                },
+            ],
+            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: "countries" },
+                                    arguments: [
+                                        {
+                                            kind: "Argument",
+                                            name: { kind: "Name", value: "limit" },
+                                            value: { kind: "Variable", name: { kind: "Name", value: "limit" } },
+                                        },
+                                    ],
+                                    selectionSet: {
+                                        kind: "SelectionSet",
+                                        selections: [
+                                            { kind: "Field", name: { kind: "Name", value: "total" } },
+                                            {
+                                                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" } },
+                                                    ],
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                ],
+            },
+        },
+    ],
+};
 const DeviceHealthIssueCategorySummariesDocument = {
     kind: "Document",
     definitions: [
@@ -835,6 +907,87 @@ const GetFleetFirmwareVersionSummaryDocument = {
         },
     ],
 };
+const GetFleetModbusProfileSummaryDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "GetFleetModbusProfileSummary" },
+            variableDefinitions: [
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "filters" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "AssetFiltersInput" } },
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "search" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "String" } },
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: { kind: "Variable", name: { kind: "Name", value: "limit" } },
+                    type: { kind: "NamedType", name: { kind: "Name", value: "Int" } },
+                },
+            ],
+            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: "modbusProfileSummary" },
+                                    arguments: [
+                                        {
+                                            kind: "Argument",
+                                            name: { kind: "Name", value: "filter" },
+                                            value: { kind: "Variable", name: { kind: "Name", value: "search" } },
+                                        },
+                                        {
+                                            kind: "Argument",
+                                            name: { kind: "Name", value: "limit" },
+                                            value: { kind: "Variable", name: { kind: "Name", value: "limit" } },
+                                        },
+                                    ],
+                                    selectionSet: {
+                                        kind: "SelectionSet",
+                                        selections: [
+                                            { kind: "Field", name: { kind: "Name", value: "total" } },
+                                            {
+                                                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" } },
+                                                    ],
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                ],
+            },
+        },
+    ],
+};
 const GetFleetAssetTypesSummaryDocument = {
     kind: "Document",
     definitions: [
@@ -2980,7 +3133,7 @@ const useAssetTypeFilter = ({ showTypes } = { showTypes: ALL_TYPES }) => {
     return result;
 };
 
-const FETCH_LIMIT$d = 1000;
+const FETCH_LIMIT$e = 1000;
 /**
  * React component for rendering the brand filter.
  *
@@ -2996,7 +3149,7 @@ const BrandFilterView = (props) => {
     const { data, loading } = reactGraphqlHooks.useQuery(GetFleetBrandsSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$d,
+            limit: FETCH_LIMIT$e,
             search: debouncedSearch.trim(),
             filters: {
                 ...activeFilters,
@@ -3013,7 +3166,7 @@ const BrandFilterView = (props) => {
         return result;
     }, [data?.assetSummary?.brands?.summary, getMachineTypeTranslation]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$d);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$e);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -3040,6 +3193,71 @@ const useBrandFilter = () => {
     return result;
 };
 
+/**
+ * Build the country filter options from the SFS country summary, translating each
+ * code to its localized name and ordering the list alphabetically by that name.
+ *
+ * @param summary - The country summary entries (code + asset count) from the SFS dimension.
+ * @param languages - Preferred display languages, typically `i18n.languages`.
+ * @returns {Array<{ key: string; count: number; label: string }>} Filter options sorted alphabetically by localized name.
+ */
+const buildCountryOptions = (summary, languages) => {
+    return summary
+        .map(country => ({
+        key: country.key,
+        count: country.count,
+        label: sharedUtils.getCountryName(country.key, languages),
+    }))
+        .sort((a, b) => sharedUtils.stringCompare(a.label, b.label));
+};
+
+const COUNTRY_FETCH_LIMIT = 300;
+/**
+ * React component for rendering the country filter.
+ *
+ * @param {FilterViewProps<string[]>} props - The component's properties, including filter state and values.
+ * @returns {ReactElement} The country filter component.
+ */
+const CountryFilter = (props) => {
+    const [, i18n] = useTranslation();
+    const activeFilters = filtersGraphqlHook.useActiveAssetFilters(props.filterState.values);
+    const { data, loading } = reactGraphqlHooks.useQuery(GetFleetCountriesSummaryDocument, {
+        fetchPolicy: "cache-first",
+        variables: {
+            limit: COUNTRY_FETCH_LIMIT,
+            filters: {
+                ...activeFilters,
+                countries: null, // Omit the filters own values so list shows options correctly
+            },
+        },
+    });
+    const options = react.useMemo(() => {
+        return buildCountryOptions(data?.assetSummary?.countries?.summary ?? [], i18n.languages);
+    }, [data?.assetSummary?.countries?.summary, i18n.languages]);
+    return jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, loading: loading, options: options });
+};
+
+/**
+ * Get the Country filter definition
+ *
+ * @returns {StringArrayFilterDefinition} The Country filter definition
+ */
+const useCountryFilter = () => {
+    const [t, i18n] = useTranslation();
+    return react.useMemo(() => {
+        return {
+            filterKey: "countries",
+            type: "stringArray",
+            group: "CURRENT_LOCATION",
+            title: t("fleetlist.column.country"),
+            valueAsText(value) {
+                return value.map(code => sharedUtils.getCountryName(code, i18n.languages));
+            },
+            component: props => jsxRuntime.jsx(CountryFilter, { ...props }),
+        };
+    }, [t, i18n.languages]);
+};
+
 const mapCriticalityToLabelId = (state) => {
     switch (state) {
         case assetCriticalityState.CRITICAL:
@@ -3112,7 +3330,7 @@ const useCriticalityFilter = () => {
     return result;
 };
 
-const FETCH_LIMIT$c = 1000;
+const FETCH_LIMIT$d = 1000;
 /**
  * Custom hook to fetch customer summary data based on active filters and search text.
  *
@@ -3127,7 +3345,7 @@ const useCustomerData = (filterValues, customerId) => {
     const { data, loading } = reactGraphqlHooks.useQuery(GetCustomerIdSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$c,
+            limit: FETCH_LIMIT$d,
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
@@ -3544,7 +3762,7 @@ const useDeviceTypesFilter = (showInFilterBar) => {
     }, [t, showInFilterBar]);
 };
 
-const FETCH_LIMIT$b = 1000;
+const FETCH_LIMIT$c = 1000;
 /**
  * The Firmware Version Filter component.
  *
@@ -3565,7 +3783,7 @@ const FirmwareVersionFilter = ({ filterDefinition, filterState, filterBarActions
     const debouncedSearch = reactComponents.useDebounce(searchText, { delay: 500 });
     const { data, loading } = reactGraphqlHooks.useQuery(GetFleetFirmwareVersionSummaryDocument, {
         variables: {
-            limit: FETCH_LIMIT$b,
+            limit: FETCH_LIMIT$c,
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
@@ -3582,7 +3800,7 @@ const FirmwareVersionFilter = ({ filterDefinition, filterState, filterBarActions
         return result;
     }, [data?.assetSummary?.firmwareVersionSummary?.summary, t]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$b);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$c);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, filterBarActions: filterBarActions, filterDefinition: filterDefinition, filterState: filterState, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -3649,7 +3867,7 @@ const useFollowedFilter = () => {
     return result;
 };
 
-const FETCH_LIMIT$a = 1000;
+const FETCH_LIMIT$b = 1000;
 /**
  * The GroupIdsFilterView component is a filter view for group IDs.
  * It utilizes a checkbox filter with a search feature to display and manage group selections.
@@ -3665,7 +3883,7 @@ const GroupIdsFilterView = (props) => {
     const { data, loading } = reactGraphqlHooks.useQuery(GetFleetGroupSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$a,
+            limit: FETCH_LIMIT$b,
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
@@ -3689,7 +3907,7 @@ const GroupIdsFilterView = (props) => {
         return result;
     }, [data?.assetSummary?.groups, props.hasCount]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$a);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$b);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -4184,6 +4402,67 @@ const useMetadataCompletenessFilter = ({ isDefault } = {}) => {
     return result;
 };
 
+const FETCH_LIMIT$a = 1000;
+/**
+ * The Modbus Profile Filter component.
+ *
+ * Provides an interface to select Modbus profiles. It fetches data from a GraphQL query
+ * and integrates with the filter bar's filtering logic.
+ *
+ * @param props - The filter view props.
+ * @param props.filterDefinition - The filter's definition.
+ * @param props.filterState - The current state of the filter, including selected values.
+ * @param props.filterBarActions - Actions for the filter's interaction with the filter bar.
+ * @returns {ReactElement} React component to render the Modbus profile filter.
+ */
+const ModbusProfileFilter = ({ filterDefinition, filterState, filterBarActions, ...props }) => {
+    const [t] = useTranslation();
+    const activeFilters = filtersGraphqlHook.useActiveAssetFilters(filterState.values);
+    const [showRequestMoreUseSearch, setShowRequestMoreUseSearch] = react.useState(false);
+    const [searchText, setSearchText] = react.useState("");
+    const debouncedSearch = reactComponents.useDebounce(searchText, { delay: 500 });
+    const { data, loading } = reactGraphqlHooks.useQuery(GetFleetModbusProfileSummaryDocument, {
+        variables: {
+            limit: FETCH_LIMIT$a,
+            search: debouncedSearch,
+            filters: {
+                ...activeFilters,
+                modbusProfile: null, // Omit the filters own values so list shows options correctly
+            },
+        },
+        fetchPolicy: "cache-first",
+    });
+    const options = react.useMemo(() => {
+        const result = data?.assetSummary?.modbusProfileSummary?.summary.map(modbusProfile => ({
+            ...modbusProfile,
+            label: modbusProfile.key.toUpperCase() === "UNDEFINED" ? t(`machine.types.Unknown`) : modbusProfile.key,
+        })) ?? [];
+        return result;
+    }, [data?.assetSummary?.modbusProfileSummary?.summary, t]);
+    react.useEffect(() => {
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$a);
+    }, [options]);
+    return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, filterBarActions: filterBarActions, filterDefinition: filterDefinition, filterState: filterState, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
+};
+
+/**
+ * Get the Modbus Profile filter definition
+ *
+ * @returns {ValueNameArrayFilterDefinition} The Modbus Profile filter definition
+ */
+const useModbusProfileFilter = () => {
+    const [t] = useTranslation();
+    return react.useMemo(() => {
+        return {
+            filterKey: "modbusProfile",
+            type: "valueNameArray",
+            group: "DEVICE",
+            title: t("assetFilters.modbusProfile.label"),
+            component: props => jsxRuntime.jsx(ModbusProfileFilter, { ...props }),
+        };
+    }, [t]);
+};
+
 const FETCH_LIMIT$9 = 1000;
 /**
  * Renders a custom model filter component, allowing filtering of active assets by models.
@@ -5675,6 +5954,7 @@ const useDefaultAssetFilterBarDefinition = () => {
     const siteIds = useSiteIdsFilter(siteEnabledProps);
     const siteDepotOwnershipIds = useSiteDepotOwnershipIdsFilter();
     const brands = useBrandFilter();
+    const countries = useCountryFilter();
     const models = useModelsFilter();
     const types = useTypesFilter();
     const activity = useActivityFilter();
@@ -5732,6 +6012,7 @@ const useDefaultAssetFilterBarDefinition = () => {
             metadataCompleteness,
             siteIds,
             siteType,
+            countries,
             area,
             groups,
             ownerAccountIds,
@@ -5766,6 +6047,7 @@ const useDefaultAssetFilterBarDefinition = () => {
         assetType,
         metadataCompleteness,
         brands,
+        countries,
         models,
         types,
         activity,
@@ -5866,6 +6148,7 @@ exports.useAreaFilter = useAreaFilter;
 exports.useAssetIdsFilter = useAssetIdsFilter;
 exports.useAssetTypeFilter = useAssetTypeFilter;
 exports.useBrandFilter = useBrandFilter;
+exports.useCountryFilter = useCountryFilter;
 exports.useCriticalityFilter = useCriticalityFilter;
 exports.useCustomerIdsFilter = useCustomerIdsFilter;
 exports.useDefaultAssetFilterBarDefinition = useDefaultAssetFilterBarDefinition;
@@ -5884,6 +6167,7 @@ exports.useInsightsBatteryStateOfChargePercentFilter = useInsightsBatteryStateOf
 exports.useInsightsFuelLevelFilter = useInsightsFuelLevelFilter;
 exports.useLastSeenFilter = useLastSeenFilter;
 exports.useMetadataCompletenessFilter = useMetadataCompletenessFilter;
+exports.useModbusProfileFilter = useModbusProfileFilter;
 exports.useModelsFilter = useModelsFilter;
 exports.useOwnerAccountIdsFilter = useOwnerAccountIdsFilter;
 exports.usePartnerFilter = usePartnerFilter;