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

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

@@ -1,306 +0,0 @@
-'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,
-  onEditSessionEnded,
-  onEditSessionStarted,
-  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;
-      if (table2) {
-        const sessionDs = dataSource.createSessionDataSource?.(table2);
-        if (sessionDs) {
-          onEditSessionStarted?.(sessionDs);
-        }
-      }
-      setSessionTable(table2);
-    },
-    [dataSource, onEditSessionStarted]
-  );
-  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);
-      onEditSessionEnded?.({
-        reason,
-        sessionTable: currentSessionTable
-      });
-      return result;
-    },
-    [dataSource, onEditSessionEnded, 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.beginEditSession) {
-      throw Error("CsvUpload requires datasource beginEditSession support.");
-    }
-    const sessionDataSource = await dataSource.beginEditSession("empty-session-table");
-    const sessionVuuTable = sessionDataSource?.table;
-    if (sessionVuuTable && vuuUtils.isSessionTable(sessionVuuTable)) {
-      setActiveSessionTable(sessionVuuTable);
-    }
-  }, [dataSource, 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

@@ -1 +0,0 @@
-{"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":["useState","useRef","useCallback","table","CSV_FIRST_DATA_ROW_NUMBER","executeBatchRpcCalls","isRpcSuccess","buildRowErrorMessage","createUploadError","isSessionTable","parseCsv","hasFileParseErrors","validateCsvAgainstSchema","mergeValidationWithParseErrors","toErrorMessage","isCsvParseError","useMemo","normalizeTableData"],"mappings":";;;;;;;;;AAuDO,MAAM,eAAe,CAAC;AAAA,EAC3B,UAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAA8C,KAAA;AAC5C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,cAElC,EAAA;AACF,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,cAEtC,EAAA;AACF,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC9D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,KAAK,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkBC,aAA0C,KAAS,CAAA,CAAA;AAE3E,EAAA,MAAM,qBAAwB,GAAAC,iBAAA;AAAA,IAC5B,CAACC,MAAkC,KAAA;AACjC,MAAA,eAAA,CAAgB,OAAUA,GAAAA,MAAAA;AAC1B,MAAA,IAAIA,MAAO,EAAA;AACT,QAAM,MAAA,SAAA,GAAY,UAAW,CAAA,uBAAA,GAA0BA,MAAK,CAAA;AAC5D,QAAA,IAAI,SAAW,EAAA;AACb,UAAA,oBAAA,GAAuB,SAAS,CAAA;AAAA;AAClC;AAEF,MAAA,eAAA,CAAgBA,MAAK,CAAA;AAAA,KACvB;AAAA,IACA,CAAC,YAAY,oBAAoB;AAAA,GACnC;AAEA,EAAA,MAAM,uBAA0B,GAAAD,iBAAA;AAAA,IAC9B,OAAO,MAAe,MAAsC,KAAA;AAC1D,MAAI,IAAA,CAAC,WAAW,cAAgB,EAAA;AAC9B,QAAA,MAAM,MAAM,uDAAuD,CAAA;AAAA;AAErE,MAAA,MAAM,sBAAsB,eAAgB,CAAA,OAAA;AAC5C,MAAA,MAAM,MAAS,GAAA,MAAM,UAAW,CAAA,cAAA,CAAe,IAAI,CAAA;AAEnD,MAAA,qBAAA,CAAsB,KAAS,CAAA,CAAA;AAC/B,MAAqB,kBAAA,GAAA;AAAA,QACnB,MAAA;AAAA,QACA,YAAc,EAAA;AAAA,OACf,CAAA;AACD,MAAO,OAAA,MAAA;AAAA,KACT;AAAA,IACA,CAAC,UAAY,EAAA,kBAAA,EAAoB,qBAAqB;AAAA,GACxD;AAEA,EAAA,MAAM,QAAQ,UAAW,CAAA,KAAA;AACzB,EAAA,MAAM,SAAS,UAAW,CAAA,WAAA;AAE1B,EAAA,MAAM,UAAa,GAAAA,iBAAA;AAAA,IACjB,OAAO,gBAA0C,KAAA;AAC/C,MAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,QAAA,MAAM,MAAM,oDAAoD,CAAA;AAAA;AAGlE,MAAM,MAAA,WAAA,uBAAkB,GAAoB,EAAA;AAC5C,MAAA,KAAA,MAAW,EAAE,MAAQ,EAAA,MAAA,EAAQ,OAAQ,EAAA,IAAK,iBAAiB,MAAQ,EAAA;AACjE,QAAA,IAAI,SAASE,sCAA2B,EAAA;AACxC,QAAM,MAAA,QAAA,GAAW,WAAY,CAAA,GAAA,CAAI,MAAM,CAAA;AACvC,QAAA,MAAM,WAAc,GAAA,CAAA,EAAG,MAAM,CAAA,EAAA,EAAK,OAAO,CAAA,CAAA;AACzC,QAAY,WAAA,CAAA,GAAA;AAAA,UACV,MAAA;AAAA,UACA,QAAA,GAAW,GAAG,QAAQ,CAAA,EAAA,EAAK,WAAW,CAAK,CAAA,GAAA,CAAA,IAAA,EAAO,MAAM,CAAA,EAAA,EAAK,WAAW,CAAA;AAAA,SAC1E;AAAA;AAGF,MAAM,MAAA,cAAA,GAAiB,iBAAiB,IAAK,CAAA,MAAA;AAC7C,MAAA,MAAM,oBAAoB,CAAC,GAAG,WAAY,CAAA,IAAA,EAAM,CAC7C,CAAA,MAAA,CAAO,CAAC,MAAA,KAAW,SAASA,sCAA6B,IAAA,cAAc,CACvE,CAAA,GAAA,CAAI,CAAC,MAAY,MAAA;AAAA,QAChB,MAAA;AAAA,QACA,SAAS,EAAC;AAAA,QACV,MAAQ,EAAA,WAAA,CAAY,GAAI,CAAA,MAAM,CAAK,IAAA;AAAA,OACnC,CAAA,CAAA;AAEJ,MAAA,MAAM,OAAU,GAAA;AAAA,QACd,GAAG,gBAAiB,CAAA,IAAA,CAAK,GAAI,CAAA,CAAC,SAAS,GAAS,MAAA;AAAA,UAC9C,QAAQ,GAAM,GAAAA,sCAAA;AAAA,UACd,OAAA,EAAS,WAAW,EAAC;AAAA,UACrB,MAAQ,EAAA,WAAA,CAAY,GAAI,CAAA,GAAA,GAAMA,sCAAyB,CAAK,IAAA;AAAA,SAC5D,CAAA,CAAA;AAAA,QACF,GAAG;AAAA,OACL;AAEA,MAAA,MAAM,EAAE,MAAA,EAAQ,SAAU,EAAA,GAAI,MAAMC,mCAAA;AAAA,QAClC,OAAA;AAAA,QACA,OAAO,EAAE,MAAQ,EAAA,OAAA,EAAS,QAAa,KAAA;AACrC,UAAA,MAAM,OAAU,GAAA,EAAE,GAAG,OAAA,EAAS,QAAQ,MAAO,EAAA;AAC7C,UAAM,MAAA,MAAA,GAAS,MAAM,UAAA,CAAW,UAAa,GAAA;AAAA,YAC3C,IAAM,EAAA,aAAA;AAAA,YACN,OAAS,EAAA,QAAA;AAAA,YACT,MAAQ,EAAA;AAAA,cACN,GAAA,EAAK,OAAO,MAAM,CAAA;AAAA,cAClB,IAAM,EAAA;AAAA;AACR,WACD,CAAA;AACD,UAAI,IAAA,CAACC,qBAAa,CAAA,MAAM,CAAG,EAAA;AACzB,YAAA,MAAM,MACJ,MAAU,IAAA,cAAA,IAAkB,SACxB,MAAO,CAAA,MAAA,CAAO,YAAY,CAC1B,GAAA,mBAAA;AACN,YAAA,MAAM,MAAM,GAAG,CAAA;AAAA;AAEjB,UAAO,OAAA,MAAA;AAAA,SACT;AAAA,QACA,CAAC,EAAE,MAAO,EAAA,EAAG,UAAU,CAAO,IAAA,EAAA,MAAM,KAAK,KAAK,CAAA;AAAA,OAChD;AAEA,MAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,QAAM,MAAA,YAAA,GAAeC,mCAAqB,CAAA,eAAA,EAAiB,SAAS,CAAA;AACpE,QAAA,MAAM,MAA0B,GAAA;AAAA,UAC9B,WAAA,EAAaC,gCAAkB,CAAA,QAAA,EAAU,YAAY;AAAA,SACvD;AACA,QAAU,OAAA,GAAA,EAAE,QAAQ,CAAA;AAAA;AACtB,KACF;AAAA,IACA,CAAC,UAAY,EAAA,OAAA,EAAS,KAAK;AAAA,GAC7B;AAEA,EAAM,MAAA,gBAAA,GAAmBN,kBAAY,YAAY;AAC/C,IAAI,IAAA,CAAC,WAAW,gBAAkB,EAAA;AAChC,MAAA,MAAM,MAAM,yDAAyD,CAAA;AAAA;AAGvE,IAAA,MAAM,iBAAoB,GAAA,MAAM,UAAW,CAAA,gBAAA,CAAiB,qBAAqB,CAAA;AAEjF,IAAA,MAAM,kBAAkB,iBAAmB,EAAA,KAAA;AAC3C,IAAI,IAAA,eAAA,IAAmBO,uBAAe,CAAA,eAAe,CAAG,EAAA;AACtD,MAAA,qBAAA,CAAsB,eAAwC,CAAA;AAAA;AAChE,GACC,EAAA,CAAC,UAAY,EAAA,qBAAqB,CAAC,CAAA;AAEtC,EAAA,MAAM,uBAA0B,GAAAP,iBAAA;AAAA,IAC9B,OAAO,IAAkB,KAAA;AACvB,MAAI,IAAA,eAAA,CAAgB,YAAY,KAAW,CAAA,EAAA;AACzC,QAAA;AAAA;AAEF,MAAA,MAAM,uBAAwB,CAAA,IAAA,EAAM,IAAO,GAAA,OAAA,GAAU,WAAW,CAAA;AAAA,KAClE;AAAA,IACA,CAAC,uBAAuB;AAAA,GAC1B;AAEA,EAAA,MAAM,WAAc,GAAAA,iBAAA;AAAA,IAClB,OAAO,IAAe,KAAA;AACpB,MAAA,aAAA,CAAc,KAAS,CAAA,CAAA;AACvB,MAAA,OAAA,GAAU,KAAS,CAAA,CAAA;AAEnB,MAAA,MAAM,wBAAwB,KAAK,CAAA;AAEnC,MAAA,IAAI,WAAW,KAAW,CAAA,EAAA;AACxB,QAAA,MAAM,MAAM,oCAAoC,CAAA;AAAA;AAGlD,MAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,QAAA,MAAM,MAAM,oDAAoD,CAAA;AAAA;AAGlE,MAAA,MAAM,YAAYQ,iBAAS,CAAA,MAAM,IAAK,CAAA,IAAA,IAAQ,YAAY,CAAA;AAC1D,MAAA,IAAI,SAAU,CAAA,KAAA,IAASC,iCAAmB,CAAA,SAAA,CAAU,KAAK,CAAG,EAAA;AAC1D,QAAA,aAAA,CAAc,KAAS,CAAA,CAAA;AACvB,QAAU,OAAA,GAAA;AAAA,UACR,MAAQ,EAAA;AAAA,YACN,eAAiB,EAAAH,gCAAA;AAAA,cACf,YAAA;AAAA,cACA,CAAA,mBAAA,EAAsB,SAAU,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,cAC7C,SAAU,CAAA;AAAA;AACZ;AACF,SACD,CAAA;AACD,QAAA;AAAA;AAGF,MAAM,MAAA,gBAAA,GAAmBI,4CAAyB,CAAA,SAAA,EAAW,MAAQ,EAAA;AAAA,QACnE;AAAA,OACD,CAAA;AAED,MAAA,IAAI,OAAO,IAAK,CAAA,gBAAA,CAAiB,SAAS,UAAU,CAAA,CAAE,SAAS,CAAG,EAAA;AAChE,QAAA,aAAA,CAAc,gBAAgB,CAAA;AAC9B,QAAU,OAAA,GAAA;AAAA,UACR,MAAQ,EAAA;AAAA,YACN,WAAa,EAAAJ,gCAAA;AAAA,cACX,QAAA;AAAA,cACA,wBAAA;AAAA,cACA,SAAU,CAAA,KAAA;AAAA,cACV;AAAA,gBACE,UAAU,gBAAiB,CAAA,QAAA;AAAA,gBAC3B,QAAQ,gBAAiB,CAAA,MAAA;AAAA,gBACzB,OAAS,EAAA;AAAA;AACX;AACF;AACF,SACD,CAAA;AACD,QAAA;AAAA;AAGF,MAAA,MAAM,gBAAmB,GAAAK,6CAAA;AAAA,QACvB,gBAAA;AAAA,QACA,SAAU,CAAA;AAAA,OACZ;AAEA,MAAA,aAAA,CAAc,gBAAgB,CAAA;AAE9B,MAAI,IAAA,gBAAA,CAAiB,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AACpC,QAAA,MAAM,gBAAiB,EAAA;AAEvB,QAAI,IAAA;AACF,UAAA,MAAM,WAAW,gBAAgB,CAAA;AAAA,iBAC1B,KAAO,EAAA;AACd,UAAM,MAAA,uBAAA,CAAwB,OAAO,QAAQ,CAAA;AAC7C,UAAA,aAAA,CAAc,KAAS,CAAA,CAAA;AACvB,UAAU,OAAA,GAAA;AAAA,YACR,MAAQ,EAAA;AAAA,cACN,WAAa,EAAAL,gCAAA;AAAA,gBACX,QAAA;AAAA,gBACA,CAAA,mBAAA,EAAsBM,6BAAe,CAAA,KAAK,CAAC,CAAA;AAAA;AAC7C;AACF,WACD,CAAA;AAAA;AACH;AACF,KACF;AAAA,IACA;AAAA,MACE,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAA;AAAA,MACA,uBAAA;AAAA,MACA,KAAA;AAAA,MACA,uBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,WAAc,GAAAZ,iBAAA;AAAA,IAClB,OAAO,KAAkB,KAAA;AACvB,MAAM,MAAA,IAAA,GAAO,MAAM,CAAC,CAAA;AACpB,MAAA,IAAI,SAAS,KAAW,CAAA,EAAA;AACtB,QAAA;AAAA;AAEF,MAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,MAAsB,mBAAA,IAAA;AACtB,MAAI,IAAA;AACF,QAAA,MAAM,YAAY,IAAI,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAA,aAAA,CAAc,KAAS,CAAA,CAAA;AACvB,QAAA,qBAAA,CAAsB,KAAS,CAAA,CAAA;AAC/B,QAAA,MAAM,UAAa,GAAAa,8BAAA,CAAgB,GAAG,CAAA,GAAI,GAAM,GAAA,KAAA,CAAA;AAChD,QAAM,MAAA,YAAA,GAAe,aACjB,CAAsB,mBAAA,EAAA,UAAA,CAAW,OAAO,CACxC,CAAA,GAAA,CAAA,mBAAA,EAAsBD,6BAAe,CAAA,GAAG,CAAC,CAAA,CAAA;AAC7C,QAAA,MAAM,MAA+B,GAAA;AAAA,UACnC,MAAQ,EAAA;AAAA,YACN,eAAiB,EAAAN,gCAAA;AAAA,cACf,YAAA;AAAA,cACA,YAAA;AAAA,cACA;AAAA;AACF;AACF,SACF;AACA,QAAA,OAAA,GAAU,MAAM,CAAA;AAAA,OAChB,SAAA;AACA,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA;AAC3B,KACF;AAAA,IACA,CAAC,OAAA,EAAS,mBAAqB,EAAA,WAAA,EAAa,qBAAqB;AAAA,GACnE;AAEA,EAAA,MAAM,MAAS,GAAAN,iBAAA;AAAA,IACb,CAAC,QAAyC,KAAkB,KAAA;AAC1D,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,KACnB;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,eAAkB,GAAAA,iBAAA;AAAA,IACtB,CAAC,QAA6C,KAAkB,KAAA;AAC9D,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,KACnB;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,SAAY,GAAAc,aAAA;AAAA,IAChB,MACE,UAAA,KAAe,KACf,CAAA,IAAA,UAAA,CAAW,MAAO,CAAA,MAAA,KAAW,CAC7B,IAAA,UAAA,CAAW,IAAK,CAAA,MAAA,GAAS,CACzB,IAAA,CAAC,oBACD,CAAC,WAAA;AAAA,IACH,CAAC,WAAa,EAAA,gBAAA,EAAkB,UAAU;AAAA,GAC5C;AAEA,EAAM,MAAA,UAAA,GAAad,kBAAY,YAAY;AACzC,IAAI,IAAA,CAAC,SAAa,IAAA,UAAA,KAAe,KAAW,CAAA,EAAA;AAC1C,MAAA;AAAA;AAGF,IAAA,cAAA,CAAe,IAAI,CAAA;AACnB,IAAA,OAAA,GAAU,KAAS,CAAA,CAAA;AAEnB,IAAI,IAAA;AACF,MAAA,MAAM,SAAY,GAAA,MAAM,uBAAwB,CAAA,IAAA,EAAM,OAAO,CAAA;AAE7D,MAAA,MAAM,iBAAoB,GAAA;AAAA,QACxB,SAAS,UAAW,CAAA,OAAA;AAAA,QACpB,IAAA,EAAM,WAAW,IAAK,CAAA,GAAA;AAAA,UAAI,CAAC,GACzB,KAAA,UAAA,CAAW,OAAQ,CAAA,GAAA,CAAI,CAAC,MAAW,KAAA,GAAA,CAAI,MAAM,CAAA,IAAK,EAAE;AAAA;AACtD,OACF;AAEA,MAAa,UAAA,GAAA;AAAA,QACX,SAAA;AAAA,QACA,SAAA,EAAWe,iCAAmB,CAAA,SAAA,EAAW,iBAAiB;AAAA,OAC3D,CAAA;AAAA,aACM,GAAK,EAAA;AACZ,MAAA,MAAM,YAAe,GAAA,CAAA,mBAAA,EAAsB,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AACtD,MAAA,MAAM,MAA+B,GAAA;AAAA,QACnC,MAAQ,EAAA;AAAA,UACN,WAAA,EAAaT,gCAAkB,CAAA,QAAA,EAAU,YAAY;AAAA;AACvD,OACF;AACA,MAAA,OAAA,GAAU,MAAM,CAAA;AAAA,KAChB,SAAA;AACA,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AACtB,KACC,CAAC,SAAA,EAAW,yBAAyB,OAAS,EAAA,UAAA,EAAY,UAAU,CAAC,CAAA;AAExE,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -1,73 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-'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

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

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

@@ -1,76 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,61 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-'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

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