@jmruthers/pace-core 0.5.94 → 0.5.97

package/dist/{DataTable-CHX2EFO3.js → DataTable-FB22ES46.js}

@@ -53,7 +53,7 @@ import {
   sortHierarchicalDataWithSorting,
   validateHierarchicalData,
   validatePaginationConfig
-} from "./chunk-PRM6EYO3.js";
+} from "./chunk-QX5I62KP.js";
 import "./chunk-2KLAOD4M.js";
 import "./chunk-S63MFSY6.js";
 import "./chunk-Q7APDV6H.js";
@@ -155,4 +155,4 @@ export {
   validateHierarchicalData,
   validatePaginationConfig
 };
-//# sourceMappingURL=DataTable-CHX2EFO3.js.map
+//# sourceMappingURL=DataTable-FB22ES46.js.map

package/dist/{PublicLoadingSpinner-BWUD6bLU.d.ts → PublicLoadingSpinner-B84QWsvB.d.ts}

@@ -2962,6 +2962,13 @@ interface FileDisplayProps {
     showDelete?: boolean;
     className?: string;
     children?: React__default.ReactNode;
+    /** Custom loading component to render during data fetching */
+    loadingComponent?: React__default.ComponentType;
+    /** Custom error component to render when an error occurs */
+    errorComponent?: React__default.ComponentType<{
+        error: Error | string | null;
+        retry?: () => void;
+    }>;
 }
 /**
  * Component for displaying file references with context-awareness
@@ -2979,7 +2986,7 @@ interface FileDisplayProps {
  * @param props.category - Optional category filter. When specified, only displays files matching this category and uses single file display variant.
  * @returns React element with file display
  */
-declare function FileDisplay({ supabase, table_name, record_id, organisation_id, category, displayOnly, showUpload, showDelete, className, children }: FileDisplayProps): react_jsx_runtime.JSX.Element;
+declare function FileDisplay({ supabase, table_name, record_id, organisation_id, category, displayOnly, showUpload, showDelete, className, children, loadingComponent, errorComponent }: FileDisplayProps): react_jsx_runtime.JSX.Element;
 
 declare function useFileReference(supabase: SupabaseClient): {
     isLoading: boolean;

package/dist/{chunk-PRM6EYO3.js → chunk-QX5I62KP.js}

@@ -8914,11 +8914,40 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
 
 // src/components/DataTable/components/DataTableModals.tsx
 import { Fragment as Fragment3, jsx as jsx19 } from "react/jsx-runtime";
+function mapCSVToTableColumns(csvData, columns) {
+  const columnMap = /* @__PURE__ */ new Map();
+  columns.forEach((col) => {
+    const fieldName = col.editAccessorKey || col.accessorKey || col.id;
+    const header = typeof col.header === "string" ? col.header : "";
+    if (fieldName && header) {
+      columnMap.set(header.toLowerCase(), fieldName);
+      const colId = col.id || col.accessorKey;
+      if (colId && colId !== header && colId !== fieldName) {
+        columnMap.set(colId.toLowerCase(), fieldName);
+      }
+      if (col.editAccessorKey && header) {
+        const idColumnHeader = `${header} (ID)`;
+        columnMap.set(idColumnHeader.toLowerCase(), col.editAccessorKey);
+        columnMap.set(col.editAccessorKey.toLowerCase(), col.editAccessorKey);
+      }
+    }
+  });
+  return csvData.map((row) => {
+    const mappedRow = {};
+    Object.keys(row).forEach((csvHeader) => {
+      const csvHeaderLower = csvHeader.toLowerCase();
+      const fieldName = columnMap.get(csvHeaderLower) || csvHeaderLower;
+      mappedRow[fieldName] = row[csvHeader];
+    });
+    return mappedRow;
+  });
+}
 function DataTableModals({
   showImportModal,
   onCloseImportModal,
   onImport,
   importModalConfig,
+  columns,
   onStoreFocus,
   onRestoreFocus
 }) {
@@ -8937,7 +8966,13 @@ function DataTableModals({
     {
       isOpen: showImportModal,
       onClose: onCloseImportModal,
-      onImport,
+      onImport: async (rawData) => {
+        const mappedData = columns ? mapCSVToTableColumns(rawData, columns) : rawData;
+        const result = onImport(mappedData);
+        if (result && typeof result.then === "function") {
+          await result;
+        }
+      },
       config: importModalConfig
     }
   ) });
@@ -10218,8 +10253,18 @@ function generateCSVContent(data, columns, options = {}) {
   });
   const csvData = data.map((row) => {
     return columns.map((col) => {
-      const key = col.accessorKey || col.id;
-      let value = key ? row[key] : void 0;
+      let value;
+      if (col.accessorFn) {
+        try {
+          value = col.accessorFn(row);
+        } catch (error) {
+          console.warn("Error evaluating accessorFn for column:", col.id || col.header, error);
+          value = void 0;
+        }
+      } else {
+        const key = col.accessorKey || col.id;
+        value = key ? row[key] : void 0;
+      }
       if (locale && (typeof value === "number" || value instanceof Date || typeof value === "boolean")) {
         value = formatLocaleValue(value, locale);
       }
@@ -11672,13 +11717,37 @@ function DataTableInternal({
                 onExport: secureHandlers.onExport || (async () => {
                   try {
                     const currentData = table.getFilteredRowModel().rows.map((row) => row.original);
-                    const visibleColumns2 = columns.filter((col) => {
-                      const column = table.getColumn(col.accessorKey);
-                      return column && column.getIsVisible();
-                    }).map((col) => ({
-                      ...col,
-                      header: typeof col.header === "string" ? col.header : col.accessorKey || "Column"
-                    }));
+                    const tableColumns = table.getAllColumns();
+                    const visibleTableColumns = tableColumns.filter((col) => {
+                      const isSystemColumn = col.id === "select" || col.id === "actions";
+                      return !isSystemColumn && col.getIsVisible();
+                    });
+                    const visibleColumns2 = [];
+                    visibleTableColumns.forEach((tableCol) => {
+                      const originalCol = columns.find((col) => {
+                        const colId = col.id || col.accessorKey;
+                        return colId && String(colId) === tableCol.id;
+                      });
+                      if (!originalCol) return;
+                      const hasAccessorFn = "accessorFn" in originalCol && originalCol.accessorFn;
+                      const editAccessorKey = originalCol.editAccessorKey;
+                      visibleColumns2.push({
+                        ...originalCol,
+                        header: typeof originalCol.header === "string" ? originalCol.header : originalCol.accessorKey || tableCol.id || "Column",
+                        // Preserve accessorFn if present (for computed/reference fields)
+                        // accessorFn is part of ColumnDef from TanStack Table
+                        accessorFn: hasAccessorFn ? originalCol.accessorFn : void 0
+                      });
+                      if (hasAccessorFn && editAccessorKey) {
+                        visibleColumns2.push({
+                          id: editAccessorKey,
+                          accessorKey: editAccessorKey,
+                          header: `${originalCol.header || "ID"} (ID)`,
+                          isIdColumn: true,
+                          editAccessorKey
+                        });
+                      }
+                    });
                     const timestamp = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
                     const filename = title ? `${title.replace(/[^a-z0-9]/gi, "_").toLowerCase()}_${timestamp}.csv` : `data_export_${timestamp}.csv`;
                     await exportToCSV(currentData, visibleColumns2, filename);
@@ -11872,7 +11941,13 @@ function DataTableInternal({
           }
           stateActions.setImportModal(false);
         },
-        importModalConfig
+        importModalConfig,
+        columns: columns.map((col) => ({
+          id: col.id,
+          accessorKey: col.accessorKey,
+          header: typeof col.header === "string" ? col.header : void 0,
+          editAccessorKey: col.editAccessorKey
+        }))
       }
     )
   ] });
@@ -12119,4 +12194,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-PRM6EYO3.js.map
+//# sourceMappingURL=chunk-QX5I62KP.js.map