@trackunit/react-table-helpers 1.3.145 → 1.3.148

package/index.cjs.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var customFieldComponents = require('@trackunit/custom-field-components');
+var filtersGraphqlHook = require('@trackunit/filters-graphql-hook');
 var reactTable = require('@trackunit/react-table');
 var react = require('react');
 var polyfill = require('@js-temporal/polyfill');
@@ -101,7 +102,7 @@ const customFieldToCell = (customField, unitTranslation, unitPreference, languag
  * @param {CustomFieldDefinitionArray} customFieldDefinitions - An array of custom field definitions.
  * @returns {ColumnDef<TDataType, CustomFieldData | undefined>[]} - An array of column definitions.
  */
-const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions, unitPreference, language, }) => {
+const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions, unitPreference, language, filterBarDefinition, }) => {
     const { unitTranslation } = customFieldComponents.useUnitTranslation();
     return react.useMemo(() => {
         const columnHelper = reactTable.createColumnHelper();
@@ -111,6 +112,8 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
                 customFieldDefinition.node.id &&
                 customFieldDefinition.node.title &&
                 customFieldDefinition.node.__typename) {
+                const id = filtersGraphqlHook.CustomFieldPrefix + customFieldDefinition.node.id;
+                const isKeyFound = filterBarDefinition ? !!filterBarDefinition[id] : false;
                 const column = columnHelper.accessor(data => data.customFields?.edges?.find(field => {
                     return field?.node?.definition.id === customFieldDefinition.node?.id;
                 })?.node, {
@@ -120,6 +123,7 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
                     meta: {
                         hiddenByDefault: true,
                         isCustomField: true,
+                        filterName: isKeyFound && filterBarDefinition ? filterBarDefinition[id]?.filterKey : undefined,
                     },
                     cell: cell => {
                         const cellValue = cell.getValue();
@@ -130,7 +134,7 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
             }
         });
         return result;
-    }, [customFieldDefinitions, unitPreference, unitTranslation, language]);
+    }, [filterBarDefinition, customFieldDefinitions, unitTranslation, unitPreference, language]);
 };
 
 /*

package/index.esm.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { registerTranslations } from '@trackunit/i18n-library-translation';
 import { useUnitTranslation } from '@trackunit/custom-field-components';
+import { CustomFieldPrefix } from '@trackunit/filters-graphql-hook';
 import { createColumnHelper } from '@trackunit/react-table';
 import { useMemo } from 'react';
 import { Temporal } from '@js-temporal/polyfill';
@@ -99,7 +100,7 @@ const customFieldToCell = (customField, unitTranslation, unitPreference, languag
  * @param {CustomFieldDefinitionArray} customFieldDefinitions - An array of custom field definitions.
  * @returns {ColumnDef<TDataType, CustomFieldData | undefined>[]} - An array of column definitions.
  */
-const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions, unitPreference, language, }) => {
+const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions, unitPreference, language, filterBarDefinition, }) => {
     const { unitTranslation } = useUnitTranslation();
     return useMemo(() => {
         const columnHelper = createColumnHelper();
@@ -109,6 +110,8 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
                 customFieldDefinition.node.id &&
                 customFieldDefinition.node.title &&
                 customFieldDefinition.node.__typename) {
+                const id = CustomFieldPrefix + customFieldDefinition.node.id;
+                const isKeyFound = filterBarDefinition ? !!filterBarDefinition[id] : false;
                 const column = columnHelper.accessor(data => data.customFields?.edges?.find(field => {
                     return field?.node?.definition.id === customFieldDefinition.node?.id;
                 })?.node, {
@@ -118,6 +121,7 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
                     meta: {
                         hiddenByDefault: true,
                         isCustomField: true,
+                        filterName: isKeyFound && filterBarDefinition ? filterBarDefinition[id]?.filterKey : undefined,
                     },
                     cell: cell => {
                         const cellValue = cell.getValue();
@@ -128,7 +132,7 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
             }
         });
         return result;
-    }, [customFieldDefinitions, unitPreference, unitTranslation, language]);
+    }, [filterBarDefinition, customFieldDefinitions, unitTranslation, unitPreference, language]);
 };
 
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-helpers",
-  "version": "1.3.145",
+  "version": "1.3.148",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,13 +9,15 @@
   "dependencies": {
     "react": "19.0.0",
     "@js-temporal/polyfill": "^0.4.4",
-    "@trackunit/i18n-library-translation": "1.3.106",
-    "@trackunit/custom-field-components": "1.3.140",
-    "@trackunit/iris-app-runtime-core": "1.4.101",
-    "@trackunit/react-core-contexts-api": "1.4.100",
-    "@trackunit/react-table-base-components": "1.3.130",
-    "@trackunit/iris-app-runtime-core-api": "1.3.101",
-    "@trackunit/react-table": "1.3.138"
+    "@trackunit/filters-filter-bar": "1.3.154",
+    "@trackunit/filters-graphql-hook": "1.5.29",
+    "@trackunit/i18n-library-translation": "1.3.108",
+    "@trackunit/custom-field-components": "1.3.143",
+    "@trackunit/iris-app-runtime-core": "1.4.103",
+    "@trackunit/react-core-contexts-api": "1.4.101",
+    "@trackunit/react-table-base-components": "1.3.133",
+    "@trackunit/iris-app-runtime-core-api": "1.3.103",
+    "@trackunit/react-table": "1.3.141"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/useColumnDefinitionsFromCustomFieldDefinition/useColumnDefinitionsFromCustomFieldDefinition.d.ts

@@ -1,3 +1,4 @@
+import { FilterBarDefinition } from "@trackunit/filters-filter-bar";
 import { SystemOfMeasurementType } from "@trackunit/react-core-contexts-api";
 import { ColumnDef } from "@trackunit/react-table";
 import { CustomFieldData, CustomFieldDefinitionArray, DataWithCustomFields } from "./types";
@@ -5,6 +6,7 @@ export interface UseColumnDefinitionsFromCustomFieldDefinitionProps {
     customFieldDefinitions?: CustomFieldDefinitionArray;
     unitPreference: SystemOfMeasurementType | null | undefined;
     language?: string;
+    filterBarDefinition?: FilterBarDefinition;
 }
 /**
  * Generates an array of table column definitions based on custom field definitions.
@@ -13,4 +15,4 @@ export interface UseColumnDefinitionsFromCustomFieldDefinitionProps {
  * @param {CustomFieldDefinitionArray} customFieldDefinitions - An array of custom field definitions.
  * @returns {ColumnDef<TDataType, CustomFieldData | undefined>[]} - An array of column definitions.
  */
-export declare const useColumnDefinitionsFromCustomFieldDefinition: <TDataType extends DataWithCustomFields>({ customFieldDefinitions, unitPreference, language, }: UseColumnDefinitionsFromCustomFieldDefinitionProps) => ColumnDef<TDataType, CustomFieldData | undefined>[];
+export declare const useColumnDefinitionsFromCustomFieldDefinition: <TDataType extends DataWithCustomFields>({ customFieldDefinitions, unitPreference, language, filterBarDefinition, }: UseColumnDefinitionsFromCustomFieldDefinitionProps) => ColumnDef<TDataType, CustomFieldData | undefined>[];