@vuu-ui/vuu-table-extras 2.1.17 → 2.1.18

package/esm/packages/vuu-table-extras/src/csv-upload/useCsvUpload.js

@@ -0,0 +1,304 @@
+import { isSessionTable, isRpcSuccess } from '@vuu-ui/vuu-utils';
+import { useState, useRef, useCallback, useMemo } from 'react';
+import { parseCsv } from './parse/csv-parse.js';
+import { validateCsvAgainstSchema } from './parse/csv-schema-validation.js';
+import { executeBatchRpcCalls, buildRowErrorMessage, hasFileParseErrors, createUploadError, mergeValidationWithParseErrors, toErrorMessage, isCsvParseError, normalizeTableData } from './parse/csv-upload-utils.js';
+import { CSV_FIRST_DATA_ROW_NUMBER } from './parse/csv-constants.js';
+
+const useCsvUpload = ({
+  dataSource,
+  onEditSessionEnded,
+  onEditSessionStarted,
+  onError,
+  onImported,
+  onProcessingStarted,
+  maxRows,
+  parseOptions
+}) => {
+  const [validation, setValidation] = useState();
+  const [sessionTable, setSessionTable] = useState();
+  const [isProcessingFile, setIsProcessingFile] = useState(false);
+  const [isImporting, setIsImporting] = useState(false);
+  const sessionTableRef = useRef(void 0);
+  const setActiveSessionTable = useCallback(
+    (table2) => {
+      sessionTableRef.current = table2;
+      if (table2) {
+        const sessionDs = dataSource.createSessionDataSource?.(table2);
+        if (sessionDs) {
+          onEditSessionStarted?.(sessionDs);
+        }
+      }
+      setSessionTable(table2);
+    },
+    [dataSource, onEditSessionStarted]
+  );
+  const endEditSessionAndNotify = useCallback(
+    async (save, reason) => {
+      if (!dataSource.endEditSession) {
+        throw Error("CsvUpload requires datasource endEditSession support.");
+      }
+      const currentSessionTable = sessionTableRef.current;
+      const result = await dataSource.endEditSession(save);
+      setActiveSessionTable(void 0);
+      onEditSessionEnded?.({
+        reason,
+        sessionTable: currentSessionTable
+      });
+      return result;
+    },
+    [dataSource, onEditSessionEnded, setActiveSessionTable]
+  );
+  const table = dataSource.table;
+  const schema = dataSource.tableSchema;
+  const addAllRows = useCallback(
+    async (mergedValidation) => {
+      if (table === void 0) {
+        throw Error("CsvUpload requires dataSource.table to be defined.");
+      }
+      const vuuMsgByRow = /* @__PURE__ */ new Map();
+      for (const { rowNum, column, message } of mergedValidation.errors) {
+        if (rowNum < CSV_FIRST_DATA_ROW_NUMBER) continue;
+        const existing = vuuMsgByRow.get(rowNum);
+        const columnError = `${column}: ${message}`;
+        vuuMsgByRow.set(
+          rowNum,
+          existing ? `${existing}; ${columnError}` : `Row ${rowNum}: ${columnError}`
+        );
+      }
+      const parsedRowCount = mergedValidation.rows.length;
+      const unparsedErrorRows = [...vuuMsgByRow.keys()].filter((rowNum) => rowNum - CSV_FIRST_DATA_ROW_NUMBER >= parsedRowCount).map((rowNum) => ({
+        rowNum,
+        rowData: {},
+        vuuMsg: vuuMsgByRow.get(rowNum) ?? ""
+      }));
+      const allRows = [
+        ...mergedValidation.rows.map((rowData, idx) => ({
+          rowNum: idx + CSV_FIRST_DATA_ROW_NUMBER,
+          rowData: rowData ?? {},
+          vuuMsg: vuuMsgByRow.get(idx + CSV_FIRST_DATA_ROW_NUMBER) ?? ""
+        })),
+        ...unparsedErrorRows
+      ];
+      const { errors: rpcErrors } = await executeBatchRpcCalls(
+        allRows,
+        async ({ rowNum, rowData, vuuMsg }) => {
+          const payload = { ...rowData, rowNum, vuuMsg };
+          const result = await dataSource.rpcRequest?.({
+            type: "RPC_REQUEST",
+            rpcName: "addRow",
+            params: {
+              key: String(rowNum),
+              data: payload
+            }
+          });
+          if (!isRpcSuccess(result)) {
+            const msg = result && "errorMessage" in result ? String(result.errorMessage) : "addRow RPC failed";
+            throw Error(msg);
+          }
+          return result;
+        },
+        ({ rowNum }, error) => `Row ${rowNum}: ${error}`
+      );
+      if (rpcErrors.length > 0) {
+        const errorMessage = buildRowErrorMessage("Import failed", rpcErrors);
+        const errors = {
+          importError: createUploadError("import", errorMessage)
+        };
+        onError?.({ errors });
+      }
+    },
+    [dataSource, onError, table]
+  );
+  const beginEditSession = useCallback(async () => {
+    if (!dataSource.beginEditSession) {
+      throw Error("CsvUpload requires datasource beginEditSession support.");
+    }
+    const sessionDataSource = await dataSource.beginEditSession("empty-session-table");
+    const sessionVuuTable = sessionDataSource?.table;
+    if (sessionVuuTable && isSessionTable(sessionVuuTable)) {
+      setActiveSessionTable(sessionVuuTable);
+    }
+  }, [dataSource, setActiveSessionTable]);
+  const closePendingEditSession = useCallback(
+    async (save) => {
+      if (sessionTableRef.current === void 0) {
+        return;
+      }
+      await endEditSessionAndNotify(save, save ? "saved" : "discarded");
+    },
+    [endEditSessionAndNotify]
+  );
+  const processFile = useCallback(
+    async (file) => {
+      setValidation(void 0);
+      onError?.(void 0);
+      await closePendingEditSession(false);
+      if (schema === void 0) {
+        throw Error("Table schema is not yet available.");
+      }
+      if (table === void 0) {
+        throw Error("CsvUpload requires dataSource.table to be defined.");
+      }
+      const parsedCsv = parseCsv(await file.text(), parseOptions);
+      if (parsedCsv.error && hasFileParseErrors(parsedCsv.error)) {
+        setValidation(void 0);
+        onError?.({
+          errors: {
+            validationError: createUploadError(
+              "validation",
+              `Validation failed: ${parsedCsv.error.message}`,
+              parsedCsv.error
+            )
+          }
+        });
+        return;
+      }
+      const schemaValidation = validateCsvAgainstSchema(parsedCsv, schema, {
+        maxRows
+      });
+      if (Object.keys(schemaValidation.errorMap.fileErrors).length > 0) {
+        setValidation(schemaValidation);
+        onError?.({
+          errors: {
+            schemaError: createUploadError(
+              "schema",
+              "CSV validation failed.",
+              parsedCsv.error,
+              {
+                errorMap: schemaValidation.errorMap,
+                errors: schemaValidation.errors,
+                message: "CSV validation failed."
+              }
+            )
+          }
+        });
+        return;
+      }
+      const mergedValidation = mergeValidationWithParseErrors(
+        schemaValidation,
+        parsedCsv.error
+      );
+      setValidation(mergedValidation);
+      if (mergedValidation.rows.length > 0) {
+        await beginEditSession();
+        try {
+          await addAllRows(mergedValidation);
+        } catch (error) {
+          await endEditSessionAndNotify(false, "failed");
+          setValidation(void 0);
+          onError?.({
+            errors: {
+              importError: createUploadError(
+                "import",
+                `RPC import failed: ${toErrorMessage(error)}`
+              )
+            }
+          });
+        }
+      }
+    },
+    [
+      onError,
+      addAllRows,
+      maxRows,
+      parseOptions,
+      beginEditSession,
+      closePendingEditSession,
+      table,
+      endEditSessionAndNotify,
+      schema
+    ]
+  );
+  const handleFiles = useCallback(
+    async (files) => {
+      const file = files[0];
+      if (file === void 0) {
+        return;
+      }
+      setIsProcessingFile(true);
+      onProcessingStarted?.();
+      try {
+        await processFile(file);
+      } catch (err) {
+        setValidation(void 0);
+        setActiveSessionTable(void 0);
+        const parseError = isCsvParseError(err) ? err : void 0;
+        const errorMessage = parseError ? `Validation failed: ${parseError.message}` : `Validation failed: ${toErrorMessage(err)}`;
+        const errors = {
+          errors: {
+            validationError: createUploadError(
+              "validation",
+              errorMessage,
+              parseError
+            )
+          }
+        };
+        onError?.(errors);
+      } finally {
+        setIsProcessingFile(false);
+      }
+    },
+    [onError, onProcessingStarted, processFile, setActiveSessionTable]
+  );
+  const onDrop = useCallback(
+    (_event, files) => {
+      handleFiles(files);
+    },
+    [handleFiles]
+  );
+  const onTriggerChange = useCallback(
+    (_event, files) => {
+      handleFiles(files);
+    },
+    [handleFiles]
+  );
+  const canImport = useMemo(
+    () => validation !== void 0 && validation.errors.length === 0 && validation.rows.length > 0 && !isProcessingFile && !isImporting,
+    [isImporting, isProcessingFile, validation]
+  );
+  const importData = useCallback(async () => {
+    if (!canImport || validation === void 0) {
+      return;
+    }
+    setIsImporting(true);
+    onError?.(void 0);
+    try {
+      const rpcResult = await endEditSessionAndNotify(true, "saved");
+      const fallbackTableData = {
+        columns: validation.columns,
+        rows: validation.rows.map(
+          (row) => validation.columns.map((column) => row[column] ?? "")
+        )
+      };
+      onImported?.({
+        rpcResult,
+        tableData: normalizeTableData(rpcResult, fallbackTableData)
+      });
+    } catch (err) {
+      const errorMessage = `RPC import failed: ${String(err)}`;
+      const errors = {
+        errors: {
+          importError: createUploadError("import", errorMessage)
+        }
+      };
+      onError?.(errors);
+    } finally {
+      setIsImporting(false);
+    }
+  }, [canImport, endEditSessionAndNotify, onError, onImported, validation]);
+  return {
+    canImport,
+    importData,
+    isImporting,
+    isProcessingFile,
+    onDrop,
+    onTriggerChange,
+    sessionTable,
+    schema,
+    validation
+  };
+};
+
+export { useCsvUpload };
+//# sourceMappingURL=useCsvUpload.js.map

package/esm/packages/vuu-table-extras/src/csv-upload/useCsvUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCsvUpload.js","sources":["../../../../../../../packages/vuu-table-extras/src/csv-upload/useCsvUpload.ts"],"sourcesContent":["import type { DataSource, TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { isRpcSuccess, isSessionTable } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { parseCsv, type CsvParseOptions } from \"./parse/csv-parse\";\nimport {\n  type CsvValidationResult,\n  validateCsvAgainstSchema,\n} from \"./parse/csv-schema-validation\";\nimport {\n  buildRowErrorMessage,\n  createUploadError,\n  executeBatchRpcCalls,\n  hasFileParseErrors,\n  isCsvParseError,\n  normalizeTableData,\n  mergeValidationWithParseErrors,\n  toErrorMessage,\n} from \"./parse/csv-upload-utils\";\nimport { CSV_FIRST_DATA_ROW_NUMBER } from \"./parse/csv-constants\";\nimport type {\n  CsvUploadErrorResult,\n  CsvUploadImportedResult,\n  CsvUploadErrors,\n  CsvUploadSessionEndReason,\n  CsvUploadSessionEndResult,\n  CsvUploadSessionTable,\n} from \"./CsvUpload\";\n\nexport interface CsvUploadHookProps {\n  dataSource: DataSource;\n  maxRows?: number;\n  onEditSessionEnded?: (result: CsvUploadSessionEndResult) => void;\n  onEditSessionStarted?: (dataSource: DataSource) => void;\n  onError?: (result: CsvUploadErrorResult | undefined) => void;\n  onImported?: (result: CsvUploadImportedResult) => void;\n  onProcessingStarted?: () => void;\n  parseOptions?: CsvParseOptions;\n}\n\nexport type UseCsvUploadReturn = {\n  canImport: boolean;\n  importData: () => Promise<void>;\n  isImporting: boolean;\n  isProcessingFile: boolean;\n  onDrop: (_event: React.DragEvent<HTMLDivElement>, files: File[]) => void;\n  onTriggerChange: (\n    _event: React.ChangeEvent<HTMLInputElement>,\n    files: File[],\n  ) => void;\n  sessionTable: CsvUploadSessionTable | undefined;\n  schema: TableSchema | undefined;\n  validation: CsvValidationResult | undefined;\n};\n\nexport const useCsvUpload = ({\n  dataSource,\n  onEditSessionEnded,\n  onEditSessionStarted,\n  onError,\n  onImported,\n  onProcessingStarted,\n  maxRows,\n  parseOptions,\n}: CsvUploadHookProps): UseCsvUploadReturn => {\n  const [validation, setValidation] = useState<\n    CsvValidationResult | undefined\n  >();\n  const [sessionTable, setSessionTable] = useState<\n    CsvUploadSessionTable | undefined\n  >();\n  const [isProcessingFile, setIsProcessingFile] = useState(false);\n  const [isImporting, setIsImporting] = useState(false);\n  const sessionTableRef = useRef<CsvUploadSessionTable | undefined>(undefined);\n\n  const setActiveSessionTable = useCallback(\n    (table?: CsvUploadSessionTable) => {\n      sessionTableRef.current = table;\n      if (table) {\n        const sessionDs = dataSource.createSessionDataSource?.(table);\n        if (sessionDs) {\n          onEditSessionStarted?.(sessionDs);\n        }\n      }\n      setSessionTable(table);\n    },\n    [dataSource, onEditSessionStarted],\n  );\n\n  const endEditSessionAndNotify = useCallback(\n    async (save: boolean, reason: CsvUploadSessionEndReason) => {\n      if (!dataSource.endEditSession) {\n        throw Error(\"CsvUpload requires datasource endEditSession support.\");\n      }\n      const currentSessionTable = sessionTableRef.current;\n      const result = await dataSource.endEditSession(save);\n\n      setActiveSessionTable(undefined);\n      onEditSessionEnded?.({\n        reason,\n        sessionTable: currentSessionTable,\n      });\n      return result;\n    },\n    [dataSource, onEditSessionEnded, setActiveSessionTable],\n  );\n\n  const table = dataSource.table;\n  const schema = dataSource.tableSchema;\n\n  const addAllRows = useCallback(\n    async (mergedValidation: CsvValidationResult) => {\n      if (table === undefined) {\n        throw Error(\"CsvUpload requires dataSource.table to be defined.\");\n      }\n\n      const vuuMsgByRow = new Map<number, string>();\n      for (const { rowNum, column, message } of mergedValidation.errors) {\n        if (rowNum < CSV_FIRST_DATA_ROW_NUMBER) continue;\n        const existing = vuuMsgByRow.get(rowNum);\n        const columnError = `${column}: ${message}`;\n        vuuMsgByRow.set(\n          rowNum,\n          existing ? `${existing}; ${columnError}` : `Row ${rowNum}: ${columnError}`,\n        );\n      }\n\n      const parsedRowCount = mergedValidation.rows.length;\n      const unparsedErrorRows = [...vuuMsgByRow.keys()]\n        .filter((rowNum) => rowNum - CSV_FIRST_DATA_ROW_NUMBER >= parsedRowCount)\n        .map((rowNum) => ({\n          rowNum,\n          rowData: {} as Record<string, VuuRowDataItemType>,\n          vuuMsg: vuuMsgByRow.get(rowNum) ?? \"\",\n        }));\n\n      const allRows = [\n        ...mergedValidation.rows.map((rowData, idx) => ({\n          rowNum: idx + CSV_FIRST_DATA_ROW_NUMBER,\n          rowData: rowData ?? {},\n          vuuMsg: vuuMsgByRow.get(idx + CSV_FIRST_DATA_ROW_NUMBER) ?? \"\",\n        })),\n        ...unparsedErrorRows,\n      ];\n\n      const { errors: rpcErrors } = await executeBatchRpcCalls(\n        allRows,\n        async ({ rowNum, rowData, vuuMsg }) => {\n          const payload = { ...rowData, rowNum, vuuMsg };\n          const result = await dataSource.rpcRequest?.({\n            type: \"RPC_REQUEST\",\n            rpcName: \"addRow\",\n            params: {\n              key: String(rowNum),\n              data: payload,\n            },\n          });\n          if (!isRpcSuccess(result)) {\n            const msg =\n              result && \"errorMessage\" in result\n                ? String(result.errorMessage)\n                : \"addRow RPC failed\";\n            throw Error(msg);\n          }\n          return result;\n        },\n        ({ rowNum }, error) => `Row ${rowNum}: ${error}`,\n      );\n\n      if (rpcErrors.length > 0) {\n        const errorMessage = buildRowErrorMessage(\"Import failed\", rpcErrors);\n        const errors: CsvUploadErrors = {\n          importError: createUploadError(\"import\", errorMessage),\n        };\n        onError?.({ errors });\n      }\n    },\n    [dataSource, onError, table],\n  );\n\n  const beginEditSession = useCallback(async () => {\n    if (!dataSource.beginEditSession) {\n      throw Error(\"CsvUpload requires datasource beginEditSession support.\");\n    }\n\n    const sessionDataSource = await dataSource.beginEditSession(\"empty-session-table\");\n\n    const sessionVuuTable = sessionDataSource?.table;\n    if (sessionVuuTable && isSessionTable(sessionVuuTable)) {\n      setActiveSessionTable(sessionVuuTable as CsvUploadSessionTable);\n    }\n  }, [dataSource, setActiveSessionTable]);\n\n  const closePendingEditSession = useCallback(\n    async (save: boolean) => {\n      if (sessionTableRef.current === undefined) {\n        return;\n      }\n      await endEditSessionAndNotify(save, save ? \"saved\" : \"discarded\");\n    },\n    [endEditSessionAndNotify],\n  );\n\n  const processFile = useCallback(\n    async (file: File) => {\n      setValidation(undefined);\n      onError?.(undefined);\n\n      await closePendingEditSession(false);\n\n      if (schema === undefined) {\n        throw Error(\"Table schema is not yet available.\");\n      }\n\n      if (table === undefined) {\n        throw Error(\"CsvUpload requires dataSource.table to be defined.\");\n      }\n\n      const parsedCsv = parseCsv(await file.text(), parseOptions);\n      if (parsedCsv.error && hasFileParseErrors(parsedCsv.error)) {\n        setValidation(undefined);\n        onError?.({\n          errors: {\n            validationError: createUploadError(\n              \"validation\",\n              `Validation failed: ${parsedCsv.error.message}`,\n              parsedCsv.error,\n            ),\n          },\n        });\n        return;\n      }\n\n      const schemaValidation = validateCsvAgainstSchema(parsedCsv, schema, {\n        maxRows,\n      });\n\n      if (Object.keys(schemaValidation.errorMap.fileErrors).length > 0) {\n        setValidation(schemaValidation);\n        onError?.({\n          errors: {\n            schemaError: createUploadError(\n              \"schema\",\n              \"CSV validation failed.\",\n              parsedCsv.error,\n              {\n                errorMap: schemaValidation.errorMap,\n                errors: schemaValidation.errors,\n                message: \"CSV validation failed.\",\n              },\n            ),\n          },\n        });\n        return;\n      }\n\n      const mergedValidation = mergeValidationWithParseErrors(\n        schemaValidation,\n        parsedCsv.error,\n      );\n\n      setValidation(mergedValidation);\n\n      if (mergedValidation.rows.length > 0) {\n        await beginEditSession();\n\n        try {\n          await addAllRows(mergedValidation);\n        } catch (error) {\n          await endEditSessionAndNotify(false, \"failed\");\n          setValidation(undefined);\n          onError?.({\n            errors: {\n              importError: createUploadError(\n                \"import\",\n                `RPC import failed: ${toErrorMessage(error)}`,\n              ),\n            },\n          });\n        }\n      }\n    },\n    [\n      onError,\n      addAllRows,\n      maxRows,\n      parseOptions,\n      beginEditSession,\n      closePendingEditSession,\n      table,\n      endEditSessionAndNotify,\n      schema,\n    ],\n  );\n\n  const handleFiles = useCallback(\n    async (files: File[]) => {\n      const file = files[0];\n      if (file === undefined) {\n        return;\n      }\n      setIsProcessingFile(true);\n      onProcessingStarted?.();\n      try {\n        await processFile(file);\n      } catch (err) {\n        setValidation(undefined);\n        setActiveSessionTable(undefined);\n        const parseError = isCsvParseError(err) ? err : undefined;\n        const errorMessage = parseError\n          ? `Validation failed: ${parseError.message}`\n          : `Validation failed: ${toErrorMessage(err)}`;\n        const errors: CsvUploadErrorResult = {\n          errors: {\n            validationError: createUploadError(\n              \"validation\",\n              errorMessage,\n              parseError,\n            ),\n          },\n        };\n        onError?.(errors);\n      } finally {\n        setIsProcessingFile(false);\n      }\n    },\n    [onError, onProcessingStarted, processFile, setActiveSessionTable],\n  );\n\n  const onDrop = useCallback(\n    (_event: React.DragEvent<HTMLDivElement>, files: File[]) => {\n      handleFiles(files);\n    },\n    [handleFiles],\n  );\n\n  const onTriggerChange = useCallback(\n    (_event: React.ChangeEvent<HTMLInputElement>, files: File[]) => {\n      handleFiles(files);\n    },\n    [handleFiles],\n  );\n\n  const canImport = useMemo(\n    () =>\n      validation !== undefined &&\n      validation.errors.length === 0 &&\n      validation.rows.length > 0 &&\n      !isProcessingFile &&\n      !isImporting,\n    [isImporting, isProcessingFile, validation],\n  );\n\n  const importData = useCallback(async () => {\n    if (!canImport || validation === undefined) {\n      return;\n    }\n\n    setIsImporting(true);\n    onError?.(undefined);\n\n    try {\n      const rpcResult = await endEditSessionAndNotify(true, \"saved\");\n\n      const fallbackTableData = {\n        columns: validation.columns,\n        rows: validation.rows.map((row) =>\n          validation.columns.map((column) => row[column] ?? \"\"),\n        ),\n      };\n\n      onImported?.({\n        rpcResult,\n        tableData: normalizeTableData(rpcResult, fallbackTableData),\n      });\n    } catch (err) {\n      const errorMessage = `RPC import failed: ${String(err)}`;\n      const errors: CsvUploadErrorResult = {\n        errors: {\n          importError: createUploadError(\"import\", errorMessage),\n        },\n      };\n      onError?.(errors);\n    } finally {\n      setIsImporting(false);\n    }\n  }, [canImport, endEditSessionAndNotify, onError, onImported, validation]);\n\n  return {\n    canImport,\n    importData,\n    isImporting,\n    isProcessingFile,\n    onDrop,\n    onTriggerChange,\n    sessionTable,\n    schema,\n    validation,\n  };\n};\n"],"names":["table"],"mappings":"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"}

package/esm/packages/vuu-table-extras/src/csv-upload/useCsvUploadSessionPreview.js

@@ -0,0 +1,71 @@
+import { useData } from '@vuu-ui/vuu-utils';
+import { useState, useEffect } from 'react';
+
+const useCsvUploadSessionPreview = (sessionTable) => {
+  const { VuuDataSource, getServerAPI } = useData();
+  const [previewConfig, setPreviewConfig] = useState();
+  const [previewDataSource, setPreviewDataSource] = useState();
+  const [previewError, setPreviewError] = useState();
+  const [isLoadingPreview, setIsLoadingPreview] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    if (!sessionTable) {
+      setPreviewDataSource(void 0);
+      setPreviewConfig(void 0);
+      setPreviewError(void 0);
+      setIsLoadingPreview(false);
+      return;
+    }
+    const loadSessionTablePreview = async () => {
+      setIsLoadingPreview(true);
+      setPreviewError(void 0);
+      try {
+        const server = await getServerAPI();
+        const schema = await server.getTableSchema(sessionTable);
+        if (cancelled) {
+          return;
+        }
+        const columnDescriptors = schema.columns.map(
+          ({ name, serverDataType }) => name === "vuuMsg" ? { name, serverDataType, width: 300, label: "Error" } : { name, serverDataType }
+        );
+        setPreviewConfig({
+          columns: columnDescriptors,
+          zebraStripes: true,
+          rowSeparators: true,
+          columnSeparators: true
+        });
+        setPreviewDataSource(
+          new VuuDataSource({
+            columns: columnDescriptors.map(({ name }) => name),
+            table: sessionTable
+          })
+        );
+      } catch (error) {
+        if (!cancelled) {
+          setPreviewDataSource(void 0);
+          setPreviewConfig(void 0);
+          setPreviewError(
+            `Failed to load session table preview: ${String(error)}`
+          );
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoadingPreview(false);
+        }
+      }
+    };
+    loadSessionTablePreview();
+    return () => {
+      cancelled = true;
+    };
+  }, [VuuDataSource, getServerAPI, sessionTable]);
+  return {
+    isLoadingPreview,
+    previewConfig,
+    previewDataSource,
+    previewError
+  };
+};
+
+export { useCsvUploadSessionPreview };
+//# sourceMappingURL=useCsvUploadSessionPreview.js.map

package/esm/packages/vuu-table-extras/src/csv-upload/useCsvUploadSessionPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCsvUploadSessionPreview.js","sources":["../../../../../../../packages/vuu-table-extras/src/csv-upload/useCsvUploadSessionPreview.ts"],"sourcesContent":["import type { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { useData } from \"@vuu-ui/vuu-utils\";\nimport type { ColumnDescriptor, TableConfig } from \"@vuu-ui/vuu-table-types\";\nimport { useEffect, useState } from \"react\";\nimport type { CsvUploadSessionTable } from \"./CsvUpload\";\n\nexport type UseCsvUploadSessionPreviewReturn = {\n  isLoadingPreview: boolean;\n  previewConfig: TableConfig | undefined;\n  previewDataSource: DataSource | undefined;\n  previewError: string | undefined;\n};\n\nexport const useCsvUploadSessionPreview = (\n  sessionTable: CsvUploadSessionTable | undefined,\n): UseCsvUploadSessionPreviewReturn => {\n  const { VuuDataSource, getServerAPI } = useData();\n  const [previewConfig, setPreviewConfig] = useState<TableConfig | undefined>();\n  const [previewDataSource, setPreviewDataSource] = useState<\n    DataSource | undefined\n  >();\n  const [previewError, setPreviewError] = useState<string | undefined>();\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    if (!sessionTable) {\n      setPreviewDataSource(undefined);\n      setPreviewConfig(undefined);\n      setPreviewError(undefined);\n      setIsLoadingPreview(false);\n      return;\n    }\n\n    const loadSessionTablePreview = async () => {\n      setIsLoadingPreview(true);\n      setPreviewError(undefined);\n\n      try {\n        const server = await getServerAPI();\n        const schema = await server.getTableSchema(sessionTable);\n\n        if (cancelled) {\n          return;\n        }\n\n        const columnDescriptors: ColumnDescriptor[] = schema.columns.map(\n          ({ name, serverDataType }) =>\n            name === \"vuuMsg\"\n              ? { name, serverDataType, width: 300, label: \"Error\" }\n              : { name, serverDataType },\n        );\n\n        setPreviewConfig({\n          columns: columnDescriptors,\n          zebraStripes: true,\n          rowSeparators: true,\n          columnSeparators: true,\n        });\n        setPreviewDataSource(\n          new VuuDataSource({\n            columns: columnDescriptors.map(({ name }) => name),\n            table: sessionTable,\n          }),\n        );\n      } catch (error) {\n        if (!cancelled) {\n          setPreviewDataSource(undefined);\n          setPreviewConfig(undefined);\n          setPreviewError(\n            `Failed to load session table preview: ${String(error)}`,\n          );\n        }\n      } finally {\n        if (!cancelled) {\n          setIsLoadingPreview(false);\n        }\n      }\n    };\n\n    loadSessionTablePreview();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [VuuDataSource, getServerAPI, sessionTable]);\n\n  return {\n    isLoadingPreview,\n    previewConfig,\n    previewDataSource,\n    previewError,\n  };\n};\n"],"names":[],"mappings":";;;AAaa,MAAA,0BAAA,GAA6B,CACxC,YACqC,KAAA;AACrC,EAAA,MAAM,EAAE,aAAA,EAAe,YAAa,EAAA,GAAI,OAAQ,EAAA;AAChD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAkC,EAAA;AAC5E,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,QAEhD,EAAA;AACF,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAA6B,EAAA;AACrE,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAY,GAAA,KAAA;AAEhB,IAAA,IAAI,CAAC,YAAc,EAAA;AACjB,MAAA,oBAAA,CAAqB,KAAS,CAAA,CAAA;AAC9B,MAAA,gBAAA,CAAiB,KAAS,CAAA,CAAA;AAC1B,MAAA,eAAA,CAAgB,KAAS,CAAA,CAAA;AACzB,MAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,MAAA;AAAA;AAGF,IAAA,MAAM,0BAA0B,YAAY;AAC1C,MAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,MAAA,eAAA,CAAgB,KAAS,CAAA,CAAA;AAEzB,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,YAAa,EAAA;AAClC,QAAA,MAAM,MAAS,GAAA,MAAM,MAAO,CAAA,cAAA,CAAe,YAAY,CAAA;AAEvD,QAAA,IAAI,SAAW,EAAA;AACb,UAAA;AAAA;AAGF,QAAM,MAAA,iBAAA,GAAwC,OAAO,OAAQ,CAAA,GAAA;AAAA,UAC3D,CAAC,EAAE,IAAA,EAAM,cAAe,EAAA,KACtB,SAAS,QACL,GAAA,EAAE,IAAM,EAAA,cAAA,EAAgB,OAAO,GAAK,EAAA,KAAA,EAAO,SAC3C,GAAA,EAAE,MAAM,cAAe;AAAA,SAC/B;AAEA,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAS,EAAA,iBAAA;AAAA,UACT,YAAc,EAAA,IAAA;AAAA,UACd,aAAe,EAAA,IAAA;AAAA,UACf,gBAAkB,EAAA;AAAA,SACnB,CAAA;AACD,QAAA,oBAAA;AAAA,UACE,IAAI,aAAc,CAAA;AAAA,YAChB,SAAS,iBAAkB,CAAA,GAAA,CAAI,CAAC,EAAE,IAAA,OAAW,IAAI,CAAA;AAAA,YACjD,KAAO,EAAA;AAAA,WACR;AAAA,SACH;AAAA,eACO,KAAO,EAAA;AACd,QAAA,IAAI,CAAC,SAAW,EAAA;AACd,UAAA,oBAAA,CAAqB,KAAS,CAAA,CAAA;AAC9B,UAAA,gBAAA,CAAiB,KAAS,CAAA,CAAA;AAC1B,UAAA,eAAA;AAAA,YACE,CAAA,sCAAA,EAAyC,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA,WACxD;AAAA;AACF,OACA,SAAA;AACA,QAAA,IAAI,CAAC,SAAW,EAAA;AACd,UAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA;AAC3B;AACF,KACF;AAEA,IAAwB,uBAAA,EAAA;AAExB,IAAA,OAAO,MAAM;AACX,MAAY,SAAA,GAAA,IAAA;AAAA,KACd;AAAA,GACC,EAAA,CAAC,aAAe,EAAA,YAAA,EAAc,YAAY,CAAC,CAAA;AAE9C,EAAO,OAAA;AAAA,IACL,gBAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/packages/vuu-table-extras/src/datasource-stats/DatasourceStats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasourceStats.js","sources":["../../../../../../../packages/vuu-table-extras/src/datasource-stats/DatasourceStats.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport {\n  DatasourceStatsHookProps,\n  useDatasourceStats,\n} from \"./useDatasourceStats\";\n\nimport dataSourceStats from \"./DatasourceStats.css\";\n\nexport type ItemLabel =\n  | string\n  | {\n      singlular: string;\n      plural: string;\n    };\n\nexport interface DataSourceStatsProps\n  extends DatasourceStatsHookProps,\n    Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /**\n   * children will be displayed when selection present. Intended\n   * use case is display of action button(s) that will operate on\n   * selected rows.\n   */\n  children?: ReactNode;\n  selectionActions?: ReactNode;\n  tooltrayActions?: ReactNode;\n}\n\nconst classBase = \"vuuDatasourceStats\";\n\nconst numberFormatter = new Intl.NumberFormat();\n\nexport const DataSourceStats = ({\n  children,\n  className,\n  dataSource,\n  showRowStats = true,\n  tooltrayActions,\n  ...htmlAttributes\n}: DataSourceStatsProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-datasource-stats\",\n    css: dataSourceStats,\n    window: targetWindow,\n  });\n\n  const { range, selectedCount, size } = useDatasourceStats({\n    dataSource,\n    showRowStats,\n  });\n\n  const from = numberFormatter.format(range.from + 1);\n  const to = numberFormatter.format(Math.min(range.to, size));\n  const value = numberFormatter.format(size);\n\n  if (size === 0) {\n    return (\n      <div {...htmlAttributes} className={cx(classBase, className)}>\n        <span className={`${classBase}-label`}>No Rows to display</span>\n      </div>\n    );\n  } else {\n    return (\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className, {\n          [`${classBase}-withSelection`]: selectedCount > 0,\n        })}\n      >\n        {showRowStats ? (\n          <div className={`${classBase}-statsPanel ${classBase}-rowStats`}>\n            <span className={`${classBase}-label`}>Row count</span>\n            <span className={`${classBase}-range`}>\n              <span className={`${classBase}-value`}>{from}</span>\n              <span className={`${classBase}-label`}>-</span>\n              <span className={`${classBase}-value`}>{to}</span>\n            </span>\n            <span className={`${classBase}-label`}>of</span>\n            <span className={`${classBase}-value`}>{value}</span>\n            {selectedCount > 0 ? (\n              <span\n                className={cx(`${classBase}-label`, `${classBase}-selected`)}\n              >{`${selectedCount.toLocaleString()} selected`}</span>\n            ) : null}\n          </div>\n        ) : null}\n        {selectedCount > 0 ? (\n          <div\n            className={`${classBase}-statsPanel ${classBase}-selectionActions`}\n          >\n            {children}\n          </div>\n        ) : null}\n        {tooltrayActions ? (\n          <div className={`${classBase}-statsPanel ${classBase}-tooltray`}>\n            <span className={`${classBase}-actions`}>{tooltrayActions}</span>\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n};\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-table-extras/src/datasource-stats/useDatasourceStats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatasourceStats.js","sources":["../../../../../../../packages/vuu-table-extras/src/datasource-stats/useDatasourceStats.ts"],"sourcesContent":["import { DataSource, RowSelectionEventHandler } from \"@vuu-ui/vuu-data-types\";\nimport { formatDate, Range } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useState } from \"react\";\n\nexport interface DatasourceStatsHookProps {\n  dataSource: DataSource;\n  showFreezeStatus?: boolean;\n  showRowStats?: boolean;\n  showSelectionStats?: boolean;\n}\n\nconst timeFormatter = formatDate({ time: \"hh:mm:ss\" });\n\nconst formatTime = (ts: number | undefined) => {\n  if (typeof ts === \"number\") {\n    return timeFormatter(new Date(ts));\n  } else {\n    return undefined;\n  }\n};\n\nexport const useDatasourceStats = ({\n  dataSource,\n}: DatasourceStatsHookProps) => {\n  const [selectedCount, setSelectedCount] = useState(0);\n  const [range, setRange] = useState<Range>(dataSource.range);\n  const [size, setSize] = useState(dataSource.size);\n  const [freezeTime, setFreezeTime] = useState(\n    formatTime(dataSource.freezeTimestamp),\n  );\n\n  const handleFreeze = useCallback(\n    (isFrozen: boolean, freezeTimestamp: number) => {\n      if (isFrozen) {\n        setFreezeTime(formatTime(freezeTimestamp));\n      } else {\n        setFreezeTime(undefined);\n      }\n    },\n    [],\n  );\n\n  const handleRowSelection = useCallback<RowSelectionEventHandler>((count) => {\n    setSelectedCount(count);\n  }, []);\n\n  const handleSize = useCallback((size: number) => {\n    setSize(size);\n  }, []);\n\n  useMemo(() => {\n    setSize(dataSource.size);\n    dataSource.on(\"resize\", handleSize);\n    dataSource.on(\"range\", setRange);\n    dataSource.on(\"freeze\", handleFreeze);\n    dataSource.on(\"row-selection\", handleRowSelection);\n    return () => {\n      dataSource.removeListener(\"resize\", handleSize);\n      dataSource.removeListener(\"range\", setRange);\n      dataSource.removeListener(\"freeze\", handleFreeze);\n      dataSource.removeListener(\"row-selection\", handleRowSelection);\n    };\n  }, [dataSource, handleFreeze, handleRowSelection, handleSize]);\n\n  return {\n    range,\n    selectedCount,\n    size,\n    freezeTime,\n  };\n};\n"],"names":["size"],"mappings":";;;AAWA,MAAM,aAAgB,GAAA,UAAA,CAAW,EAAE,IAAA,EAAM,YAAY,CAAA;AAErD,MAAM,UAAA,GAAa,CAAC,EAA2B,KAAA;AAC7C,EAAI,IAAA,OAAO,OAAO,QAAU,EAAA;AAC1B,IAAA,OAAO,aAAc,CAAA,IAAI,IAAK,CAAA,EAAE,CAAC,CAAA;AAAA,GAC5B,MAAA;AACL,IAAO,OAAA,KAAA,CAAA;AAAA;AAEX,CAAA;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,CAAC,CAAA;AACpD,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAgB,WAAW,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,QAAA,CAAS,WAAW,IAAI,CAAA;AAChD,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,UAAA,CAAW,WAAW,eAAe;AAAA,GACvC;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,UAAmB,eAA4B,KAAA;AAC9C,MAAA,IAAI,QAAU,EAAA;AACZ,QAAc,aAAA,CAAA,UAAA,CAAW,eAAe,CAAC,CAAA;AAAA,OACpC,MAAA;AACL,QAAA,aAAA,CAAc,KAAS,CAAA,CAAA;AAAA;AACzB,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAM,MAAA,kBAAA,GAAqB,WAAsC,CAAA,CAAC,KAAU,KAAA;AAC1E,IAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,GACxB,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,UAAA,GAAa,WAAY,CAAA,CAACA,KAAiB,KAAA;AAC/C,IAAA,OAAA,CAAQA,KAAI,CAAA;AAAA,GACd,EAAG,EAAE,CAAA;AAEL,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,OAAA,CAAQ,WAAW,IAAI,CAAA;AACvB,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,UAAU,CAAA;AAClC,IAAW,UAAA,CAAA,EAAA,CAAG,SAAS,QAAQ,CAAA;AAC/B,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,YAAY,CAAA;AACpC,IAAW,UAAA,CAAA,EAAA,CAAG,iBAAiB,kBAAkB,CAAA;AACjD,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,UAAU,CAAA;AAC9C,MAAW,UAAA,CAAA,cAAA,CAAe,SAAS,QAAQ,CAAA;AAC3C,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,YAAY,CAAA;AAChD,MAAW,UAAA,CAAA,cAAA,CAAe,iBAAiB,kBAAkB,CAAA;AAAA,KAC/D;AAAA,KACC,CAAC,UAAA,EAAY,YAAc,EAAA,kBAAA,EAAoB,UAAU,CAAC,CAAA;AAE7D,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/packages/vuu-table-extras/src/freeze-control/FreezeControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FreezeControl.js","sources":["../../../../../../../packages/vuu-table-extras/src/freeze-control/FreezeControl.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ToggleButton, ToggleButtonGroup } from \"@salt-ds/core\";\nimport { useFreezeControl, type FreezeProps } from \"./useFreezeControl\";\nimport { HTMLAttributes, useEffect, useRef, useState } from \"react\";\nimport cx from \"clsx\";\nimport { calculateBadgeState } from \"./freezeControlBadge\";\n\nimport freezeControlCss from \"./FreezeControl.css\";\n\n// Duration to keep flashing after last new record (in milliseconds)\nconst FLASH_DURATION_MS = 3000;\n\nconst classBase = \"vuuFreezeControl\";\n\nexport interface FreezeControlProps\n  extends HTMLAttributes<HTMLDivElement>,\n    FreezeProps {\n  /**\n   * Label shown when the table is frozen next to the new record badge.\n   * @default \"New Orders\"\n   */\n  newItemsLabel?: string;\n\n  /**\n   * Duration of the flash animation for the badge (in seconds).\n   * @default 0.25\n   */\n  flashDuration?: number;\n}\n\nexport const FreezeControl = ({\n  dataSource,\n  className,\n  newItemsLabel = \"New Orders\",\n  flashDuration = 0.25,\n  ...htmlAttributes\n}: FreezeControlProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-freeze-control\",\n    css: freezeControlCss,\n    window: targetWindow,\n  });\n\n  const { isFrozen, newRecordCount, onToggleChange } = useFreezeControl({\n    dataSource,\n  });\n\n  const [isFlashing, setIsFlashing] = useState(false);\n  const flashTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Check if we're frozen and have new records and set the flash with a 3 second timeout\n  useEffect(() => {\n    if (isFrozen && newRecordCount > 0) {\n      setIsFlashing(true);\n\n      if (flashTimeoutRef.current) {\n        clearTimeout(flashTimeoutRef.current);\n      }\n\n      flashTimeoutRef.current = setTimeout(() => {\n        setIsFlashing(false);\n      }, FLASH_DURATION_MS);\n    }\n  }, [newRecordCount, isFrozen]);\n\n  const { badgeValue, isOverflow } = calculateBadgeState(newRecordCount);\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      style={\n        {\n          ...htmlAttributes.style,\n          \"--freeze-control-flash-duration\": `${flashDuration}s`,\n        } as React.CSSProperties\n      }\n    >\n      <div className={`${classBase}-buttonRow`}>\n        <ToggleButtonGroup\n          className=\"vuuStateButtonGroup\"\n          onChange={onToggleChange}\n          value={isFrozen ? \"frozen\" : \"live\"}\n        >\n          <div\n            className={cx(`${classBase}-buttonWrapper`, {\n              [`${classBase}-buttonWrapper-active`]: isFrozen,\n            })}\n          >\n            <ToggleButton value=\"frozen\">\n              {isFrozen ? \"Frozen\" : \"Freeze\"}\n            </ToggleButton>\n          </div>\n          <div\n            className={cx(`${classBase}-buttonWrapper`, {\n              [`${classBase}-buttonWrapper-active`]: !isFrozen,\n            })}\n          >\n            <ToggleButton value=\"live\">Active</ToggleButton>\n          </div>\n        </ToggleButtonGroup>\n        {isFrozen && (\n          <div className={`${classBase}-newItems`}>\n            {newItemsLabel}\n            <div\n              className={cx(`${classBase}-customBadge`, {\n                [`${classBase}-customBadge-flashing`]: isFlashing,\n                [`${classBase}-customBadge-overflow`]: isOverflow,\n              })}\n              data-overflow={isOverflow ? \"true\" : undefined}\n            >\n              {badgeValue}\n              {isOverflow && <span className={`${classBase}-plus`}>+</span>}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-table-extras/src/freeze-control/FrozenBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrozenBanner.js","sources":["../../../../../../../packages/vuu-table-extras/src/freeze-control/FrozenBanner.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useEffect, useState } from \"react\";\nimport cx from \"clsx\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\n\nimport frozenBannerCss from \"./FrozenBanner.css\";\n\nconst classBase = \"FrozenBanner\";\n\nconst formatFreezeTime = (ts: number) => {\n  const date = new Date(ts);\n  return date.toLocaleTimeString(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n};\n\nexport interface FrozenBannerProps extends HTMLAttributes<HTMLDivElement> {\n  dataSource: DataSource;\n}\n\nexport const FrozenBanner = ({\n  dataSource,\n  className,\n  ...htmlAttributes\n}: FrozenBannerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-frozen-banner\",\n    css: frozenBannerCss,\n    window: targetWindow,\n  });\n\n  const [isFrozen, setIsFrozen] = useState(dataSource.isFrozen ?? false);\n  const [freezeTime, setFreezeTime] = useState<number | undefined>(\n    dataSource.freezeTimestamp,\n  );\n\n  useEffect(() => {\n    const handleFreezeChange = (frozen: boolean, timestamp?: number) => {\n      setIsFrozen(frozen);\n      setFreezeTime(timestamp);\n    };\n\n    setIsFrozen(dataSource.isFrozen ?? false);\n    setFreezeTime(dataSource.freezeTimestamp);\n\n    dataSource.on(\"freeze\", handleFreezeChange);\n\n    return () => {\n      dataSource.removeListener(\"freeze\", handleFreezeChange);\n    };\n  }, [dataSource]);\n\n  if (!isFrozen) {\n    return null;\n  }\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      Frozen at {freezeTime ? formatFreezeTime(freezeTime) : \"--:--\"}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,SAAY,GAAA,cAAA;AAElB,MAAM,gBAAA,GAAmB,CAAC,EAAe,KAAA;AACvC,EAAM,MAAA,IAAA,GAAO,IAAI,IAAA,CAAK,EAAE,CAAA;AACxB,EAAO,OAAA,IAAA,CAAK,mBAAmB,KAAW,CAAA,EAAA;AAAA,IACxC,IAAM,EAAA,SAAA;AAAA,IACN,MAAQ,EAAA;AAAA,GACT,CAAA;AACH,CAAA;AAMO,MAAM,eAAe,CAAC;AAAA,EAC3B,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAyB,KAAA;AACvB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,QAAS,CAAA,UAAA,CAAW,YAAY,KAAK,CAAA;AACrE,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,UAAW,CAAA;AAAA,GACb;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,kBAAA,GAAqB,CAAC,MAAA,EAAiB,SAAuB,KAAA;AAClE,MAAA,WAAA,CAAY,MAAM,CAAA;AAClB,MAAA,aAAA,CAAc,SAAS,CAAA;AAAA,KACzB;AAEA,IAAY,WAAA,CAAA,UAAA,CAAW,YAAY,KAAK,CAAA;AACxC,IAAA,aAAA,CAAc,WAAW,eAAe,CAAA;AAExC,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,kBAAkB,CAAA;AAE1C,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,kBAAkB,CAAA;AAAA,KACxD;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,IAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAG,EAAA,QAAA,EAAA;AAAA,IAAA,YAAA;AAAA,IACjD,UAAA,GAAa,gBAAiB,CAAA,UAAU,CAAI,GAAA;AAAA,GACzD,EAAA,CAAA;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/freeze-control/freezeControlBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"freezeControlBadge.js","sources":["../../../../../../../packages/vuu-table-extras/src/freeze-control/freezeControlBadge.ts"],"sourcesContent":["/**\n * Calculates the badge value and overflow state for FreezeControl\n * It should max at 99, and when this is exceeded show 99+\n *\n * @param newRecordCount - int of new records\n * @returns An object with `badgeValue` (the displayed number, max 99) and `isOverflow` (whether count exceeds 99)\n */\nexport const calculateBadgeState = (newRecordCount: number) => {\n  const badgeValue = Math.min(newRecordCount, 99);\n  const isOverflow = newRecordCount > 99;\n  return { badgeValue, isOverflow };\n};\n"],"names":[],"mappings":"AAOa,MAAA,mBAAA,GAAsB,CAAC,cAA2B,KAAA;AAC7D,EAAA,MAAM,UAAa,GAAA,IAAA,CAAK,GAAI,CAAA,cAAA,EAAgB,EAAE,CAAA;AAC9C,EAAA,MAAM,aAAa,cAAiB,GAAA,EAAA;AACpC,EAAO,OAAA,EAAE,YAAY,UAAW,EAAA;AAClC;;;;"}

package/esm/packages/vuu-table-extras/src/freeze-control/useFreezeControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFreezeControl.js","sources":["../../../../../../../packages/vuu-table-extras/src/freeze-control/useFreezeControl.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceSubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { messageHasSize, useData } from \"@vuu-ui/vuu-utils\";\nimport { SyntheticEvent, useCallback, useMemo, useState } from \"react\";\n\nexport interface FreezeProps {\n  dataSource: DataSource;\n}\n\ntype FreezeState = {\n  isFrozen: boolean;\n  newRecordCount: number;\n};\n\nconst FreezeState = (\n  dataSource: DataSource,\n  newRecordCount: number,\n): FreezeState => ({\n  isFrozen: dataSource.isFrozen ?? false,\n  newRecordCount,\n});\n\nexport const useFreezeControl = ({ dataSource }: FreezeProps) => {\n  const { VuuDataSource } = useData();\n  const table = useMemo<VuuTable>(() => {\n    if (dataSource.table === undefined) {\n      throw Error(`[useFreezeControls] dataSource must have VuuTable`);\n    }\n    return dataSource.table;\n  }, [dataSource]);\n  const [freezeState, setFreezeState] = useState<FreezeState>(\n    FreezeState(dataSource, 0),\n  );\n\n  const [startTrackingNewRows, stopTrackingNewRows] = useMemo(() => {\n    let ds: DataSource | undefined = undefined;\n\n    const dataCallback: DataSourceSubscribeCallback = (message) => {\n      if (messageHasSize(message)) {\n        setFreezeState((prev) => ({\n          ...prev,\n          newRecordCount: message.size,\n        }));\n      }\n    };\n\n    const start = (ts: number) => {\n      ds = new VuuDataSource({ columns: [\"vuuCreatedTimestamp\"], table });\n      ds.subscribe(\n        {\n          filterSpec: {\n            filter: `vuuCreatedTimestamp > ${ts}`,\n          },\n        },\n        dataCallback,\n      );\n    };\n\n    const stop = () => {\n      ds?.unsubscribe();\n    };\n\n    return [start, stop];\n  }, [VuuDataSource, table]);\n\n  const handleToggleChange = useCallback(\n    (evt: SyntheticEvent<HTMLButtonElement>) => {\n      const value = (evt.target as HTMLButtonElement).value;\n      if (value === \"frozen\") {\n        dataSource.freeze?.();\n        startTrackingNewRows(dataSource.freezeTimestamp as number);\n      } else {\n        dataSource.unfreeze?.();\n        stopTrackingNewRows();\n      }\n      setFreezeState(FreezeState(dataSource, 0));\n    },\n    [dataSource, startTrackingNewRows, stopTrackingNewRows],\n  );\n\n  return {\n    ...freezeState,\n    onToggleChange: handleToggleChange,\n  };\n};\n"],"names":[],"mappings":";;;AAiBA,MAAM,WAAA,GAAc,CAClB,UAAA,EACA,cACiB,MAAA;AAAA,EACjB,QAAA,EAAU,WAAW,QAAY,IAAA,KAAA;AAAA,EACjC;AACF,CAAA,CAAA;AAEO,MAAM,gBAAmB,GAAA,CAAC,EAAE,UAAA,EAA8B,KAAA;AAC/D,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA;AAClC,EAAM,MAAA,KAAA,GAAQ,QAAkB,MAAM;AACpC,IAAI,IAAA,UAAA,CAAW,UAAU,KAAW,CAAA,EAAA;AAClC,MAAA,MAAM,MAAM,CAAmD,iDAAA,CAAA,CAAA;AAAA;AAEjE,IAAA,OAAO,UAAW,CAAA,KAAA;AAAA,GACpB,EAAG,CAAC,UAAU,CAAC,CAAA;AACf,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,IACpC,WAAA,CAAY,YAAY,CAAC;AAAA,GAC3B;AAEA,EAAA,MAAM,CAAC,oBAAA,EAAsB,mBAAmB,CAAA,GAAI,QAAQ,MAAM;AAChE,IAAA,IAAI,EAA6B,GAAA,KAAA,CAAA;AAEjC,IAAM,MAAA,YAAA,GAA4C,CAAC,OAAY,KAAA;AAC7D,MAAI,IAAA,cAAA,CAAe,OAAO,CAAG,EAAA;AAC3B,QAAA,cAAA,CAAe,CAAC,IAAU,MAAA;AAAA,UACxB,GAAG,IAAA;AAAA,UACH,gBAAgB,OAAQ,CAAA;AAAA,SACxB,CAAA,CAAA;AAAA;AACJ,KACF;AAEA,IAAM,MAAA,KAAA,GAAQ,CAAC,EAAe,KAAA;AAC5B,MAAK,EAAA,GAAA,IAAI,cAAc,EAAE,OAAA,EAAS,CAAC,qBAAqB,CAAA,EAAG,OAAO,CAAA;AAClE,MAAG,EAAA,CAAA,SAAA;AAAA,QACD;AAAA,UACE,UAAY,EAAA;AAAA,YACV,MAAA,EAAQ,yBAAyB,EAAE,CAAA;AAAA;AACrC,SACF;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,EAAA,EAAI,WAAY,EAAA;AAAA,KAClB;AAEA,IAAO,OAAA,CAAC,OAAO,IAAI,CAAA;AAAA,GAClB,EAAA,CAAC,aAAe,EAAA,KAAK,CAAC,CAAA;AAEzB,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,GAA2C,KAAA;AAC1C,MAAM,MAAA,KAAA,GAAS,IAAI,MAA6B,CAAA,KAAA;AAChD,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAA,UAAA,CAAW,MAAS,IAAA;AACpB,QAAA,oBAAA,CAAqB,WAAW,eAAyB,CAAA;AAAA,OACpD,MAAA;AACL,QAAA,UAAA,CAAW,QAAW,IAAA;AACtB,QAAoB,mBAAA,EAAA;AAAA;AAEtB,MAAe,cAAA,CAAA,WAAA,CAAY,UAAY,EAAA,CAAC,CAAC,CAAA;AAAA,KAC3C;AAAA,IACA,CAAC,UAAY,EAAA,oBAAA,EAAsB,mBAAmB;AAAA,GACxD;AAEA,EAAO,OAAA;AAAA,IACL,GAAG,WAAA;AAAA,IACH,cAAgB,EAAA;AAAA,GAClB;AACF;;;;"}

package/esm/{index.js → packages/vuu-table-extras/src/index.js}

@@ -1,4 +1,11 @@
 export { CalculatedColumnPanel } from './calculated-column/CalculatedColumnPanel.js';
+export { CsvUpload } from './csv-upload/CsvUpload.js';
+export { useCsvUpload } from './csv-upload/useCsvUpload.js';
+export { useCsvUploadSessionPreview } from './csv-upload/useCsvUploadSessionPreview.js';
+export { validateCsvAgainstSchema } from './csv-upload/parse/csv-schema-validation.js';
+export { parseCsv } from './csv-upload/parse/csv-parse.js';
+export { CsvParseErrorEnum, CsvValidationErrorEnum } from './csv-upload/parse/csv-errors.js';
+export { CSV_FIRST_DATA_ROW_NUMBER, CSV_HEADER_ROW_NUMBER } from './csv-upload/parse/csv-constants.js';
 export { CaseValidator } from './cell-edit-validators/CaseValidator.js';
 export { PatternValidator } from './cell-edit-validators/PatternValidator.js';
 export { BackgroundCell } from './cell-renderers/background-cell/BackgroundCell.js';

package/{cjs → esm/packages/vuu-table-extras/src}/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableConfigPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedTableConfigPanel.js","sources":["../../../../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableConfigPanel.tsx"],"sourcesContent":["import {\n  TabListNext,\n  TabNext,\n  TabNextPanel,\n  TabNextTrigger,\n  TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport type { TableProps } from \"@vuu-ui/vuu-table\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, SyntheticEvent, useCallback, useState } from \"react\";\nimport { useEditCalculatedColumn } from \"../calculated-column/useEditCalculatedColumn\";\nimport { ColumnPicker, ColumnPickerProps } from \"../column-picker/ColumnPicker\";\nimport { ColumnSettingsPanel } from \"../column-settings-panel/ColumnSettingsPanel\";\nimport {\n  TableSettingsPanel,\n  TableSettingsPanelProps,\n} from \"../table-settings-panel/TableSettingsPanel\";\n\nimport css from \"./TabbedTableConfigPanel.css\";\n\nconst TabLabels = {\n  \"table-settings\": \"Table\",\n  \"table-columns\": \"Columns\",\n} as const;\n\ntype TabName = keyof typeof TabLabels;\n\nconst classBase = \"vuuTabbedTableConfigPanel\";\nexport interface TabbedTableConfigPanelProps\n  extends ColumnPickerProps,\n    Pick<TableSettingsPanelProps, \"onDisplayAttributeChange\">,\n    Pick<TableProps, \"config\">,\n    HTMLAttributes<HTMLDivElement> {\n  allowCreateCalculatedColumn?: boolean;\n  selectedTab?: TabName;\n  vuuTable?: VuuTable;\n}\n\nexport const TabbedTableConfigPanel = ({\n  allowCreateCalculatedColumn = false,\n  className,\n  columnModel,\n  config,\n  onDisplayAttributeChange,\n  selectedTab = \"table-settings\",\n  vuuTable,\n  ...htmlAttributes\n}: TabbedTableConfigPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-tabbed-table-config-panel\",\n    css,\n    window: targetWindow,\n  });\n\n  const [columns, setColumns] = useState<ColumnDescriptor[]>([]);\n\n  const [value, setValue] = useState<string>(selectedTab);\n  const handleChange = useCallback(\n    (_e: SyntheticEvent | null, value: string) => {\n      setValue(value);\n    },\n    [],\n  );\n\n  const handleSelectionChange = useCallback(\n    (_e: SyntheticEvent, selectedItems: ColumnDescriptor[]) => {\n      setColumns(selectedItems);\n    },\n    [],\n  );\n\n  const handleSaveCalculatedColumn = useCallback((column: ColumnDescriptor) => {\n    setColumns([column]);\n  }, []);\n\n  const { onCreateCalculatedColumn, onEditCalculatedColumn } =\n    useEditCalculatedColumn({\n      columnModel,\n      calculatedColumn: columns[0],\n      onSaveColumn: handleSaveCalculatedColumn,\n      vuuTable,\n    });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TabsNext onChange={handleChange} value={value}>\n        <TabListNext appearance=\"transparent\">\n          <TabNext value=\"table-settings\">\n            <TabNextTrigger>Table settings</TabNextTrigger>\n          </TabNext>\n          <TabNext value=\"table-columns\">\n            <TabNextTrigger>Table columns</TabNextTrigger>\n          </TabNext>\n          <TabNext disabled={columns.length === 0} value=\"column-settings\">\n            <TabNextTrigger>Column settings</TabNextTrigger>\n          </TabNext>\n        </TabListNext>\n        <TabNextPanel value=\"table-settings\">\n          <TableSettingsPanel\n            onDisplayAttributeChange={onDisplayAttributeChange}\n            tableDisplayAttributes={config}\n          />\n        </TabNextPanel>\n        <TabNextPanel value=\"table-columns\">\n          <ColumnPicker\n            allowCreateCalculatedColumn={allowCreateCalculatedColumn}\n            columnModel={columnModel}\n            onClickCreateCalculatedColumn={onCreateCalculatedColumn}\n            onSelectionChange={handleSelectionChange}\n            selected={columns}\n          />\n        </TabNextPanel>\n        <TabNextPanel value=\"column-settings\">\n          {columns.length > 0 ? (\n            <ColumnSettingsPanel\n              column={columns[0]}\n              columnModel={columnModel}\n              onClickEditCalculatedColumn={onEditCalculatedColumn}\n            />\n          ) : null}\n        </TabNextPanel>\n      </TabsNext>\n    </div>\n  );\n};\n"],"names":["value"],"mappings":"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"}

package/esm/packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableSettingsAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedTableSettingsAction.js","sources":["../../../../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableSettingsAction.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { useCallback } from \"react\";\nimport {\n  TabbedTableConfigPanelHookProps,\n  useTabbedTableConfigPanel,\n} from \"./useTabbedTableConfigPanel\";\nimport { TableDisplayAttributeChangeHandler } from \"../table-settings-panel/TableSettingsPanel\";\n\nexport interface TabbedTableSettingsActionProps\n  extends Partial<IconButtonProps>,\n    TabbedTableConfigPanelHookProps {\n  onDisplayAttributeChange: TableDisplayAttributeChangeHandler;\n}\n\nexport const TabbedTableSettingsAction = ({\n  allowCreateCalculatedColumn,\n  appearance = \"transparent\",\n  columnModel,\n  config,\n  icon = \"settings\",\n  onDisplayAttributeChange,\n  sentiment = \"neutral\",\n  vuuTable,\n  ...IconButtonProps\n}: TabbedTableSettingsActionProps) => {\n  const { showTabbedTableConfigPanel } = useTabbedTableConfigPanel({\n    allowCreateCalculatedColumn,\n    columnModel,\n    config,\n    onDisplayAttributeChange,\n    vuuTable,\n  });\n\n  const handleClick = useCallback(() => {\n    showTabbedTableConfigPanel();\n  }, [showTabbedTableConfigPanel]);\n\n  return (\n    <IconButton\n      {...IconButtonProps}\n      appearance={appearance}\n      data-action=\"table-settings\"\n      icon={icon}\n      onClick={handleClick}\n      sentiment={sentiment}\n      size={20}\n    />\n  );\n};\n"],"names":["IconButtonProps"],"mappings":";;;;;AAcO,MAAM,4BAA4B,CAAC;AAAA,EACxC,2BAAA;AAAA,EACA,UAAa,GAAA,aAAA;AAAA,EACb,WAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAO,GAAA,UAAA;AAAA,EACP,wBAAA;AAAA,EACA,SAAY,GAAA,SAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAGA;AACL,CAAsC,KAAA;AACpC,EAAM,MAAA,EAAE,0BAA2B,EAAA,GAAI,yBAA0B,CAAA;AAAA,IAC/D,2BAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAA2B,0BAAA,EAAA;AAAA,GAC7B,EAAG,CAAC,0BAA0B,CAAC,CAAA;AAE/B,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAGA,gBAAAA;AAAA,MACJ,UAAA;AAAA,MACA,aAAY,EAAA,gBAAA;AAAA,MACZ,IAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,IAAM,EAAA;AAAA;AAAA,GACR;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/tabbed-table-config-panel/useTabbedTableConfigPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabbedTableConfigPanel.js","sources":["../../../../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/useTabbedTableConfigPanel.tsx"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useContextPanel } from \"@vuu-ui/vuu-ui-controls\";\nimport { TabbedTableConfigPanel } from \"./TabbedTableConfigPanel\";\nimport { TableSettingsPanelProps } from \"../table-settings-panel/TableSettingsPanel\";\nimport { TableProps } from \"@vuu-ui/vuu-table\";\nimport { ColumnPickerProps } from \"../column-picker/ColumnPicker\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\n\nexport interface TabbedTableConfigPanelHookProps\n  extends Pick<\n      ColumnPickerProps,\n      \"allowCreateCalculatedColumn\" | \"columnModel\"\n    >,\n    Pick<TableSettingsPanelProps, \"onDisplayAttributeChange\">,\n    Pick<TableProps, \"config\"> {\n  /**\n   * only required for calculated columns\n   */\n  vuuTable?: VuuTable;\n}\n\nexport const useTabbedTableConfigPanel = ({\n  allowCreateCalculatedColumn,\n  columnModel,\n  config,\n  onDisplayAttributeChange,\n  vuuTable,\n}: TabbedTableConfigPanelHookProps) => {\n  const showContextPanel = useContextPanel();\n  //   const hideContextPanel = useHideContextPanel();\n  const contextPanelShowing = useRef(false);\n\n  const showTabbedTableConfigPanel = useCallback(\n    (title = \"Table settings\") => {\n      contextPanelShowing.current = true;\n      showContextPanel(\n        <TabbedTableConfigPanel\n          allowCreateCalculatedColumn={allowCreateCalculatedColumn}\n          columnModel={columnModel}\n          config={config}\n          onDisplayAttributeChange={onDisplayAttributeChange}\n          vuuTable={vuuTable}\n        />,\n        title,\n      );\n    },\n    [\n      allowCreateCalculatedColumn,\n      columnModel,\n      config,\n      onDisplayAttributeChange,\n      showContextPanel,\n      vuuTable,\n    ],\n  );\n\n  return {\n    showTabbedTableConfigPanel,\n  };\n};\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,4BAA4B,CAAC;AAAA,EACxC,2BAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,wBAAA;AAAA,EACA;AACF,CAAuC,KAAA;AACrC,EAAA,MAAM,mBAAmB,eAAgB,EAAA;AAEzC,EAAM,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA;AAExC,EAAA,MAAM,0BAA6B,GAAA,WAAA;AAAA,IACjC,CAAC,QAAQ,gBAAqB,KAAA;AAC5B,MAAA,mBAAA,CAAoB,OAAU,GAAA,IAAA;AAC9B,MAAA,gBAAA;AAAA,wBACE,GAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,2BAAA;AAAA,YACA,WAAA;AAAA,YACA,MAAA;AAAA,YACA,wBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,2BAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,wBAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAO,OAAA;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/esm/packages/vuu-table-extras/src/table-footer/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sources":["../../../../../../../packages/vuu-table-extras/src/table-footer/TableFooter.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tableFooterCss from \"./TableFooter.css\";\n\nexport interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {\n  onInvokeAction?: (action: string) => void;\n  tooltrayActions?: ReactNode;\n}\n\nconst classBase = \"vuuTableFooter\";\n\nexport const TableFooterTray = ({ children }: { children: ReactNode }) => {\n  return <div className={`${classBase}Tray`}>{children}</div>;\n};\n\nexport const TableFooter = ({\n  children,\n  className,\n  onInvokeAction,\n  tooltrayActions,\n  ...htmlAttributes\n}: TableFooterProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-footer\",\n    css: tableFooterCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {children}\n      {tooltrayActions ? (\n        <div className={`${classBase}-tooltray`}>{tooltrayActions}</div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,SAAY,GAAA,gBAAA;AAEX,MAAM,eAAkB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACxE,EAAA,2BAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,QAAS,QAAS,EAAA,CAAA;AACvD;AAEO,MAAM,cAAc,CAAC;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,IAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CACxD,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,eAAA,uBACE,KAAI,EAAA,EAAA,SAAA,EAAW,GAAG,SAAS,CAAA,SAAA,CAAA,EAAc,2BAAgB,CACxD,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/table-provider/TableProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableProvider.js","sources":["../../../../../../../packages/vuu-table-extras/src/table-provider/TableProvider.tsx"],"sourcesContent":["import type { MenuActionHandler } from \"@vuu-ui/vuu-context-menu\";\nimport type { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport type { TableProps } from \"@vuu-ui/vuu-table\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { createContext, ReactNode, useContext } from \"react\";\nimport type { ColumnMenuActionType } from \"../column-menu/column-menu-utils\";\n\nexport interface TableContextProps\n  extends Pick<TableProps, \"dataSource\" | \"rowActionHandlers\"> {\n  menuActionHandler: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;\n}\n\nconst NullMenuActionHandler = (menuItemId: string) => {\n  console.log(\n    `[TableContext] no menu action handler installed (menuItemHandler invoked with ${menuItemId})`,\n  );\n  return false;\n};\nconst NullDataSource = {} as DataSource;\n\nexport const TableContext = createContext<TableContextProps>({\n  dataSource: NullDataSource,\n  menuActionHandler: NullMenuActionHandler,\n});\n\nexport const TableProvider = ({\n  children,\n  dataSource,\n  menuActionHandler,\n  rowActionHandlers,\n}: TableContextProps & {\n  children: ReactNode;\n}) => {\n  return (\n    <TableContext.Provider\n      value={{\n        dataSource,\n        menuActionHandler,\n        rowActionHandlers,\n      }}\n    >\n      {children}\n    </TableContext.Provider>\n  );\n};\n\nexport function useTableContext(throwIfNoDataSource = false) {\n  const { dataSource, menuActionHandler } = useContext(TableContext);\n  if (\n    dataSource === NullDataSource &&\n    menuActionHandler == NullMenuActionHandler &&\n    throwIfNoDataSource\n  ) {\n    throw Error(`[TableProvider] no DataSourceProvider has been declared`);\n  } else {\n    return {\n      dataSource,\n      menuActionHandler,\n    };\n  }\n}\n\nexport const useRowAction = (actionId: string) => {\n  const { rowActionHandlers } = useContext(TableContext);\n  if (rowActionHandlers?.[actionId]) {\n    return rowActionHandlers[actionId];\n  } else {\n    throw Error(\n      `[TableProvider] useRowAction, no action configured #${actionId}`,\n    );\n  }\n};\n"],"names":[],"mappings":";;;AAYA,MAAM,qBAAA,GAAwB,CAAC,UAAuB,KAAA;AACpD,EAAQ,OAAA,CAAA,GAAA;AAAA,IACN,iFAAiF,UAAU,CAAA,CAAA;AAAA,GAC7F;AACA,EAAO,OAAA,KAAA;AACT,CAAA;AACA,MAAM,iBAAiB,EAAC;AAEjB,MAAM,eAAe,aAAiC,CAAA;AAAA,EAC3D,UAAY,EAAA,cAAA;AAAA,EACZ,iBAAmB,EAAA;AACrB,CAAC;AAEM,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAEM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,YAAa,CAAA,QAAA;AAAA,IAAb;AAAA,MACC,KAAO,EAAA;AAAA,QACL,UAAA;AAAA,QACA,iBAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEgB,SAAA,eAAA,CAAgB,sBAAsB,KAAO,EAAA;AAC3D,EAAA,MAAM,EAAE,UAAA,EAAY,iBAAkB,EAAA,GAAI,WAAW,YAAY,CAAA;AACjE,EAAA,IACE,UAAe,KAAA,cAAA,IACf,iBAAqB,IAAA,qBAAA,IACrB,mBACA,EAAA;AACA,IAAA,MAAM,MAAM,CAAyD,uDAAA,CAAA,CAAA;AAAA,GAChE,MAAA;AACL,IAAO,OAAA;AAAA,MACL,UAAA;AAAA,MACA;AAAA,KACF;AAAA;AAEJ;AAEa,MAAA,YAAA,GAAe,CAAC,QAAqB,KAAA;AAChD,EAAA,MAAM,EAAE,iBAAA,EAAsB,GAAA,UAAA,CAAW,YAAY,CAAA;AACrD,EAAI,IAAA,iBAAA,GAAoB,QAAQ,CAAG,EAAA;AACjC,IAAA,OAAO,kBAAkB,QAAQ,CAAA;AAAA,GAC5B,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ,uDAAuD,QAAQ,CAAA;AAAA,KACjE;AAAA;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/table-settings-panel/TableSettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingsPanel.js","sources":["../../../../../../../packages/vuu-table-extras/src/table-settings-panel/TableSettingsPanel.tsx"],"sourcesContent":["import {\n  FormField,\n  FormFieldLabel,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  TableDisplayAttributes,\n  TableSettingsPermissions,\n} from \"@vuu-ui/vuu-table-types\";\nimport { useTableSettings } from \"./useTableSettings\";\nimport { Icon } from \"@vuu-ui/vuu-ui-controls\";\nimport { VuuInput } from \"@vuu-ui/vuu-ui-controls\";\n\nimport tableSettingsPanelCss from \"./TableSettingsPanel.css\";\n\nconst classBase = \"vuuTableSettingsPanel\";\n\nexport const defaultTableSettingsPermissions: Readonly<TableSettingsPermissions> =\n  {\n    allowColumnLabelCase: true,\n    allowColumnDefaultWidth: true,\n    allowGridSeparators: true,\n  };\nexport const noTableSettingsPermissions: Readonly<TableSettingsPermissions> = {\n  allowColumnLabelCase: false,\n  allowColumnDefaultWidth: false,\n  allowGridSeparators: false,\n};\n\nexport type TableDisplayAttributeChangeHandler = (\n  displayAttributes: TableDisplayAttributes,\n) => void;\n\n/**\n * Describes the props for a Table Configuration Editor, for which\n * an implementation is provided in vuu-table-extras\n */\nexport interface TableSettingsPanelProps {\n  allowColumnLabelCase?: boolean;\n  allowColumnDefaultWidth?: boolean;\n  allowGridRowStyling?: boolean;\n  onDisplayAttributeChange: TableDisplayAttributeChangeHandler;\n  tableDisplayAttributes: TableDisplayAttributes;\n  permissions?: TableSettingsPermissions | boolean;\n}\n\n/**\n  The TableSettingsPanel assumes 'ownership' of the tableSettings.\n  It updates the settings in state locally and notifies caller of\n  every change via onChange callback\n */\nexport const TableSettingsPanel = ({\n  onDisplayAttributeChange,\n  tableDisplayAttributes: tableDisplayAttributesProp,\n  permissions: permissionsProp,\n}: TableSettingsPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-settings-panel\",\n    css: tableSettingsPanelCss,\n    window: targetWindow,\n  });\n\n  const permissions =\n    permissionsProp === undefined || permissionsProp === true\n      ? defaultTableSettingsPermissions\n      : permissionsProp === false\n        ? noTableSettingsPermissions\n        : permissionsProp;\n\n  const {\n    columnLabelsValue,\n    onChangeColumnLabels,\n    onChangeTableAttribute,\n    onCommitColumnWidth,\n    tableDisplayAttributes,\n  } = useTableSettings({\n    onDisplayAttributeChange,\n    tableDisplayAttributes: tableDisplayAttributesProp,\n  });\n\n  const {\n    allowColumnLabelCase = true,\n    allowColumnDefaultWidth = true,\n    allowGridSeparators = true,\n  } = permissions;\n\n  return (\n    <div className={classBase}>\n      {allowColumnDefaultWidth ? (\n        <FormField>\n          <FormFieldLabel>Column Width</FormFieldLabel>\n          <VuuInput\n            bordered\n            className=\"vuuInput\"\n            data-embedded\n            onCommit={onCommitColumnWidth}\n          />\n        </FormField>\n      ) : null}\n\n      {allowColumnLabelCase ? (\n        <FormField>\n          <FormFieldLabel>Column Labels</FormFieldLabel>\n          <ToggleButtonGroup\n            className=\"vuuToggleButtonGroup\"\n            onChange={onChangeColumnLabels}\n            value={columnLabelsValue}\n          >\n            <ToggleButton className=\"vuuIconToggleButton\" value={0}>\n              <Icon name=\"text-strikethrough\" size={48} />\n            </ToggleButton>\n            <ToggleButton className=\"vuuIconToggleButton\" value={1}>\n              <Icon name=\"text-Tt\" size={48} />\n            </ToggleButton>\n            <ToggleButton className=\"vuuIconToggleButton\" value={2}>\n              <Icon name=\"text-T\" size={48} />\n            </ToggleButton>\n          </ToggleButtonGroup>\n        </FormField>\n      ) : null}\n\n      {allowGridSeparators ? (\n        <FormField>\n          <FormFieldLabel>Grid separators</FormFieldLabel>\n          <div className=\"saltToggleButtonGroup vuuStateButtonGroup saltToggleButtonGroup-horizontal\">\n            <ToggleButton\n              selected={tableDisplayAttributes.zebraStripes ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"zebraStripes\"\n            >\n              <Icon name=\"row-striping\" size={16} />\n            </ToggleButton>\n            <ToggleButton\n              selected={tableDisplayAttributes.rowSeparators ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"rowSeparators\"\n            >\n              <Icon name=\"row-lines\" size={16} />\n            </ToggleButton>\n            <ToggleButton\n              selected={tableDisplayAttributes.columnSeparators ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"columnSeparators\"\n            >\n              <Icon name=\"col-lines\" size={16} />\n            </ToggleButton>\n          </div>\n        </FormField>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-table-extras/src/table-settings-panel/useTableSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSettings.js","sources":["../../../../../../../packages/vuu-table-extras/src/table-settings-panel/useTableSettings.ts"],"sourcesContent":["import { TableDisplayAttributes } from \"@vuu-ui/vuu-table-types\";\nimport {\n  queryClosest,\n  useLayoutEffectSkipFirst,\n  CommitHandler,\n} from \"@vuu-ui/vuu-utils\";\nimport { MouseEvent, SyntheticEvent, useCallback, useState } from \"react\";\nimport { TableSettingsPanelProps } from \"./TableSettingsPanel\";\n\nexport type ColumnLike = {\n  name: string;\n};\n\nexport const useTableSettings = ({\n  onDisplayAttributeChange,\n  tableDisplayAttributes: tableDisplayAttributesProp,\n}: TableSettingsPanelProps) => {\n  const [tableDisplayAttributes, setDisplayTableAttributes] =\n    useState<TableDisplayAttributes>(tableDisplayAttributesProp);\n\n  const handleChangeColumnLabels = useCallback((evt: SyntheticEvent) => {\n    const button = queryClosest<HTMLButtonElement>(evt.target, \"button\");\n    if (button) {\n      const value = parseInt(button.value);\n      const columnFormatHeader =\n        value === 0 ? undefined : value === 1 ? \"capitalize\" : \"uppercase\";\n      setDisplayTableAttributes((state) => ({\n        ...state,\n        columnFormatHeader,\n      }));\n    }\n  }, []);\n\n  const handleChangeTableAttribute = useCallback(\n    (evt: MouseEvent<HTMLButtonElement>) => {\n      const button = queryClosest<HTMLButtonElement>(evt.target, \"button\");\n      if (button) {\n        const { ariaPressed, value } = button;\n        setDisplayTableAttributes((state) => ({\n          ...state,\n          [value]: ariaPressed !== \"true\",\n        }));\n      }\n    },\n    [],\n  );\n\n  const handleCommitColumnWidth = useCallback<CommitHandler>((_, value) => {\n    if (typeof value === \"string\") {\n      const columnDefaultWidth = parseInt(value);\n      if (!isNaN(columnDefaultWidth)) {\n        setDisplayTableAttributes((state) => ({\n          ...state,\n          columnDefaultWidth,\n        }));\n      }\n    }\n  }, []);\n\n  useLayoutEffectSkipFirst(() => {\n    onDisplayAttributeChange?.(tableDisplayAttributes);\n  }, [onDisplayAttributeChange, tableDisplayAttributes]);\n\n  const columnLabelsValue =\n    tableDisplayAttributes.columnFormatHeader === undefined\n      ? 0\n      : tableDisplayAttributes.columnFormatHeader === \"capitalize\"\n        ? 1\n        : 2;\n\n  return {\n    columnLabelsValue,\n    onChangeColumnLabels: handleChangeColumnLabels,\n    onChangeTableAttribute: handleChangeTableAttribute,\n    onCommitColumnWidth: handleCommitColumnWidth,\n    tableDisplayAttributes,\n  };\n};\n"],"names":[],"mappings":";;;AAaO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,wBAAA;AAAA,EACA,sBAAwB,EAAA;AAC1B,CAA+B,KAAA;AAC7B,EAAA,MAAM,CAAC,sBAAA,EAAwB,yBAAyB,CAAA,GACtD,SAAiC,0BAA0B,CAAA;AAE7D,EAAM,MAAA,wBAAA,GAA2B,WAAY,CAAA,CAAC,GAAwB,KAAA;AACpE,IAAA,MAAM,MAAS,GAAA,YAAA,CAAgC,GAAI,CAAA,MAAA,EAAQ,QAAQ,CAAA;AACnE,IAAA,IAAI,MAAQ,EAAA;AACV,MAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,MAAA,CAAO,KAAK,CAAA;AACnC,MAAA,MAAM,qBACJ,KAAU,KAAA,CAAA,GAAI,KAAY,CAAA,GAAA,KAAA,KAAU,IAAI,YAAe,GAAA,WAAA;AACzD,MAAA,yBAAA,CAA0B,CAAC,KAAW,MAAA;AAAA,QACpC,GAAG,KAAA;AAAA,QACH;AAAA,OACA,CAAA,CAAA;AAAA;AACJ,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,0BAA6B,GAAA,WAAA;AAAA,IACjC,CAAC,GAAuC,KAAA;AACtC,MAAA,MAAM,MAAS,GAAA,YAAA,CAAgC,GAAI,CAAA,MAAA,EAAQ,QAAQ,CAAA;AACnE,MAAA,IAAI,MAAQ,EAAA;AACV,QAAM,MAAA,EAAE,WAAa,EAAA,KAAA,EAAU,GAAA,MAAA;AAC/B,QAAA,yBAAA,CAA0B,CAAC,KAAW,MAAA;AAAA,UACpC,GAAG,KAAA;AAAA,UACH,CAAC,KAAK,GAAG,WAAgB,KAAA;AAAA,SACzB,CAAA,CAAA;AAAA;AACJ,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,uBAA0B,GAAA,WAAA,CAA2B,CAAC,CAAA,EAAG,KAAU,KAAA;AACvE,IAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,MAAM,MAAA,kBAAA,GAAqB,SAAS,KAAK,CAAA;AACzC,MAAI,IAAA,CAAC,KAAM,CAAA,kBAAkB,CAAG,EAAA;AAC9B,QAAA,yBAAA,CAA0B,CAAC,KAAW,MAAA;AAAA,UACpC,GAAG,KAAA;AAAA,UACH;AAAA,SACA,CAAA,CAAA;AAAA;AACJ;AACF,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,wBAAA,CAAyB,MAAM;AAC7B,IAAA,wBAAA,GAA2B,sBAAsB,CAAA;AAAA,GAChD,EAAA,CAAC,wBAA0B,EAAA,sBAAsB,CAAC,CAAA;AAErD,EAAM,MAAA,iBAAA,GACJ,uBAAuB,kBAAuB,KAAA,KAAA,CAAA,GAC1C,IACA,sBAAuB,CAAA,kBAAA,KAAuB,eAC5C,CACA,GAAA,CAAA;AAER,EAAO,OAAA;AAAA,IACL,iBAAA;AAAA,IACA,oBAAsB,EAAA,wBAAA;AAAA,IACtB,sBAAwB,EAAA,0BAAA;AAAA,IACxB,mBAAqB,EAAA,uBAAA;AAAA,IACrB;AAAA,GACF;AACF;;;;"}