@trackunit/filters-asset-filter-definitions 2.1.101 → 2.2.0

package/index.cjs.js

@@ -62,6 +62,8 @@ var defaultTranslations = {
 	"assetFilters.assetType.TOOL": "Tools",
 	"assetFilters.assetType.VEHICLE": "Vehicle",
 	"assetFilters.boundingBoxFilter.value": "Within map area",
+	"assetFilters.can1Profile.label": "CAN1 profile",
+	"assetFilters.can2Profile.label": "CAN2 profile",
 	"assetFilters.criticality.CRITICAL": "Critical",
 	"assetFilters.criticality.LOW": "Low",
 	"assetFilters.criticality.NONE": "Good",
@@ -364,7 +366,7 @@ const GET_ACCESS_MANAGEMENT_MODE_DESIRED_SUMMARY = client.gql `
     }
   }
 `;
-const FETCH_LIMIT$f = 1000;
+const FETCH_LIMIT$h = 1000;
 /**
 Renders the Access Management Mode Filter view with the provided props.
  
@@ -378,7 +380,7 @@ const AccessManagementModeFilterView = ({ filterDefinition, filterState, filterB
     const { data, loading } = reactGraphqlHooks.useQuery(GET_ACCESS_MANAGEMENT_MODE_DESIRED_SUMMARY, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$f,
+            limit: FETCH_LIMIT$h,
             filters: {
                 ...activeFilters,
                 accessManagementDesiredModes: null, // Omit the filters own values so list shows options correctly
@@ -519,6 +521,256 @@ const servicePlanStatus = {
     PLANNED: "PLANNED",
     UPCOMING: "UPCOMING",
 };
+const TelematicsDeviceCan1ProfileNamesDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "TelematicsDeviceCan1ProfileNames" },
+            selectionSet: {
+                kind: "SelectionSet",
+                selections: [
+                    {
+                        kind: "Field",
+                        name: { kind: "Name", value: "telematicsDeviceSummary" },
+                        selectionSet: {
+                            kind: "SelectionSet",
+                            selections: [
+                                {
+                                    kind: "Field",
+                                    name: { kind: "Name", value: "can1Profiles" },
+                                    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: "name" } },
+                                                    ],
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                ],
+            },
+        },
+    ],
+};
+const GetFleetCan1ProfileSummaryDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "GetFleetCan1ProfileSummary" },
+            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: "can1ProfileSummary" },
+                                    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 TelematicsDeviceCan2ProfileNamesDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "TelematicsDeviceCan2ProfileNames" },
+            selectionSet: {
+                kind: "SelectionSet",
+                selections: [
+                    {
+                        kind: "Field",
+                        name: { kind: "Name", value: "telematicsDeviceSummary" },
+                        selectionSet: {
+                            kind: "SelectionSet",
+                            selections: [
+                                {
+                                    kind: "Field",
+                                    name: { kind: "Name", value: "can2Profiles" },
+                                    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: "name" } },
+                                                    ],
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                ],
+            },
+        },
+    ],
+};
+const GetFleetCan2ProfileSummaryDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: { kind: "Name", value: "GetFleetCan2ProfileSummary" },
+            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: "can2ProfileSummary" },
+                                    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 GetFleetCountriesSummaryDocument = {
     kind: "Document",
     definitions: [
@@ -3133,7 +3385,7 @@ const useAssetTypeFilter = ({ showTypes } = { showTypes: ALL_TYPES }) => {
     return result;
 };
 
-const FETCH_LIMIT$e = 1000;
+const FETCH_LIMIT$g = 1000;
 /**
  * React component for rendering the brand filter.
  *
@@ -3149,7 +3401,7 @@ const BrandFilterView = (props) => {
     const { data, loading } = reactGraphqlHooks.useQuery(GetFleetBrandsSummaryDocument, {
         fetchPolicy: "cache-first",
         variables: {
-            limit: FETCH_LIMIT$e,
+            limit: FETCH_LIMIT$g,
             search: debouncedSearch.trim(),
             filters: {
                 ...activeFilters,
@@ -3166,7 +3418,7 @@ const BrandFilterView = (props) => {
         return result;
     }, [data?.assetSummary?.brands?.summary, getMachineTypeTranslation]);
     react.useEffect(() => {
-        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$e);
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$g);
     }, [options]);
     return (jsxRuntime.jsx(filtersFilterBar.DefaultCheckboxFilter, { ...props, customSearch: { value: searchText, onChange: setSearchText, onClear: () => setSearchText("") }, loading: loading, options: options, showRequestMoreUseSearch: showRequestMoreUseSearch }));
 };
@@ -3193,6 +3445,148 @@ const useBrandFilter = () => {
     return result;
 };
 
+const FETCH_LIMIT$f = 1000;
+/**
+ * The CAN 1 Profile Filter component.
+ *
+ * Provides an interface to select CAN profiles reported on the CAN1 port. Options are
+ * fetched from a GraphQL query keyed by the profile key, but only the resolved profile
+ * name is displayed. Searching is delegated to the backend, which matches against the
+ * profile key.
+ *
+ * @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 CAN1 profile filter.
+ */
+const Can1ProfileFilter = ({ 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(GetFleetCan1ProfileSummaryDocument, {
+        variables: {
+            limit: FETCH_LIMIT$f,
+            search: debouncedSearch,
+            filters: {
+                ...activeFilters,
+                can1Profile: null, // Omit the filters own values so list shows options correctly
+            },
+        },
+        fetchPolicy: "cache-first",
+    });
+    const { data: profileNamesData } = reactGraphqlHooks.useQuery(TelematicsDeviceCan1ProfileNamesDocument, {
+        context: { headers: { "TU-PREVIEW": "TELEMATICS_DEVICE_PREVIEW" } },
+        fetchPolicy: "cache-first",
+    });
+    const profileNameByKey = react.useMemo(() => new Map(profileNamesData?.telematicsDeviceSummary?.can1Profiles?.summary?.map(profile => [profile.key, profile.name]) ??
+        []), [profileNamesData?.telematicsDeviceSummary?.can1Profiles?.summary]);
+    const options = react.useMemo(() => {
+        const result = data?.assetSummary?.can1ProfileSummary?.summary.map(canProfile => {
+            if (canProfile.key.toUpperCase() === "UNDEFINED") {
+                return { ...canProfile, label: t(`machine.types.Unknown`) };
+            }
+            return { ...canProfile, label: profileNameByKey.get(canProfile.key) ?? canProfile.key };
+        }) ?? [];
+        return result;
+    }, [data?.assetSummary?.can1ProfileSummary?.summary, profileNameByKey, t]);
+    react.useEffect(() => {
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$f);
+    }, [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 CAN 1 Profile filter definition
+ *
+ * @returns {ValueNameArrayFilterDefinition} The CAN 1 Profile filter definition
+ */
+const useCan1ProfileFilter = () => {
+    const [t] = useTranslation();
+    return react.useMemo(() => {
+        return {
+            filterKey: "can1Profile",
+            type: "valueNameArray",
+            group: "DEVICE",
+            title: t("assetFilters.can1Profile.label"),
+            component: props => jsxRuntime.jsx(Can1ProfileFilter, { ...props }),
+        };
+    }, [t]);
+};
+
+const FETCH_LIMIT$e = 1000;
+/**
+ * The CAN 2 Profile Filter component.
+ *
+ * Provides an interface to select CAN profiles reported on the CAN2 port. Options are
+ * fetched from a GraphQL query keyed by the profile key, but only the resolved profile
+ * name is displayed. Searching is delegated to the backend, which matches against the
+ * profile key.
+ *
+ * @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 CAN2 profile filter.
+ */
+const Can2ProfileFilter = ({ 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(GetFleetCan2ProfileSummaryDocument, {
+        variables: {
+            limit: FETCH_LIMIT$e,
+            search: debouncedSearch,
+            filters: {
+                ...activeFilters,
+                can2Profile: null, // Omit the filters own values so list shows options correctly
+            },
+        },
+        fetchPolicy: "cache-first",
+    });
+    const { data: profileNamesData } = reactGraphqlHooks.useQuery(TelematicsDeviceCan2ProfileNamesDocument, {
+        context: { headers: { "TU-PREVIEW": "TELEMATICS_DEVICE_PREVIEW" } },
+        fetchPolicy: "cache-first",
+    });
+    const profileNameByKey = react.useMemo(() => new Map(profileNamesData?.telematicsDeviceSummary?.can2Profiles?.summary?.map(profile => [profile.key, profile.name]) ??
+        []), [profileNamesData?.telematicsDeviceSummary?.can2Profiles?.summary]);
+    const options = react.useMemo(() => {
+        const result = data?.assetSummary?.can2ProfileSummary?.summary.map(canProfile => {
+            if (canProfile.key.toUpperCase() === "UNDEFINED") {
+                return { ...canProfile, label: t(`machine.types.Unknown`) };
+            }
+            return { ...canProfile, label: profileNameByKey.get(canProfile.key) ?? canProfile.key };
+        }) ?? [];
+        return result;
+    }, [data?.assetSummary?.can2ProfileSummary?.summary, profileNameByKey, t]);
+    react.useEffect(() => {
+        setShowRequestMoreUseSearch(options.length === FETCH_LIMIT$e);
+    }, [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 CAN 2 Profile filter definition
+ *
+ * @returns {ValueNameArrayFilterDefinition} The CAN 2 Profile filter definition
+ */
+const useCan2ProfileFilter = () => {
+    const [t] = useTranslation();
+    return react.useMemo(() => {
+        return {
+            filterKey: "can2Profile",
+            type: "valueNameArray",
+            group: "DEVICE",
+            title: t("assetFilters.can2Profile.label"),
+            component: props => jsxRuntime.jsx(Can2ProfileFilter, { ...props }),
+        };
+    }, [t]);
+};
+
 /**
  * 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.
@@ -6148,6 +6542,8 @@ exports.useAreaFilter = useAreaFilter;
 exports.useAssetIdsFilter = useAssetIdsFilter;
 exports.useAssetTypeFilter = useAssetTypeFilter;
 exports.useBrandFilter = useBrandFilter;
+exports.useCan1ProfileFilter = useCan1ProfileFilter;
+exports.useCan2ProfileFilter = useCan2ProfileFilter;
 exports.useCountryFilter = useCountryFilter;
 exports.useCriticalityFilter = useCriticalityFilter;
 exports.useCustomerIdsFilter = useCustomerIdsFilter;