@trackunit/filters-asset-filter-definitions 1.10.10 → 1.10.13

package/index.cjs.js

@@ -2755,9 +2755,10 @@ const FETCH_LIMIT$9 = 1000;
  * Custom hook to fetch customer summary data based on active filters and search text.
  *
  * @param filterValues - The current values from the filter bar.
+ * @param customerId - The ID of the customer that owns the customers shown in the filter bar.
  * @returns An object containing the fetched data, loading state, and a function to set search text.
  */
-const useCustomerData = (filterValues) => {
+const useCustomerData = (filterValues, customerId) => {
     const activeFilters = filtersGraphqlHook.useActiveAssetFilters(filterValues);
     const [searchText, setSearchText] = react.useState("");
     const debouncedSearch = reactComponents.useDebounce(searchText, 500);
@@ -2768,7 +2769,7 @@ const useCustomerData = (filterValues) => {
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
-                customerIds: null, // Exclude customerIds from the filters used for fetching the summary
+                customerIds: customerId ? [customerId] : null,
             },
         },
     });
@@ -2882,10 +2883,11 @@ const useCustomerHierarchy = (customerSummary) => {
  * This component renders a hierarchical checkbox filter for selecting customer IDs.
  *
  * @param {FilterViewProps<ValueName[]>} props - Filter properties including data, state, and actions.
+ * @param customerId - The ID of the customer that owns the customers shown in the filter bar.
  * @returns {ReactElement} A customer ID filter component for rendering in the UI.
  */
-const CustomerIdsFilterView = (props) => {
-    const { data, loading, searchText, setSearchText } = useCustomerData(props.filterState.values);
+const CustomerIdsFilterView = ({ customerId, ...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: {
@@ -2896,7 +2898,7 @@ const CustomerIdsFilterView = (props) => {
 /**
  * Custom hook to create and configure a customer IDs filter definition.
  */
-const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persistValue } = {
+const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persistValue, customerId } = {
     showInFilterBar: () => true,
     hasCount: true,
 }) => {
@@ -2910,9 +2912,9 @@ const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persist
             title: t("fleetlist.column.customerIds"),
             showInFilterBar,
             persistValue,
-            component: props => jsxRuntime.jsx(CustomerIdsFilterView, { ...props, hasCount: hasCount }),
+            component: props => jsxRuntime.jsx(CustomerIdsFilterView, { ...props, customerId: customerId, hasCount: hasCount }),
         };
-    }, [showInFilterBar, defaultValue, t, hasCount, persistValue]);
+    }, [defaultValue, t, showInFilterBar, persistValue, customerId, hasCount]);
     return result;
 };
 

package/index.esm.js

@@ -2753,9 +2753,10 @@ const FETCH_LIMIT$9 = 1000;
  * Custom hook to fetch customer summary data based on active filters and search text.
  *
  * @param filterValues - The current values from the filter bar.
+ * @param customerId - The ID of the customer that owns the customers shown in the filter bar.
  * @returns An object containing the fetched data, loading state, and a function to set search text.
  */
-const useCustomerData = (filterValues) => {
+const useCustomerData = (filterValues, customerId) => {
     const activeFilters = useActiveAssetFilters(filterValues);
     const [searchText, setSearchText] = useState("");
     const debouncedSearch = useDebounce(searchText, 500);
@@ -2766,7 +2767,7 @@ const useCustomerData = (filterValues) => {
             search: debouncedSearch,
             filters: {
                 ...activeFilters,
-                customerIds: null, // Exclude customerIds from the filters used for fetching the summary
+                customerIds: customerId ? [customerId] : null,
             },
         },
     });
@@ -2880,10 +2881,11 @@ const useCustomerHierarchy = (customerSummary) => {
  * This component renders a hierarchical checkbox filter for selecting customer IDs.
  *
  * @param {FilterViewProps<ValueName[]>} props - Filter properties including data, state, and actions.
+ * @param customerId - The ID of the customer that owns the customers shown in the filter bar.
  * @returns {ReactElement} A customer ID filter component for rendering in the UI.
  */
-const CustomerIdsFilterView = (props) => {
-    const { data, loading, searchText, setSearchText } = useCustomerData(props.filterState.values);
+const CustomerIdsFilterView = ({ customerId, ...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: {
@@ -2894,7 +2896,7 @@ const CustomerIdsFilterView = (props) => {
 /**
  * Custom hook to create and configure a customer IDs filter definition.
  */
-const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persistValue } = {
+const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persistValue, customerId } = {
     showInFilterBar: () => true,
     hasCount: true,
 }) => {
@@ -2908,9 +2910,9 @@ const useCustomerIdsFilter = ({ showInFilterBar, defaultValue, hasCount, persist
             title: t("fleetlist.column.customerIds"),
             showInFilterBar,
             persistValue,
-            component: props => jsx(CustomerIdsFilterView, { ...props, hasCount: hasCount }),
+            component: props => jsx(CustomerIdsFilterView, { ...props, customerId: customerId, hasCount: hasCount }),
         };
-    }, [showInFilterBar, defaultValue, t, hasCount, persistValue]);
+    }, [defaultValue, t, showInFilterBar, persistValue, customerId, hasCount]);
     return result;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-asset-filter-definitions",
-  "version": "1.10.10",
+  "version": "1.10.13",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -16,23 +16,23 @@
     "jest-fetch-mock": "^3.0.3",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/iris-app-build-utilities": "1.7.8",
-    "@trackunit/filters-filter-bar": "1.8.10",
-    "@trackunit/react-core-hooks": "1.7.8",
-    "@trackunit/react-filter-components": "1.7.10",
-    "@trackunit/react-form-components": "1.8.10",
-    "@trackunit/filters-graphql-hook": "1.10.10",
-    "@trackunit/utilization-indicator": "1.7.10",
-    "@trackunit/geo-json-utils": "1.7.7",
-    "@trackunit/react-components": "1.9.10",
-    "@trackunit/shared-utils": "1.9.7",
-    "@trackunit/translations-machine-type": "1.7.9",
-    "@trackunit/criticality-indicator": "1.7.10",
-    "@trackunit/iris-app-api": "1.7.8",
-    "@trackunit/react-core-contexts-test": "1.7.8",
-    "@trackunit/i18n-library-translation": "1.7.9",
-    "@trackunit/react-core-contexts-api": "1.8.8",
-    "@trackunit/react-test-setup": "1.4.7"
+    "@trackunit/iris-app-build-utilities": "1.7.9",
+    "@trackunit/filters-filter-bar": "1.8.13",
+    "@trackunit/react-core-hooks": "1.7.10",
+    "@trackunit/react-filter-components": "1.7.13",
+    "@trackunit/react-form-components": "1.8.13",
+    "@trackunit/filters-graphql-hook": "1.10.13",
+    "@trackunit/utilization-indicator": "1.7.13",
+    "@trackunit/geo-json-utils": "1.7.8",
+    "@trackunit/react-components": "1.9.13",
+    "@trackunit/shared-utils": "1.9.8",
+    "@trackunit/translations-machine-type": "1.7.11",
+    "@trackunit/criticality-indicator": "1.7.13",
+    "@trackunit/iris-app-api": "1.7.9",
+    "@trackunit/react-core-contexts-test": "1.7.10",
+    "@trackunit/i18n-library-translation": "1.7.11",
+    "@trackunit/react-core-contexts-api": "1.8.10",
+    "@trackunit/react-test-setup": "1.4.8"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

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

@@ -6,17 +6,21 @@ import { ReactElement } from "react";
  * This component renders a hierarchical checkbox filter for selecting customer IDs.
  *
  * @param {FilterViewProps<ValueName[]>} props - Filter properties including data, state, and actions.
+ * @param customerId - The ID of the customer that owns the customers shown in the filter bar.
  * @returns {ReactElement} A customer ID filter component for rendering in the UI.
  */
-export declare const CustomerIdsFilterView: (props: FilterViewProps<Array<ValueName>>) => ReactElement;
+export declare const CustomerIdsFilterView: ({ customerId, ...props }: {
+    customerId?: string;
+} & FilterViewProps<Array<ValueName>>) => ReactElement;
 interface CustomerIdsFilterProps {
     showInFilterBar: () => boolean;
     defaultValue?: Array<ValueName>;
     hasCount?: boolean;
     persistValue?: boolean;
+    customerId?: string;
 }
 /**
  * Custom hook to create and configure a customer IDs filter definition.
  */
-export declare const useCustomerIdsFilter: ({ showInFilterBar, defaultValue, hasCount, persistValue }?: CustomerIdsFilterProps) => ValueNameArrayFilterDefinition;
+export declare const useCustomerIdsFilter: ({ showInFilterBar, defaultValue, hasCount, persistValue, customerId }?: CustomerIdsFilterProps) => ValueNameArrayFilterDefinition;
 export {};

package/src/defaultFilters/defaults/hooks/useCustomerData.d.ts

@@ -4,9 +4,10 @@ import { GetCustomerIdSummaryQuery } from "../../../generated/graphql-api/graphq
  * Custom hook to fetch customer summary data based on active filters and search text.
  *
  * @param filterValues - The current values from the filter bar.
+ * @param customerId - The ID of the customer that owns the customers shown in the filter bar.
  * @returns An object containing the fetched data, loading state, and a function to set search text.
  */
-export declare const useCustomerData: (filterValues: FilterBarValues | undefined) => {
+export declare const useCustomerData: (filterValues: FilterBarValues | undefined, customerId?: string) => {
     data: GetCustomerIdSummaryQuery | undefined;
     loading: boolean;
     searchText: string;