@trackunit/react-table-helpers 1.16.7 → 1.16.8-alpha-6c7c4fa43b0.0

package/index.cjs.js

@@ -148,6 +148,20 @@ const customFieldToCell = (customField, unitTranslation, unitPreference, languag
         }
         case "MonetaryFieldValueAndDefinition":
             return jsxRuntime.jsx(reactTableBaseComponents.NumberCell, { value: customField.monetaryValue?.toString() ?? "" });
+        case "FileFieldValueAndDefinition": {
+            const fileName = customField.fileName;
+            const downloadLink = customField.downloadLink;
+            if (!fileName) {
+                return null;
+            }
+            if (!downloadLink) {
+                return jsxRuntime.jsx(reactTableBaseComponents.TextCell, { content: fileName });
+            }
+            const handleClick = event => {
+                event.stopPropagation();
+            };
+            return (jsxRuntime.jsx(reactComponents.ExternalLink, { color: "neutral", href: downloadLink, onClick: handleClick, title: fileName, children: fileName }));
+        }
         default:
             throw new Error(`Unexpected value: ${type}`);
     }
@@ -191,6 +205,8 @@ const customFieldToExportString = (customField, unitTranslation, unitPreference,
         }
         case "MonetaryFieldValueAndDefinition":
             return customField.monetaryValue?.toString() ?? "";
+        case "FileFieldValueAndDefinition":
+            return customField.fileName ?? "";
         default:
             throw new Error(`Unexpected value: ${type}`);
     }
@@ -454,7 +470,8 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
                     header: customFieldDefinition.node.title,
                     id: customFieldDefinition.node.id,
                     enableSorting: customFieldDefinition.node.__typename !== "DropDownFieldDefinition" &&
-                        customFieldDefinition.node.__typename !== "StringListFieldDefinition",
+                        customFieldDefinition.node.__typename !== "StringListFieldDefinition" &&
+                        customFieldDefinition.node.__typename !== "FileFieldDefinition",
                     meta: {
                         fragment: AssetCustomFieldsFragmentDoc,
                         hiddenByDefault: true,

package/index.esm.js

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
-import { Button } from '@trackunit/react-components';
+import { Button, ExternalLink } from '@trackunit/react-components';
 import { useExportDataContext } from '@trackunit/react-core-hooks';
 import { useMemo } from 'react';
 import { Temporal } from '@js-temporal/polyfill';
 import { getCustomFieldValueForDisplayInUI } from '@trackunit/iris-app-runtime-core';
-import { NumberCell, TextCell, TagsCell, PlainDateCell, LinkCell, CheckboxCell } from '@trackunit/react-table-base-components';
+import { TextCell, NumberCell, TagsCell, PlainDateCell, LinkCell, CheckboxCell } from '@trackunit/react-table-base-components';
 import { useUnitTranslation } from '@trackunit/custom-field-components';
 import { CustomFieldPrefix } from '@trackunit/filters-graphql-hook';
 import { createColumnHelper } from '@trackunit/react-table';
@@ -146,6 +146,20 @@ const customFieldToCell = (customField, unitTranslation, unitPreference, languag
         }
         case "MonetaryFieldValueAndDefinition":
             return jsx(NumberCell, { value: customField.monetaryValue?.toString() ?? "" });
+        case "FileFieldValueAndDefinition": {
+            const fileName = customField.fileName;
+            const downloadLink = customField.downloadLink;
+            if (!fileName) {
+                return null;
+            }
+            if (!downloadLink) {
+                return jsx(TextCell, { content: fileName });
+            }
+            const handleClick = event => {
+                event.stopPropagation();
+            };
+            return (jsx(ExternalLink, { color: "neutral", href: downloadLink, onClick: handleClick, title: fileName, children: fileName }));
+        }
         default:
             throw new Error(`Unexpected value: ${type}`);
     }
@@ -189,6 +203,8 @@ const customFieldToExportString = (customField, unitTranslation, unitPreference,
         }
         case "MonetaryFieldValueAndDefinition":
             return customField.monetaryValue?.toString() ?? "";
+        case "FileFieldValueAndDefinition":
+            return customField.fileName ?? "";
         default:
             throw new Error(`Unexpected value: ${type}`);
     }
@@ -452,7 +468,8 @@ const useColumnDefinitionsFromCustomFieldDefinition = ({ customFieldDefinitions,
                     header: customFieldDefinition.node.title,
                     id: customFieldDefinition.node.id,
                     enableSorting: customFieldDefinition.node.__typename !== "DropDownFieldDefinition" &&
-                        customFieldDefinition.node.__typename !== "StringListFieldDefinition",
+                        customFieldDefinition.node.__typename !== "StringListFieldDefinition" &&
+                        customFieldDefinition.node.__typename !== "FileFieldDefinition",
                     meta: {
                         fragment: AssetCustomFieldsFragmentDoc,
                         hiddenByDefault: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-helpers",
-  "version": "1.16.7",
+  "version": "1.16.8-alpha-6c7c4fa43b0.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,20 +8,20 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/filters-filter-bar": "1.15.6",
-    "@trackunit/filters-graphql-hook": "1.18.6",
-    "@trackunit/i18n-library-translation": "1.12.54",
-    "@trackunit/custom-field-components": "1.14.6",
-    "@trackunit/iris-app-runtime-core": "1.13.48",
-    "@trackunit/iris-app-runtime-core-api": "1.12.46",
-    "@trackunit/react-table-base-components": "1.14.3",
-    "@trackunit/react-table": "1.14.7",
+    "@trackunit/filters-filter-bar": "1.15.7-alpha-6c7c4fa43b0.0",
+    "@trackunit/filters-graphql-hook": "1.18.7-alpha-6c7c4fa43b0.0",
+    "@trackunit/i18n-library-translation": "1.12.55-alpha-6c7c4fa43b0.0",
+    "@trackunit/custom-field-components": "1.14.7-alpha-6c7c4fa43b0.0",
+    "@trackunit/iris-app-runtime-core": "1.13.49-alpha-6c7c4fa43b0.0",
+    "@trackunit/iris-app-runtime-core-api": "1.12.47-alpha-6c7c4fa43b0.0",
+    "@trackunit/react-table-base-components": "1.14.4-alpha-6c7c4fa43b0.0",
+    "@trackunit/react-table": "1.14.8-alpha-6c7c4fa43b0.0",
     "@js-temporal/polyfill": "^0.5.1",
     "@tanstack/react-table": "^8.20.6",
-    "@trackunit/react-components": "1.18.3",
-    "@trackunit/react-core-hooks": "1.12.51",
-    "@trackunit/react-graphql-hooks": "1.15.6",
-    "@trackunit/iris-app-api": "1.14.66",
+    "@trackunit/react-components": "1.18.4-alpha-6c7c4fa43b0.0",
+    "@trackunit/react-core-hooks": "1.12.52-alpha-6c7c4fa43b0.0",
+    "@trackunit/react-graphql-hooks": "1.15.7-alpha-6c7c4fa43b0.0",
+    "@trackunit/iris-app-api": "1.14.67-alpha-6c7c4fa43b0.0",
     "@graphql-codegen/cli": "^5.0.3",
     "@graphql-typed-document-node/core": "^3.2.0",
     "graphql": "^16.10.0"

package/src/useColumnDefinitionsFromCustomFieldDefinition/customFieldToCell.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
 import { UnitType } from "@trackunit/custom-field-components";
 import { SystemOfMeasurementType } from "@trackunit/iris-app-runtime-core-api";
+import { ReactNode } from "react";
 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.

package/src/useColumnDefinitionsFromCustomFieldDefinition/customFieldToExportString.d.ts

@@ -1,6 +1,6 @@
 import { UnitType } from "@trackunit/custom-field-components";
-import { ReactNode } from "react";
 import { SystemOfMeasurementType } from "@trackunit/iris-app-runtime-core-api";
+import { ReactNode } from "react";
 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.

package/src/useColumnDefinitionsFromCustomFieldDefinition/types.d.ts

@@ -133,6 +133,7 @@ export type CustomFieldData = {
     valueId?: string | null;
     fileId?: string | null;
     fileName?: string | null;
+    downloadLink?: string | null;
     __typename?: "FileFieldValueAndDefinition";
     definition: {
         __typename?: "FileFieldDefinition";