@vuu-ui/vuu-table-extras 2.1.19-beta.2 → 2.1.19-beta.4

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

@@ -0,0 +1,303 @@
+'use strict';
+
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+var csvParse = require('./parse/csv-parse.js');
+var csvSchemaValidation = require('./parse/csv-schema-validation.js');
+var csvUploadUtils = require('./parse/csv-upload-utils.js');
+var csvConstants = require('./parse/csv-constants.js');
+
+const useCsvUpload = ({
+  dataSource,
+  onImportSessionEnded,
+  onImportSessionStarted,
+  onError,
+  onImported,
+  onProcessingStarted,
+  maxRows,
+  parseOptions
+}) => {
+  const [validation, setValidation] = react.useState();
+  const [sessionTable, setSessionTable] = react.useState();
+  const [isProcessingFile, setIsProcessingFile] = react.useState(false);
+  const [isImporting, setIsImporting] = react.useState(false);
+  const sessionTableRef = react.useRef(void 0);
+  const setActiveSessionTable = react.useCallback(
+    (table2) => {
+      sessionTableRef.current = table2;
+      setSessionTable(table2);
+    },
+    []
+  );
+  const endEditSessionAndNotify = react.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);
+      onImportSessionEnded?.({
+        reason,
+        sessionTable: currentSessionTable
+      });
+      return result;
+    },
+    [dataSource, onImportSessionEnded, setActiveSessionTable]
+  );
+  const table = dataSource.table;
+  const schema = dataSource.tableSchema;
+  const addAllRows = react.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 < csvConstants.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 - csvConstants.CSV_FIRST_DATA_ROW_NUMBER >= parsedRowCount).map((rowNum) => ({
+        rowNum,
+        rowData: {},
+        vuuMsg: vuuMsgByRow.get(rowNum) ?? ""
+      }));
+      const allRows = [
+        ...mergedValidation.rows.map((rowData, idx) => ({
+          rowNum: idx + csvConstants.CSV_FIRST_DATA_ROW_NUMBER,
+          rowData: rowData ?? {},
+          vuuMsg: vuuMsgByRow.get(idx + csvConstants.CSV_FIRST_DATA_ROW_NUMBER) ?? ""
+        })),
+        ...unparsedErrorRows
+      ];
+      const { errors: rpcErrors } = await csvUploadUtils.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 (!vuuUtils.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 = csvUploadUtils.buildRowErrorMessage("Import failed", rpcErrors);
+        const errors = {
+          importError: csvUploadUtils.createUploadError("import", errorMessage)
+        };
+        onError?.({ errors });
+      }
+    },
+    [dataSource, onError, table]
+  );
+  const beginEditSession = react.useCallback(async () => {
+    if (!dataSource.createSessionDataSource) {
+      throw Error("CsvUpload requires datasource createSessionDataSource support.");
+    }
+    const sessionDataSource = await dataSource.createSessionDataSource("Empty");
+    const sessionVuuTable = sessionDataSource?.table;
+    if (sessionVuuTable && vuuUtils.isSessionTable(sessionVuuTable)) {
+      setActiveSessionTable(sessionVuuTable);
+      if (sessionDataSource) {
+        onImportSessionStarted?.(sessionDataSource);
+      }
+    }
+  }, [dataSource, onImportSessionStarted, setActiveSessionTable]);
+  const closePendingEditSession = react.useCallback(
+    async (save) => {
+      if (sessionTableRef.current === void 0) {
+        return;
+      }
+      await endEditSessionAndNotify(save, save ? "saved" : "discarded");
+    },
+    [endEditSessionAndNotify]
+  );
+  const processFile = react.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 = csvParse.parseCsv(await file.text(), parseOptions);
+      if (parsedCsv.error && csvUploadUtils.hasFileParseErrors(parsedCsv.error)) {
+        setValidation(void 0);
+        onError?.({
+          errors: {
+            validationError: csvUploadUtils.createUploadError(
+              "validation",
+              `Validation failed: ${parsedCsv.error.message}`,
+              parsedCsv.error
+            )
+          }
+        });
+        return;
+      }
+      const schemaValidation = csvSchemaValidation.validateCsvAgainstSchema(parsedCsv, schema, {
+        maxRows
+      });
+      if (Object.keys(schemaValidation.errorMap.fileErrors).length > 0) {
+        setValidation(schemaValidation);
+        onError?.({
+          errors: {
+            schemaError: csvUploadUtils.createUploadError(
+              "schema",
+              "CSV validation failed.",
+              parsedCsv.error,
+              {
+                errorMap: schemaValidation.errorMap,
+                errors: schemaValidation.errors,
+                message: "CSV validation failed."
+              }
+            )
+          }
+        });
+        return;
+      }
+      const mergedValidation = csvUploadUtils.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: csvUploadUtils.createUploadError(
+                "import",
+                `RPC import failed: ${csvUploadUtils.toErrorMessage(error)}`
+              )
+            }
+          });
+        }
+      }
+    },
+    [
+      onError,
+      addAllRows,
+      maxRows,
+      parseOptions,
+      beginEditSession,
+      closePendingEditSession,
+      table,
+      endEditSessionAndNotify,
+      schema
+    ]
+  );
+  const handleFiles = react.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 = csvUploadUtils.isCsvParseError(err) ? err : void 0;
+        const errorMessage = parseError ? `Validation failed: ${parseError.message}` : `Validation failed: ${csvUploadUtils.toErrorMessage(err)}`;
+        const errors = {
+          errors: {
+            validationError: csvUploadUtils.createUploadError(
+              "validation",
+              errorMessage,
+              parseError
+            )
+          }
+        };
+        onError?.(errors);
+      } finally {
+        setIsProcessingFile(false);
+      }
+    },
+    [onError, onProcessingStarted, processFile, setActiveSessionTable]
+  );
+  const onDrop = react.useCallback(
+    (_event, files) => {
+      handleFiles(files);
+    },
+    [handleFiles]
+  );
+  const onTriggerChange = react.useCallback(
+    (_event, files) => {
+      handleFiles(files);
+    },
+    [handleFiles]
+  );
+  const canImport = react.useMemo(
+    () => validation !== void 0 && validation.errors.length === 0 && validation.rows.length > 0 && !isProcessingFile && !isImporting,
+    [isImporting, isProcessingFile, validation]
+  );
+  const importData = react.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: csvUploadUtils.normalizeTableData(rpcResult, fallbackTableData)
+      });
+    } catch (err) {
+      const errorMessage = `RPC import failed: ${String(err)}`;
+      const errors = {
+        errors: {
+          importError: csvUploadUtils.createUploadError("import", errorMessage)
+        }
+      };
+      onError?.(errors);
+    } finally {
+      setIsImporting(false);
+    }
+  }, [canImport, endEditSessionAndNotify, onError, onImported, validation]);
+  return {
+    canImport,
+    importData,
+    isImporting,
+    isProcessingFile,
+    onDrop,
+    onTriggerChange,
+    sessionTable,
+    schema,
+    validation
+  };
+};
+
+exports.useCsvUpload = useCsvUpload;
+//# sourceMappingURL=useCsvUpload.js.map

package/cjs/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  onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;\n  onImportSessionStarted?: (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  onImportSessionEnded,\n  onImportSessionStarted,\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      setSessionTable(table);\n    },\n    [],\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      onImportSessionEnded?.({\n        reason,\n        sessionTable: currentSessionTable,\n      });\n      return result;\n    },\n    [dataSource, onImportSessionEnded, 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.createSessionDataSource) {\n      throw Error(\"CsvUpload requires datasource createSessionDataSource support.\");\n    }\n\n    const sessionDataSource = await dataSource.createSessionDataSource(\"Empty\");\n\n    const sessionVuuTable = sessionDataSource?.table;\n    if (sessionVuuTable && isSessionTable(sessionVuuTable)) {\n      setActiveSessionTable(sessionVuuTable as CsvUploadSessionTable);\n      if (sessionDataSource) {\n        onImportSessionStarted?.(sessionDataSource);\n      }\n    }\n  }, [dataSource, onImportSessionStarted, 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":["useState","useRef","useCallback","table","CSV_FIRST_DATA_ROW_NUMBER","executeBatchRpcCalls","isRpcSuccess","buildRowErrorMessage","createUploadError","isSessionTable","parseCsv","hasFileParseErrors","validateCsvAgainstSchema","mergeValidationWithParseErrors","toErrorMessage","isCsvParseError","useMemo","normalizeTableData"],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+'use strict';
+
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+
+const useCsvUploadSessionPreview = (sessionTable) => {
+  const { VuuDataSource, getServerAPI } = vuuUtils.useData();
+  const [previewConfig, setPreviewConfig] = react.useState();
+  const [previewDataSource, setPreviewDataSource] = react.useState();
+  const [previewError, setPreviewError] = react.useState();
+  const [isLoadingPreview, setIsLoadingPreview] = react.useState(false);
+  react.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
+  };
+};
+
+exports.useCsvUploadSessionPreview = useCsvUploadSessionPreview;
+//# sourceMappingURL=useCsvUploadSessionPreview.js.map

package/cjs/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":["useData","useState","useEffect"],"mappings":";;;;;AAaa,MAAA,0BAAA,GAA6B,CACxC,YACqC,KAAA;AACrC,EAAA,MAAM,EAAE,aAAA,EAAe,YAAa,EAAA,GAAIA,gBAAQ,EAAA;AAChD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,cAAkC,EAAA;AAC5E,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,cAEhD,EAAA;AACF,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,cAA6B,EAAA;AACrE,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAE9D,EAAAC,eAAA,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/cjs/packages/vuu-table-extras/src/datasource-stats/DatasourceStats.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var dataSourceStats = ".vuuDatasourceStats {\n  --datasourceStats-background: var(--vuuDatasourceStats-background);\n  align-items: center;\n  background: var(--datasourceStats-background, var(--salt-container-secondary-background));\n  display: grid;\n  font-size: var(--vuuDatasourceStats-fontSize, 10px);\n  gap: var(--vuuDatasourceStats-gap, var(--salt-spacing-100));\n  grid-template-areas: \"panel-start panel-center panel-end\";\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto;\n  height: var(--vuuDatasourceStats-height, 100%);\n  padding: 0 var(--salt-spacing-200);\n\n  &.vuuDatasourceStats-withSelection {\n    --datasourceStats-background: var(--vuuDatasourceStats-withSelection-background, var(--vuuDatasourceStats-background));\n  }\n\n  .vuuDatasourceStats-statsPanel {\n    align-items: center;\n    display: flex;\n    gap: var(--salt-spacing-100);\n    width: fit-content;\n  }\n\n  .vuuDatasourceStats-rowStats {\n    justify-self: flex-start;\n    grid-area: panel-start;\n  }\n  .vuuDatasourceStats-selected {\n    margin-left: var(--salt-spacing-100);\n  }\n\n  .vuuDatasourceStats-range {\n    white-space: nowrap;\n  }\n\n  .vuuDatasourceStats-label {\n    color: var(--salt-content-secondary-foreground);\n    white-space: nowrap;\n  }\n  .vuuDatasourceStats-range {\n    white-space: nowrap;\n  }\n\n  .vuuDatasourceStats-value {\n    color: var(--salt-content-primary-foreground);\n  }\n  .vuuDatasourceStats-tooltray {\n    justify-self: end;;\n    margin: 0 var(--salt-spacing-200);\n    grid-area: panel-end;\n  }\n\n}\n\n";
+
+module.exports = dataSourceStats;
+//# sourceMappingURL=DatasourceStats.css.js.map

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

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

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

@@ -0,0 +1,76 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('clsx');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var useDatasourceStats = require('./useDatasourceStats.js');
+var DatasourceStats = require('./DatasourceStats.css.js');
+
+const classBase = "vuuDatasourceStats";
+const numberFormatter = new Intl.NumberFormat();
+const DataSourceStats = ({
+  children,
+  className,
+  dataSource,
+  showRowStats = true,
+  tooltrayActions,
+  ...htmlAttributes
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-datasource-stats",
+    css: DatasourceStats,
+    window: targetWindow
+  });
+  const { range, selectedCount, size } = useDatasourceStats.useDatasourceStats({
+    dataSource,
+    showRowStats
+  });
+  const from = numberFormatter.format(range.from + 1);
+  const to = numberFormatter.format(Math.min(range.to, size));
+  const value = numberFormatter.format(size);
+  if (size === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlAttributes, className: cx(classBase, className), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label`, children: "No Rows to display" }) });
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...htmlAttributes,
+        className: cx(classBase, className, {
+          [`${classBase}-withSelection`]: selectedCount > 0
+        }),
+        children: [
+          showRowStats ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-statsPanel ${classBase}-rowStats`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label`, children: "Row count" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${classBase}-range`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-value`, children: from }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label`, children: "-" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-value`, children: to })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label`, children: "of" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-value`, children: value }),
+            selectedCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cx(`${classBase}-label`, `${classBase}-selected`),
+                children: `${selectedCount.toLocaleString()} selected`
+              }
+            ) : null
+          ] }) : null,
+          selectedCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `${classBase}-statsPanel ${classBase}-selectionActions`,
+              children
+            }
+          ) : null,
+          tooltrayActions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-statsPanel ${classBase}-tooltray`, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-actions`, children: tooltrayActions }) }) : null
+        ]
+      }
+    );
+  }
+};
+
+exports.DataSourceStats = DataSourceStats;
+//# sourceMappingURL=DatasourceStats.js.map

package/cjs/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":["useWindow","useComponentCssInjection","dataSourceStats","useDatasourceStats","jsx","jsxs"],"mappings":"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"}

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

@@ -0,0 +1,61 @@
+'use strict';
+
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+
+const timeFormatter = vuuUtils.formatDate({ time: "hh:mm:ss" });
+const formatTime = (ts) => {
+  if (typeof ts === "number") {
+    return timeFormatter(new Date(ts));
+  } else {
+    return void 0;
+  }
+};
+const useDatasourceStats = ({
+  dataSource
+}) => {
+  const [selectedCount, setSelectedCount] = react.useState(0);
+  const [range, setRange] = react.useState(dataSource.range);
+  const [size, setSize] = react.useState(dataSource.size);
+  const [freezeTime, setFreezeTime] = react.useState(
+    formatTime(dataSource.freezeTimestamp)
+  );
+  const handleFreeze = react.useCallback(
+    (isFrozen, freezeTimestamp) => {
+      if (isFrozen) {
+        setFreezeTime(formatTime(freezeTimestamp));
+      } else {
+        setFreezeTime(void 0);
+      }
+    },
+    []
+  );
+  const handleRowSelection = react.useCallback((count) => {
+    setSelectedCount(count);
+  }, []);
+  const handleSize = react.useCallback((size2) => {
+    setSize(size2);
+  }, []);
+  react.useMemo(() => {
+    setSize(dataSource.size);
+    dataSource.on("resize", handleSize);
+    dataSource.on("range", setRange);
+    dataSource.on("freeze", handleFreeze);
+    dataSource.on("row-selection", handleRowSelection);
+    return () => {
+      dataSource.removeListener("resize", handleSize);
+      dataSource.removeListener("range", setRange);
+      dataSource.removeListener("freeze", handleFreeze);
+      dataSource.removeListener("row-selection", handleRowSelection);
+    };
+  }, [dataSource, handleFreeze, handleRowSelection, handleSize]);
+  return {
+    range,
+    selectedCount,
+    size,
+    freezeTime
+  };
+};
+
+exports.useDatasourceStats = useDatasourceStats;
+//# sourceMappingURL=useDatasourceStats.js.map

package/cjs/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":["formatDate","useState","useCallback","size","useMemo"],"mappings":";;;;;AAWA,MAAM,aAAgB,GAAAA,mBAAA,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,GAAIC,eAAS,CAAC,CAAA;AACpD,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAgB,WAAW,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,cAAA,CAAS,WAAW,IAAI,CAAA;AAChD,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAAA,cAAA;AAAA,IAClC,UAAA,CAAW,WAAW,eAAe;AAAA,GACvC;AAEA,EAAA,MAAM,YAAe,GAAAC,iBAAA;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,GAAqBA,iBAAsC,CAAA,CAAC,KAAU,KAAA;AAC1E,IAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,GACxB,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,UAAA,GAAaA,iBAAY,CAAA,CAACC,KAAiB,KAAA;AAC/C,IAAA,OAAA,CAAQA,KAAI,CAAA;AAAA,GACd,EAAG,EAAE,CAAA;AAEL,EAAAC,aAAA,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/cjs/packages/vuu-table-extras/src/freeze-control/FreezeControl.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var freezeControlCss = ".vuuFreezeControl {\n  display: inline-flex;\n  --freeze-control-flash-duration: 0.25s;\n  --freeze-control-active-button-color: var(--salt-palette-error-background);\n  --freeze-control-badge-color: var(--salt-palette-success-background);\n\n  height: fit-content;\n\n  .vuuFreezeControl-buttonRow {\n    background-color: var(--salt-container-secondary-background);\n    border: 1px solid var(--salt-container-secondary-borderColor);\n    border-radius: 50px;\n    display: flex;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  .vuuFreezeControl-buttonWrapper {\n    border-radius: 50px;\n    padding: 0 var(--salt-spacing-150);\n    background-color: var(--salt-container-secondary-background);\n  }\n\n  .vuuFreezeControl-buttonWrapper-active {\n    background-color: var(--freeze-control-active-button-color);\n  }\n\n  .saltToggleButtonGroup {\n    padding: var(--vuuFreezeControl-padding, 0px);\n  }\n\n  .vuuFreezeControl-buttonWrapper-active .saltToggleButton {\n    background-color: var(--freeze-control-active-button-color);\n    color: var(--salt-actionable-secondary-foreground-active);\n  }\n\n  .saltToggleButtonGroup.vuuStateButtonGroup {\n    background-color: var(--salt-container-secondary-background);\n  }\n\n  .saltToggleButtonGroup.vuuStateButtonGroup .saltToggleButton {\n    background-color: transparent;\n  }\n\n  .vuuFreezeControl-customBadge {\n    background-color: transparent;\n    border-radius: 50%;\n    color: var(--salt-text-primary-foreground);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--salt-text-fontSize);\n    font-weight: bold;\n    height: var(--salt-size-base);\n    width: var(--salt-size-base);\n    min-width: var(--salt-size-base);\n    margin-left: var(--salt-spacing-100);\n    position: relative;\n    line-height: 1;\n    overflow: visible;\n  }\n\n  .vuuFreezeControl-newItems {\n    align-items: center;\n    background-color: var(--salt-container-secondary-background);\n    display: flex;\n    font-size: var(--salt-text-fontSize);\n    padding: 0 var(--salt-spacing-200);\n  }\n}\n\n.vuuFreezeControl-customBadge-flashing {\n  animation: flashGreenRed var(--freeze-control-flash-duration, 0.25s)\n    steps(1, end) infinite;\n}\n\n.vuuFreezeControl-customBadge[data-overflow=\"true\"] {\n  padding-right: 0.2em;\n}\n\n.vuuFreezeControl-plus {\n  font-size: 0.8em;\n  line-height: 1;\n  position: absolute;\n  top: 0.1em;\n  right: -0.05em;\n  font-weight: bold;\n  color: inherit;\n  pointer-events: none;\n}\n\n@keyframes flashGreenRed {\n  0% {\n    background-color: var(--freeze-control-badge-color);\n  }\n  50% {\n    background-color: transparent;\n  }\n  100% {\n    background-color: var(--freeze-control-badge-color);\n  }\n}\n";
+
+module.exports = freezeControlCss;
+//# sourceMappingURL=FreezeControl.css.js.map

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

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