@trackunit/react-table-helpers 0.0.186 → 0.0.187

package/index.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
+var customFieldComponents = require('@trackunit/custom-field-components');
 var reactTable = require('@trackunit/react-table');
 var react = require('react');
 var irisAppRuntimeCore = require('@trackunit/iris-app-runtime-core');
@@ -54,7 +55,7 @@ const setupLibraryTranslations = () => {
 /**
  * Takes a custom fields data object and returns a react node that can be used as a cell in a table.
  */
-const customFieldToCell = (customField, unitPreference, language) => {
+const customFieldToCell = (customField, unitTranslation, unitPreference, language) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const type = customField.type;
     switch (type) {
@@ -82,10 +83,10 @@ const customFieldToCell = (customField, unitPreference, language) => {
         case "JSON":
             return jsxRuntime.jsx(reactTableBaseComponents.TextCell, { content: (_g = (_f = customField.jsonValue) === null || _f === void 0 ? void 0 : _f.toString()) !== null && _g !== void 0 ? _g : "" });
         case "NUMBER": {
-            const unit = unitPreference === "SI" ? customField.definition.unitSi : customField.definition.unitUs;
+            const unitType = unitPreference === "SI" ? customField.definition.unitSi : customField.definition.unitUs;
             const value = customField.numberValue ? customField.numberValue + "" : undefined;
-            const updatedValue = irisAppRuntimeCore.CustomFieldRuntime.getCustomFieldValueForDisplayInUI(value, unit, unitPreference, language);
-            return jsxRuntime.jsx(reactTableBaseComponents.NumberCell, { value: updatedValue, unit: unit });
+            const updatedValue = irisAppRuntimeCore.CustomFieldRuntime.getCustomFieldValueForDisplayInUI(value, unitType, unitPreference, language);
+            return jsxRuntime.jsx(reactTableBaseComponents.NumberCell, { value: updatedValue, unit: unitTranslation(unitType) });
         }
         case "MONETARY":
             return jsxRuntime.jsx(reactTableBaseComponents.NumberCell, { value: (_j = (_h = customField.numberValue) === null || _h === void 0 ? void 0 : _h.toString()) !== null && _j !== void 0 ? _j : "" });
@@ -105,6 +106,7 @@ function assertNever(value) {
  * @returns {ColumnDef<TDataType, CustomFieldData | undefined>[]} - An array of column definitions.
  */
 const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions, unitPreference, language, }) => {
+    const { unitTranslation } = customFieldComponents.useUnitTranslation();
     return react.useMemo(() => {
         const columnHelper = reactTable.createColumnHelper();
         const result = [];
@@ -125,14 +127,14 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
                     },
                     cell: cell => {
                         const cellValue = cell.getValue();
-                        return cellValue ? customFieldToCell(cellValue, unitPreference, language) : "";
+                        return cellValue ? customFieldToCell(cellValue, unitTranslation, unitPreference, language) : "";
                     },
                 });
                 result.push(column);
             }
         });
         return result;
-    }, [customFieldDefinitions, unitPreference, language]);
+    }, [customFieldDefinitions, unitPreference, unitTranslation, language]);
 };
 
 /*

package/index.esm.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { registerTranslations } from '@trackunit/i18n-library-translation';
+import { useUnitTranslation } from '@trackunit/custom-field-components';
 import { createColumnHelper } from '@trackunit/react-table';
 import { useMemo } from 'react';
 import { CustomFieldRuntime } from '@trackunit/iris-app-runtime-core';
@@ -50,7 +51,7 @@ const setupLibraryTranslations = () => {
 /**
  * Takes a custom fields data object and returns a react node that can be used as a cell in a table.
  */
-const customFieldToCell = (customField, unitPreference, language) => {
+const customFieldToCell = (customField, unitTranslation, unitPreference, language) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const type = customField.type;
     switch (type) {
@@ -78,10 +79,10 @@ const customFieldToCell = (customField, unitPreference, language) => {
         case "JSON":
             return jsx(TextCell, { content: (_g = (_f = customField.jsonValue) === null || _f === void 0 ? void 0 : _f.toString()) !== null && _g !== void 0 ? _g : "" });
         case "NUMBER": {
-            const unit = unitPreference === "SI" ? customField.definition.unitSi : customField.definition.unitUs;
+            const unitType = unitPreference === "SI" ? customField.definition.unitSi : customField.definition.unitUs;
             const value = customField.numberValue ? customField.numberValue + "" : undefined;
-            const updatedValue = CustomFieldRuntime.getCustomFieldValueForDisplayInUI(value, unit, unitPreference, language);
-            return jsx(NumberCell, { value: updatedValue, unit: unit });
+            const updatedValue = CustomFieldRuntime.getCustomFieldValueForDisplayInUI(value, unitType, unitPreference, language);
+            return jsx(NumberCell, { value: updatedValue, unit: unitTranslation(unitType) });
         }
         case "MONETARY":
             return jsx(NumberCell, { value: (_j = (_h = customField.numberValue) === null || _h === void 0 ? void 0 : _h.toString()) !== null && _j !== void 0 ? _j : "" });
@@ -101,6 +102,7 @@ function assertNever(value) {
  * @returns {ColumnDef<TDataType, CustomFieldData | undefined>[]} - An array of column definitions.
  */
 const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions, unitPreference, language, }) => {
+    const { unitTranslation } = useUnitTranslation();
     return useMemo(() => {
         const columnHelper = createColumnHelper();
         const result = [];
@@ -121,14 +123,14 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
                     },
                     cell: cell => {
                         const cellValue = cell.getValue();
-                        return cellValue ? customFieldToCell(cellValue, unitPreference, language) : "";
+                        return cellValue ? customFieldToCell(cellValue, unitTranslation, unitPreference, language) : "";
                     },
                 });
                 result.push(column);
             }
         });
         return result;
-    }, [customFieldDefinitions, unitPreference, language]);
+    }, [customFieldDefinitions, unitPreference, unitTranslation, language]);
 };
 
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-helpers",
-  "version": "0.0.186",
+  "version": "0.0.187",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -13,7 +13,8 @@
     "react": "^18.2.0",
     "@trackunit/i18n-library-translation": "*",
     "@trackunit/iris-app-runtime-core": "*",
-    "@trackunit/react-table-base-components": "*"
+    "@trackunit/react-table-base-components": "*",
+    "@trackunit/custom-field-components": "*"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js"

package/src/useColumnDefinitionsFromCustomFieldDefinition/customFiledToTableCell.d.ts

@@ -1,6 +1,7 @@
+import { UnitType } from "@trackunit/custom-field-components";
 import { SystemOfMeasurementType } from "@trackunit/react-core-contexts-api";
 import { CustomFieldData } from "./types";
 /**
  * Takes a custom fields data object and returns a react node that can be used as a cell in a table.
  */
-export declare const customFieldToCell: (customField: CustomFieldData, unitPreference?: SystemOfMeasurementType, language?: string) => React.ReactNode;
+export declare const customFieldToCell: (customField: CustomFieldData, unitTranslation: (unit: UnitType) => string | null, unitPreference?: SystemOfMeasurementType, language?: string) => React.ReactNode;