@vuu-ui/vuu-table-extras 2.3.0 → 3.0.0-beta.1

package/cjs/packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var vuuDataReact = require('@vuu-ui/vuu-data-react');
 var vuuUtils = require('@vuu-ui/vuu-utils');
+var vuuDataEditing = require('@vuu-ui/vuu-data-editing');
 var cx = require('clsx');
 var core = require('@salt-ds/core');
 var styles = require('@salt-ds/styles');
@@ -29,6 +30,7 @@ const DropdownCell = react.memo(
     }
     const [open, setOpen] = react.useState(false);
     const dataValue = dataRow[column.name];
+    const readOnly = vuuDataEditing.isEditRowReadOnly(dataRow);
     const { values } = vuuDataReact.useLookupValues(column, dataValue);
     const valueRef = react.useRef(void 0);
     react.useMemo(() => {
@@ -87,6 +89,7 @@ const DropdownCell = react.memo(
         onOpenChange: handleOpenChange,
         onSelectionChange: handleSelectionChange,
         open,
+        readOnly,
         selected: selectedOption ? [selectedOption] : [],
         value: selectedOption?.label,
         children: values.map((listOption, i) => /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value: listOption, children: listOption.label }, i))

package/cjs/packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownCell.js","sources":["../../../../../../../../packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.tsx"],"sourcesContent":["import { useLookupValues } from \"@vuu-ui/vuu-data-react\";\nimport type { VuuColumnDataType } from \"@vuu-ui/vuu-protocol-types\";\nimport { ListOption, TableCellRendererProps } from \"@vuu-ui/vuu-table-types\";\nimport {\n  dataColumnAndKeyUnchanged,\n  dispatchCustomEvent,\n  getSelectedOption,\n  isRpcSuccess,\n  registerComponent,\n} from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { Dropdown, Option } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  SyntheticEvent,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport dropdownCellCss from \"./DropdownCell.css\";\n\nconst classBase = \"vuuTableDropdownCell\";\n\nexport const DropdownCell = memo(\n  function DropdownCell({\n    column,\n    dataRow,\n    editedDuringCurrentSession,\n    onEdit,\n  }: TableCellRendererProps) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-dropdown-cell\",\n      css: dropdownCellCss,\n      window: targetWindow,\n    });\n\n    if (editedDuringCurrentSession) {\n      console.log(`${column.name} edited ${editedDuringCurrentSession}`);\n    }\n\n    const [open, setOpen] = useState(false);\n    const dataValue = dataRow[column.name] as string | number;\n    const { values } = useLookupValues(column, dataValue);\n    const valueRef = useRef<ListOption>(undefined);\n\n    useMemo(() => {\n      valueRef.current = getSelectedOption(values, dataValue);\n    }, [dataValue, values]);\n\n    const handleOpenChange = useCallback((isOpen: boolean) => {\n      console.log(`handleOpenChange ${isOpen}`);\n      if (isOpen === false) {\n        setOpen(false);\n      }\n    }, []);\n\n    const handleSelectionChange = useCallback(\n      async (evt: SyntheticEvent, [selectedOption]: ListOption[]) => {\n        if (selectedOption) {\n          // Note, we do not setState locally when a selection is made, we just send the update\n          // to the server. We rely on the update coming back in from a server response which\n          // we handle in the useMemo above. If we worry that server repsonses might be too slow\n          // we can extend this logic with some kind of pending update state.\n          const response = await onEdit?.(\n            {\n              editType: \"commit\",\n              isValid: true,\n              previousValue: valueRef.current?.value,\n              value: selectedOption.value as VuuColumnDataType,\n            },\n            \"commit\",\n          );\n          if (isRpcSuccess(response)) {\n            // TODO this should be done in TableCell\n            dispatchCustomEvent(evt.target as HTMLElement, \"vuu-commit\");\n          }\n        }\n      },\n      [onEdit],\n    );\n\n    const handleClick = useCallback<\n      MouseEventHandler<HTMLButtonElement>\n    >(() => {\n      if (!open) {\n        setOpen(true);\n      }\n    }, [open]);\n\n    const handleKeyDown = useCallback<KeyboardEventHandler>(\n      (e) => {\n        if (e.key === \"Enter\" && !open) {\n          e.preventDefault();\n          e.stopPropagation();\n          setOpen(true);\n        }\n      },\n      [open],\n    );\n\n    const { current: selectedOption } = valueRef;\n    return (\n      <Dropdown<ListOption>\n        className={cx(classBase, {\n          [`${classBase}-edited`]: editedDuringCurrentSession === true,\n        })}\n        data-icon=\"triangle-down\"\n        onClick={handleClick}\n        onKeyDownCapture={handleKeyDown}\n        onOpenChange={handleOpenChange}\n        onSelectionChange={handleSelectionChange}\n        open={open}\n        selected={selectedOption ? [selectedOption] : []}\n        value={selectedOption?.label}\n      >\n        {values.map((listOption, i) => (\n          <Option key={i} value={listOption}>\n            {listOption.label}\n          </Option>\n        ))}\n      </Dropdown>\n    );\n  },\n  (p: TableCellRendererProps, p1: TableCellRendererProps) =>\n    p.editedDuringCurrentSession !== p1.editedDuringCurrentSession &&\n    dataColumnAndKeyUnchanged(p, p1),\n);\nregisterComponent(\"dropdown-cell\", DropdownCell, \"cell-renderer\", {\n  userCanAssign: false,\n});\n"],"names":["memo","DropdownCell","useWindow","useComponentCssInjection","dropdownCellCss","useState","useLookupValues","useRef","useMemo","getSelectedOption","useCallback","selectedOption","isRpcSuccess","dispatchCustomEvent","jsx","Dropdown","Option","dataColumnAndKeyUnchanged","registerComponent"],"mappings":"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"}
+{"version":3,"file":"DropdownCell.js","sources":["../../../../../../../../packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.tsx"],"sourcesContent":["import { useLookupValues } from \"@vuu-ui/vuu-data-react\";\nimport type { VuuColumnDataType } from \"@vuu-ui/vuu-protocol-types\";\nimport { ListOption, TableCellRendererProps } from \"@vuu-ui/vuu-table-types\";\nimport {\n  dataColumnAndKeyUnchanged,\n  dispatchCustomEvent,\n  getSelectedOption,\n  isRpcSuccess,\n  registerComponent,\n} from \"@vuu-ui/vuu-utils\";\nimport { isEditRowReadOnly } from \"@vuu-ui/vuu-data-editing\";\nimport cx from \"clsx\";\nimport { Dropdown, Option } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  SyntheticEvent,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport dropdownCellCss from \"./DropdownCell.css\";\n\nconst classBase = \"vuuTableDropdownCell\";\n\nexport const DropdownCell = memo(\n  function DropdownCell({\n    column,\n    dataRow,\n    editedDuringCurrentSession,\n    onEdit,\n  }: TableCellRendererProps) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-dropdown-cell\",\n      css: dropdownCellCss,\n      window: targetWindow,\n    });\n\n    if (editedDuringCurrentSession) {\n      console.log(`${column.name} edited ${editedDuringCurrentSession}`);\n    }\n\n    const [open, setOpen] = useState(false);\n    const dataValue = dataRow[column.name] as string | number;\n    const readOnly = isEditRowReadOnly(dataRow);\n    const { values } = useLookupValues(column, dataValue);\n    const valueRef = useRef<ListOption>(undefined);\n\n    useMemo(() => {\n      valueRef.current = getSelectedOption(values, dataValue);\n    }, [dataValue, values]);\n\n    const handleOpenChange = useCallback((isOpen: boolean) => {\n      console.log(`handleOpenChange ${isOpen}`);\n      if (isOpen === false) {\n        setOpen(false);\n      }\n    }, []);\n\n    const handleSelectionChange = useCallback(\n      async (evt: SyntheticEvent, [selectedOption]: ListOption[]) => {\n        if (selectedOption) {\n          // Note, we do not setState locally when a selection is made, we just send the update\n          // to the server. We rely on the update coming back in from a server response which\n          // we handle in the useMemo above. If we worry that server repsonses might be too slow\n          // we can extend this logic with some kind of pending update state.\n          const response = await onEdit?.(\n            {\n              editType: \"commit\",\n              isValid: true,\n              previousValue: valueRef.current?.value,\n              value: selectedOption.value as VuuColumnDataType,\n            },\n            \"commit\",\n          );\n          if (isRpcSuccess(response)) {\n            // TODO this should be done in TableCell\n            dispatchCustomEvent(evt.target as HTMLElement, \"vuu-commit\");\n          }\n        }\n      },\n      [onEdit],\n    );\n\n    const handleClick = useCallback<\n      MouseEventHandler<HTMLButtonElement>\n    >(() => {\n      if (!open) {\n        setOpen(true);\n      }\n    }, [open]);\n\n    const handleKeyDown = useCallback<KeyboardEventHandler>(\n      (e) => {\n        if (e.key === \"Enter\" && !open) {\n          e.preventDefault();\n          e.stopPropagation();\n          setOpen(true);\n        }\n      },\n      [open],\n    );\n\n    const { current: selectedOption } = valueRef;\n    return (\n      <Dropdown<ListOption>\n        className={cx(classBase, {\n          [`${classBase}-edited`]: editedDuringCurrentSession === true,\n        })}\n        data-icon=\"triangle-down\"\n        onClick={handleClick}\n        onKeyDownCapture={handleKeyDown}\n        onOpenChange={handleOpenChange}\n        onSelectionChange={handleSelectionChange}\n        open={open}\n        readOnly={readOnly}\n        selected={selectedOption ? [selectedOption] : []}\n        value={selectedOption?.label}\n      >\n        {values.map((listOption, i) => (\n          <Option key={i} value={listOption}>\n            {listOption.label}\n          </Option>\n        ))}\n      </Dropdown>\n    );\n  },\n  (p: TableCellRendererProps, p1: TableCellRendererProps) =>\n    p.editedDuringCurrentSession !== p1.editedDuringCurrentSession &&\n    dataColumnAndKeyUnchanged(p, p1),\n);\nregisterComponent(\"dropdown-cell\", DropdownCell, \"cell-renderer\", {\n  userCanAssign: false,\n});\n"],"names":["memo","DropdownCell","useWindow","useComponentCssInjection","dropdownCellCss","useState","isEditRowReadOnly","useLookupValues","useRef","useMemo","getSelectedOption","useCallback","selectedOption","isRpcSuccess","dispatchCustomEvent","jsx","Dropdown","Option","dataColumnAndKeyUnchanged","registerComponent"],"mappings":"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"}

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

@@ -13,18 +13,13 @@ const CsvUpload = (props) => {
   const {
     children,
     dialogTitle = "Import CSV",
+    embedded = false,
     onCancel,
     onClose,
     open
   } = props;
   const isControlledOpen = open !== void 0;
   const [internalOpen, setInternalOpen] = react.useState(open ?? true);
-  const handleCancel = react.useCallback(() => {
-    if (!isControlledOpen) {
-      setInternalOpen(false);
-    }
-    onCancel?.();
-  }, [isControlledOpen, onCancel]);
   const dialogOpen = isControlledOpen ? open : internalOpen;
   const targetWindow = window.useWindow();
   styles.useComponentCssInjection({
@@ -34,6 +29,7 @@ const CsvUpload = (props) => {
   });
   const {
     canImport,
+    cancelImport,
     isProcessingFile,
     isImporting,
     importData,
@@ -42,52 +38,70 @@ const CsvUpload = (props) => {
     schema,
     validation
   } = useCsvUpload.useCsvUpload(props);
+  const handleCancel = react.useCallback(async () => {
+    await cancelImport();
+    if (!isControlledOpen) {
+      setInternalOpen(false);
+    }
+    onCancel?.();
+  }, [cancelImport, isControlledOpen, onCancel]);
   const handleImport = react.useCallback(async () => {
-    await importData();
-    onClose?.();
+    if (await importData()) {
+      onClose?.();
+    }
   }, [importData, onClose]);
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classBase, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      core.FileDropZone,
+      {
+        className: `${classBase}-dropZone`,
+        disabled: schema === void 0 || isProcessingFile || isImporting,
+        onDrop,
+        status: validation && validation.errors.length > 0 ? "error" : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.FileDropZoneIcon, {}),
+          validation && validation.errors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Your file contains errors" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: " Please rectify and reupload" })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Drop a file here or" }),
+          /* @__PURE__ */ jsxRuntime.jsx(core.FileDropZoneTrigger, { accept: ".csv,text/csv", onChange: onTriggerChange, children: "BROWSE FILES" })
+        ]
+      }
+    ),
+    children
+  ] });
+  const actions = /* @__PURE__ */ jsxRuntime.jsxs(core.DialogActions, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.Button,
+      {
+        appearance: "solid",
+        disabled: isImporting,
+        sentiment: "negative",
+        onClick: handleCancel,
+        children: "Cancel"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.Button,
+      {
+        disabled: !canImport,
+        appearance: "solid",
+        sentiment: "accented",
+        onClick: handleImport,
+        children: isProcessingFile ? "Validating..." : isImporting ? "Importing..." : "Import"
+      }
+    )
+  ] });
+  if (embedded) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      content,
+      actions
+    ] });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(core.Dialog, { open: dialogOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(core.DialogHeader, { header: dialogTitle }),
-    /* @__PURE__ */ jsxRuntime.jsx(core.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classBase, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        core.FileDropZone,
-        {
-          className: `${classBase}-dropZone`,
-          disabled: schema === void 0 || isProcessingFile || isImporting,
-          onDrop,
-          status: validation && validation.errors.length > 0 ? "error" : void 0,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(core.FileDropZoneIcon, {}),
-            validation && validation.errors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Your file contains errors" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { children: " Please rectify and reupload" })
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Drop a file here or" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              core.FileDropZoneTrigger,
-              {
-                accept: ".csv,text/csv",
-                onChange: onTriggerChange,
-                children: "BROWSE FILES"
-              }
-            )
-          ]
-        }
-      ),
-      children
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(core.DialogActions, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(core.Button, { appearance: "solid", sentiment: "negative", onClick: handleCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        core.Button,
-        {
-          disabled: !canImport,
-          appearance: "solid",
-          sentiment: "accented",
-          onClick: handleImport,
-          children: isProcessingFile ? "Validating..." : isImporting ? "Importing..." : "Import"
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx(core.DialogContent, { children: content }),
+    actions
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CsvUpload.js","sources":["../../../../../../../packages/vuu-table-extras/src/csv-upload/CsvUpload.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogHeader,\n  FileDropZone,\n  FileDropZoneIcon,\n  FileDropZoneTrigger,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { type ReactNode, useCallback, useState } from \"react\";\nimport type { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport type { CsvParseError, CsvParseOptions } from \"./parse/csv-parse\";\nimport type { CsvValidationStructuredError } from \"./parse/csv-schema-validation\";\nimport type { CsvUploadTableData } from \"./parse/csv-upload-utils\";\nimport { useCsvUpload } from \"./useCsvUpload\";\nimport css from \"./CsvUpload.css\";\n\nexport type CsvUploadImportedResult = {\n  rpcResult: unknown;\n  tableData: CsvUploadTableData;\n};\n\nexport type CsvUploadErrors = {\n  schemaError?: CsvUploadError;\n  validationError?: CsvUploadError;\n  importError?: CsvUploadError;\n};\n\nexport type CsvUploadError = {\n  message: string;\n  parseError?: CsvParseError;\n  validationError?: CsvValidationStructuredError;\n  source: \"schema\" | \"validation\" | \"import\";\n};\n\nexport type CsvUploadErrorResult = {\n  errors: CsvUploadErrors;\n};\n\nexport type CsvUploadSessionTable = VuuTable;\n\nexport type CsvUploadSessionEndReason = \"saved\" | \"discarded\" | \"failed\";\n\nexport type CsvUploadSessionEndResult = {\n  reason: CsvUploadSessionEndReason;\n  sessionTable?: CsvUploadSessionTable;\n};\n\nexport type CsvUploadPhase =\n  | \"idle\"\n  | \"processing\"\n  | \"preview-ready\"\n  | \"importing\"\n  | \"imported\"\n  | \"failed\";\n\nexport interface CsvUploadProps {\n  children?: ReactNode;\n  dataSource: DataSource;\n  onImportSessionStarted?: (dataSource: DataSource) => void;\n  onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;\n  onError?: (result: CsvUploadErrorResult | undefined) => void;\n  onImported?: (result: CsvUploadImportedResult) => void;\n  onProcessingStarted?: () => void;\n  dialogTitle?: string;\n  maxRows?: number;\n  onCancel?: () => void;\n  onClose?: () => void;\n  open?: boolean;\n  parseOptions?: CsvParseOptions;\n}\n\nconst classBase = \"vuuCsvUpload\";\n\nexport const CsvUpload = (props: CsvUploadProps) => {\n  const {\n    children,\n    dialogTitle = \"Import CSV\",\n    onCancel,\n    onClose,\n    open,\n  } = props;\n  const isControlledOpen = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(open ?? true);\n\n  const handleCancel = useCallback(() => {\n    if (!isControlledOpen) {\n      setInternalOpen(false);\n    }\n    onCancel?.();\n  }, [isControlledOpen, onCancel]);\n\n  const dialogOpen = isControlledOpen ? open : internalOpen;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-csv-upload\",\n    css,\n    window: targetWindow,\n  });\n\n  const {\n    canImport,\n    isProcessingFile,\n    isImporting,\n    importData,\n    onDrop,\n    onTriggerChange,\n    schema,\n    validation,\n  } = useCsvUpload(props);\n\n  const handleImport = useCallback(async () => {\n    await importData();\n    onClose?.();\n  }, [importData, onClose]);\n\n  return (\n    <Dialog open={dialogOpen}>\n      <DialogHeader header={dialogTitle} />\n      <DialogContent>\n        <div className={classBase}>\n          <FileDropZone\n            className={`${classBase}-dropZone`}\n            disabled={schema === undefined || isProcessingFile || isImporting}\n            onDrop={onDrop}\n            status={\n              validation && validation.errors.length > 0 ? \"error\" : undefined\n            }\n          >\n            <FileDropZoneIcon />\n            {validation && validation.errors.length > 0 ? (\n              <>\n                <div>Your file contains errors</div>\n                <div> Please rectify and reupload</div>\n              </>\n            ) : (\n              <div>Drop a file here or</div>\n            )}\n            <FileDropZoneTrigger\n              accept=\".csv,text/csv\"\n              onChange={onTriggerChange}\n            >\n              BROWSE FILES\n            </FileDropZoneTrigger>\n          </FileDropZone>\n          {children}\n        </div>\n      </DialogContent>\n      <DialogActions>\n        <Button appearance=\"solid\" sentiment=\"negative\" onClick={handleCancel}>\n          Cancel\n        </Button>\n        <Button\n          disabled={!canImport}\n          appearance=\"solid\"\n          sentiment=\"accented\"\n          onClick={handleImport}\n        >\n          {isProcessingFile\n            ? \"Validating...\"\n            : isImporting\n              ? \"Importing...\"\n              : \"Import\"}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["useState","useCallback","useWindow","useComponentCssInjection","css","useCsvUpload","jsxs","Dialog","jsx","DialogHeader","DialogContent","FileDropZone","FileDropZoneIcon","Fragment","FileDropZoneTrigger","DialogActions","Button"],"mappings":"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"}
+{"version":3,"file":"CsvUpload.js","sources":["../../../../../../../packages/vuu-table-extras/src/csv-upload/CsvUpload.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogHeader,\n  FileDropZone,\n  FileDropZoneIcon,\n  FileDropZoneTrigger,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { type ReactNode, useCallback, useState } from \"react\";\nimport type { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport type { EditSession } from \"@vuu-ui/vuu-data-editing\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport type { CsvParseError, CsvParseOptions } from \"./parse/csv-parse\";\nimport type { CsvValidationStructuredError } from \"./parse/csv-schema-validation\";\nimport type { CsvUploadTableData } from \"./parse/csv-upload-utils\";\nimport { useCsvUpload } from \"./useCsvUpload\";\nimport css from \"./CsvUpload.css\";\n\nexport type CsvUploadImportedResult = {\n  tableData: CsvUploadTableData;\n};\n\nexport type CsvUploadPreviewResult = {\n  dataSource: DataSource;\n  editSession: EditSession;\n  tableData: CsvUploadTableData;\n};\n\nexport type CsvUploadErrors = {\n  schemaError?: CsvUploadError;\n  validationError?: CsvUploadError;\n  importError?: CsvUploadError;\n};\n\nexport type CsvUploadError = {\n  message: string;\n  parseError?: CsvParseError;\n  validationError?: CsvValidationStructuredError;\n  source: \"schema\" | \"validation\" | \"import\";\n};\n\nexport type CsvUploadErrorResult = {\n  errors: CsvUploadErrors;\n};\n\nexport type CsvUploadSessionTable = VuuTable;\n\nexport type CsvUploadSessionEndReason = \"saved\" | \"discarded\" | \"failed\";\n\nexport type CsvUploadSessionEndResult = {\n  reason: CsvUploadSessionEndReason;\n  sessionTable?: CsvUploadSessionTable;\n};\n\nexport type CsvUploadPhase =\n  | \"idle\"\n  | \"processing\"\n  | \"preview-ready\"\n  | \"importing\"\n  | \"imported\"\n  | \"failed\";\n\nexport interface CsvUploadProps {\n  children?: ReactNode;\n  dataSource: DataSource;\n  embedded?: boolean;\n  onImportSessionStarted?: (dataSource: DataSource) => void;\n  onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;\n  onError?: (result: CsvUploadErrorResult | undefined) => void;\n  onImported?: (result: CsvUploadImportedResult) => void;\n  onPreview?: (result: CsvUploadPreviewResult) => void;\n  onProcessingStarted?: () => void;\n  dialogTitle?: string;\n  maxRows?: number;\n  onCancel?: () => void;\n  onClose?: () => void;\n  open?: boolean;\n  parseOptions?: CsvParseOptions;\n  importMode?: \"direct\" | \"preview\";\n}\n\nconst classBase = \"vuuCsvUpload\";\n\nexport const CsvUpload = (props: CsvUploadProps) => {\n  const {\n    children,\n    dialogTitle = \"Import CSV\",\n    embedded = false,\n    onCancel,\n    onClose,\n    open,\n  } = props;\n  const isControlledOpen = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(open ?? true);\n\n  const dialogOpen = isControlledOpen ? open : internalOpen;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-csv-upload\",\n    css,\n    window: targetWindow,\n  });\n\n  const {\n    canImport,\n    cancelImport,\n    isProcessingFile,\n    isImporting,\n    importData,\n    onDrop,\n    onTriggerChange,\n    schema,\n    validation,\n  } = useCsvUpload(props);\n\n  const handleCancel = useCallback(async () => {\n    await cancelImport();\n    if (!isControlledOpen) {\n      setInternalOpen(false);\n    }\n    onCancel?.();\n  }, [cancelImport, isControlledOpen, onCancel]);\n\n  const handleImport = useCallback(async () => {\n    if (await importData()) {\n      onClose?.();\n    }\n  }, [importData, onClose]);\n\n  const content = (\n    <div className={classBase}>\n      <FileDropZone\n        className={`${classBase}-dropZone`}\n        disabled={schema === undefined || isProcessingFile || isImporting}\n        onDrop={onDrop}\n        status={\n          validation && validation.errors.length > 0 ? \"error\" : undefined\n        }\n      >\n        <FileDropZoneIcon />\n        {validation && validation.errors.length > 0 ? (\n          <>\n            <div>Your file contains errors</div>\n            <div> Please rectify and reupload</div>\n          </>\n        ) : (\n          <div>Drop a file here or</div>\n        )}\n        <FileDropZoneTrigger accept=\".csv,text/csv\" onChange={onTriggerChange}>\n          BROWSE FILES\n        </FileDropZoneTrigger>\n      </FileDropZone>\n      {children}\n    </div>\n  );\n\n  const actions = (\n    <DialogActions>\n      <Button\n        appearance=\"solid\"\n        disabled={isImporting}\n        sentiment=\"negative\"\n        onClick={handleCancel}\n      >\n        Cancel\n      </Button>\n      <Button\n        disabled={!canImport}\n        appearance=\"solid\"\n        sentiment=\"accented\"\n        onClick={handleImport}\n      >\n        {isProcessingFile\n          ? \"Validating...\"\n          : isImporting\n            ? \"Importing...\"\n            : \"Import\"}\n      </Button>\n    </DialogActions>\n  );\n\n  if (embedded) {\n    return (\n      <>\n        {content}\n        {actions}\n      </>\n    );\n  }\n\n  return (\n    <Dialog open={dialogOpen}>\n      <DialogHeader header={dialogTitle} />\n      <DialogContent>{content}</DialogContent>\n      {actions}\n    </Dialog>\n  );\n};\n"],"names":["useState","useWindow","useComponentCssInjection","css","useCsvUpload","useCallback","jsxs","FileDropZone","jsx","FileDropZoneIcon","Fragment","FileDropZoneTrigger","DialogActions","Button","Dialog","DialogHeader","DialogContent"],"mappings":"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"}

package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css = ".vuuDataUploadPreview {\n  display: flex;\n  flex-direction: column;\n  height: 420px;\n  width: 900px;\n\n  .vuuDataUploadPreview-content {\n    flex: 1 1 auto;\n  }\n}\n";
+
+module.exports = css;
+//# sourceMappingURL=DataUploadPreview.css.js.map

package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.css.js.map

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

package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var vuuDataEditing = require('@vuu-ui/vuu-data-editing');
+var vuuTable = require('@vuu-ui/vuu-table');
+var cx = require('clsx');
+var react = require('react');
+var TableFooter = require('../../table-footer/TableFooter.js');
+var DataUploadPreview$1 = require('./DataUploadPreview.css.js');
+var useDataUploadPreview = require('./useDataUploadPreview.js');
+
+const classBase = "vuuDataUploadPreview";
+const undoColumn = {
+  name: "undo",
+  source: "client",
+  width: 80,
+  type: {
+    name: "string",
+    renderer: {
+      name: vuuDataEditing.UNDO_CELL_RENDERER
+    }
+  }
+};
+const rowClassNameGenerators = [vuuDataEditing.EDIT_ACTION_ROW_CLASS_NAME_GENERATOR];
+const DataUploadPreview = ({
+  className,
+  editSession,
+  onClose,
+  saveLabel = "Submit",
+  tableSchema,
+  ...htmlAttributes
+}) => {
+  const dataSource = react.useMemo(
+    () => useDataUploadPreview.getSessionDataSource(editSession),
+    [editSession]
+  );
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-data-upload-preview",
+    css: DataUploadPreview$1,
+    window: targetWindow
+  });
+  const {
+    canCancel,
+    canSave,
+    hasSelection,
+    onCancel,
+    onDelete,
+    onSave,
+    sessionError
+  } = useDataUploadPreview.useDataUploadPreview({ dataSource, editSession, onClose });
+  const isRowSelectable = react.useCallback(
+    (dataRow) => dataRow.vuu_action !== "deleteRow",
+    []
+  );
+  const config = react.useMemo(() => {
+    const columns = tableSchema.columns.map(
+      (column) => column.name === "vuuMsg" ? {
+        ...column,
+        editable: false,
+        hidden: false,
+        label: "Error",
+        width: 300
+      } : {
+        ...column,
+        editable: true
+      }
+    );
+    if (!columns.some(({ name }) => name === "vuuMsg")) {
+      columns.push({
+        editable: false,
+        label: "Error",
+        name: "vuuMsg",
+        serverDataType: "string",
+        width: 300
+      });
+    }
+    return {
+      columns: columns.concat({ hidden: true, name: "vuu_action" }, undoColumn),
+      columnDefaultWidth: 150,
+      rowClassNameGenerators,
+      rowSeparators: true,
+      zebraStripes: true
+    };
+  }, [tableSchema.columns]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: cx(classBase, className), children: [
+    sessionError ? /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: sessionError }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-content`, children: /* @__PURE__ */ jsxRuntime.jsx(vuuDataEditing.DataEditingProvider, { editSession, children: /* @__PURE__ */ jsxRuntime.jsx(
+      vuuTable.Table,
+      {
+        config,
+        "data-viewport": dataSource.viewport,
+        dataSource,
+        isRowSelectable,
+        renderBufferSize: 10,
+        selectionModel: "checkbox"
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TableFooter.TableFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(TableFooter.TableFooterTray, { position: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      vuuDataEditing.EditButtons,
+      {
+        canCancel,
+        canSave,
+        editSession,
+        hasSelection,
+        onCancel,
+        onDelete,
+        onSave,
+        saveLabel
+      }
+    ) }) })
+  ] });
+};
+
+exports.DataUploadPreview = DataUploadPreview;
+//# sourceMappingURL=DataUploadPreview.js.map

package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataUploadPreview.js","sources":["../../../../../../../../packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport {\n  DataEditingProvider,\n  EDIT_ACTION_ROW_CLASS_NAME_GENERATOR,\n  EditButtons,\n  type EditSession,\n  UNDO_CELL_RENDERER,\n} from \"@vuu-ui/vuu-data-editing\";\nimport { Table } from \"@vuu-ui/vuu-table\";\nimport type {\n  ColumnDescriptor,\n  DataRow,\n  TableConfig,\n} from \"@vuu-ui/vuu-table-types\";\nimport cx from \"clsx\";\nimport type { HTMLAttributes } from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { TableFooter, TableFooterTray } from \"../../table-footer/TableFooter\";\nimport css from \"./DataUploadPreview.css\";\nimport {\n  getSessionDataSource,\n  useDataUploadPreview,\n} from \"./useDataUploadPreview\";\n\nconst classBase = \"vuuDataUploadPreview\";\n\nconst undoColumn: ColumnDescriptor = {\n  name: \"undo\",\n  source: \"client\",\n  width: 80,\n  type: {\n    name: \"string\",\n    renderer: {\n      name: UNDO_CELL_RENDERER,\n    },\n  },\n};\n\nconst rowClassNameGenerators = [EDIT_ACTION_ROW_CLASS_NAME_GENERATOR];\n\nexport interface DataUploadPreviewProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  editSession: EditSession;\n  onClose: () => void;\n  saveLabel?: string;\n  tableSchema: TableSchema;\n}\n\nexport const DataUploadPreview = ({\n  className,\n  editSession,\n  onClose,\n  saveLabel = \"Submit\",\n  tableSchema,\n  ...htmlAttributes\n}: DataUploadPreviewProps) => {\n  const dataSource = useMemo(\n    () => getSessionDataSource(editSession),\n    [editSession],\n  );\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-data-upload-preview\",\n    css,\n    window: targetWindow,\n  });\n\n  const {\n    canCancel,\n    canSave,\n    hasSelection,\n    onCancel,\n    onDelete,\n    onSave,\n    sessionError,\n  } = useDataUploadPreview({ dataSource, editSession, onClose });\n\n  const isRowSelectable = useCallback(\n    (dataRow: DataRow) => dataRow.vuu_action !== \"deleteRow\",\n    [],\n  );\n  const config = useMemo<TableConfig>(() => {\n    const columns = tableSchema.columns.map<ColumnDescriptor>((column) =>\n      column.name === \"vuuMsg\"\n        ? {\n            ...column,\n            editable: false,\n            hidden: false,\n            label: \"Error\",\n            width: 300,\n          }\n        : {\n            ...column,\n            editable: true,\n          },\n    );\n    if (!columns.some(({ name }) => name === \"vuuMsg\")) {\n      columns.push({\n        editable: false,\n        label: \"Error\",\n        name: \"vuuMsg\",\n        serverDataType: \"string\",\n        width: 300,\n      });\n    }\n\n    return {\n      columns: columns.concat({ hidden: true, name: \"vuu_action\" }, undoColumn),\n      columnDefaultWidth: 150,\n      rowClassNameGenerators,\n      rowSeparators: true,\n      zebraStripes: true,\n    };\n  }, [tableSchema.columns]);\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {sessionError ? <div role=\"alert\">{sessionError}</div> : null}\n      <div className={`${classBase}-content`}>\n        <DataEditingProvider editSession={editSession}>\n          <Table\n            config={config}\n            data-viewport={dataSource.viewport}\n            dataSource={dataSource}\n            isRowSelectable={isRowSelectable}\n            renderBufferSize={10}\n            selectionModel=\"checkbox\"\n          />\n        </DataEditingProvider>\n      </div>\n      <TableFooter>\n        <TableFooterTray position=\"center\">\n          <EditButtons\n            canCancel={canCancel}\n            canSave={canSave}\n            editSession={editSession}\n            hasSelection={hasSelection}\n            onCancel={onCancel}\n            onDelete={onDelete}\n            onSave={onSave}\n            saveLabel={saveLabel}\n          />\n        </TableFooterTray>\n      </TableFooter>\n    </div>\n  );\n};\n"],"names":["UNDO_CELL_RENDERER","EDIT_ACTION_ROW_CLASS_NAME_GENERATOR","useMemo","getSessionDataSource","useWindow","useComponentCssInjection","css","useDataUploadPreview","useCallback","jsxs","jsx","DataEditingProvider","Table","TableFooter","TableFooterTray","EditButtons"],"mappings":"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"}

package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/useDataUploadPreview.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var react = require('react');
+
+const getSessionDataSource = (editSession) => {
+  const dataSource = editSession.sessionDataSource;
+  if (!dataSource) {
+    throw new Error("[DataUploadPreview] requires an active edit session");
+  }
+  return dataSource;
+};
+const useDataUploadPreview = ({
+  dataSource,
+  editSession,
+  onClose
+}) => {
+  const [editState, setEditState] = react.useState(editSession.editState);
+  const [lifecycle, setLifecycle] = react.useState(
+    editSession.lifecycle
+  );
+  const [selectionCount, setSelectionCount] = react.useState(0);
+  const [sessionError, setSessionError] = react.useState();
+  const endSession = react.useCallback(
+    async (save, force = false) => {
+      try {
+        await editSession.end(save, force);
+        onClose();
+      } catch (error) {
+        setSessionError(
+          error instanceof Error ? error.message : "Unable to end edit session"
+        );
+      }
+    },
+    [editSession, onClose]
+  );
+  const onCancel = react.useCallback(() => endSession(false), [endSession]);
+  const onDelete = react.useCallback(
+    () => editSession.deleteSelectedRows(),
+    [editSession]
+  );
+  const onSave = react.useCallback(
+    (force = false) => endSession(true, force),
+    [endSession]
+  );
+  react.useEffect(() => {
+    const handleEditState = (nextEditState) => {
+      setEditState(nextEditState);
+    };
+    const handleLifecycle = (nextLifecycle) => {
+      setLifecycle(nextLifecycle);
+    };
+    editSession.on("editState", handleEditState);
+    editSession.on("lifecycle", handleLifecycle);
+    dataSource.on("row-selection", setSelectionCount);
+    return () => {
+      editSession.removeListener("editState", handleEditState);
+      editSession.removeListener("lifecycle", handleLifecycle);
+      dataSource.removeListener("row-selection", setSelectionCount);
+    };
+  }, [dataSource, editSession]);
+  const canCancel = lifecycle.status === "active" || lifecycle.status === "error" && lifecycle.operation === "end";
+  const canSave = canCancel && (editState === "dirty" || editState === "stale") && editSession.invalidCount === 0;
+  return {
+    canCancel,
+    canSave,
+    hasSelection: selectionCount > 0,
+    onCancel,
+    onDelete,
+    onSave,
+    sessionError
+  };
+};
+
+exports.getSessionDataSource = getSessionDataSource;
+exports.useDataUploadPreview = useDataUploadPreview;
+//# sourceMappingURL=useDataUploadPreview.js.map

package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/useDataUploadPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataUploadPreview.js","sources":["../../../../../../../../packages/vuu-table-extras/src/csv-upload/data-upload-preview/useDataUploadPreview.ts"],"sourcesContent":["import type { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport type {\n  EditLifecycle,\n  EditSession,\n  EditState,\n} from \"@vuu-ui/vuu-data-editing\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport interface UseDataUploadPreviewProps {\n  dataSource: DataSource;\n  editSession: EditSession;\n  onClose: () => void;\n}\n\nexport const getSessionDataSource = (editSession: EditSession): DataSource => {\n  const dataSource = editSession.sessionDataSource;\n  if (!dataSource) {\n    throw new Error(\"[DataUploadPreview] requires an active edit session\");\n  }\n  return dataSource;\n};\n\nexport const useDataUploadPreview = ({\n  dataSource,\n  editSession,\n  onClose,\n}: UseDataUploadPreviewProps) => {\n  const [editState, setEditState] = useState<EditState>(editSession.editState);\n  const [lifecycle, setLifecycle] = useState<EditLifecycle>(\n    editSession.lifecycle,\n  );\n  const [selectionCount, setSelectionCount] = useState(0);\n  const [sessionError, setSessionError] = useState<string>();\n\n  const endSession = useCallback(\n    async (save: boolean, force = false) => {\n      try {\n        await editSession.end(save, force);\n        onClose();\n      } catch (error) {\n        setSessionError(\n          error instanceof Error ? error.message : \"Unable to end edit session\",\n        );\n      }\n    },\n    [editSession, onClose],\n  );\n\n  const onCancel = useCallback(() => endSession(false), [endSession]);\n  const onDelete = useCallback(\n    () => editSession.deleteSelectedRows(),\n    [editSession],\n  );\n  const onSave = useCallback(\n    (force = false) => endSession(true, force),\n    [endSession],\n  );\n\n  useEffect(() => {\n    const handleEditState = (nextEditState: EditState) => {\n      setEditState(nextEditState);\n    };\n    const handleLifecycle = (nextLifecycle: EditLifecycle) => {\n      setLifecycle(nextLifecycle);\n    };\n    editSession.on(\"editState\", handleEditState);\n    editSession.on(\"lifecycle\", handleLifecycle);\n    dataSource.on(\"row-selection\", setSelectionCount);\n    return () => {\n      editSession.removeListener(\"editState\", handleEditState);\n      editSession.removeListener(\"lifecycle\", handleLifecycle);\n      dataSource.removeListener(\"row-selection\", setSelectionCount);\n    };\n  }, [dataSource, editSession]);\n\n  const canCancel =\n    lifecycle.status === \"active\" ||\n    (lifecycle.status === \"error\" && lifecycle.operation === \"end\");\n  const canSave =\n    canCancel &&\n    (editState === \"dirty\" || editState === \"stale\") &&\n    editSession.invalidCount === 0;\n\n  return {\n    canCancel,\n    canSave,\n    hasSelection: selectionCount > 0,\n    onCancel,\n    onDelete,\n    onSave,\n    sessionError,\n  };\n};\n"],"names":["useState","useCallback","useEffect"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var vuuUtils = require('@vuu-ui/vuu-utils');
+require('@vuu-ui/vuu-utils');
 var csvConstants = require('./csv-constants.js');
 
 const isRecord = (value) => typeof value === "object" && value !== null;
@@ -32,55 +32,12 @@ const toValidationErrorsFromParseRowErrors = (parseError) => {
     (error) => error.rowNum >= csvConstants.CSV_FIRST_DATA_ROW_NUMBER
   );
 };
-const normalizeTableData = (value, fallback) => {
-  const tableData = isRecord(value) && "data" in value ? value.data : value;
-  if (!isRecord(tableData)) {
-    return fallback;
-  }
-  const columns = tableData.columns;
-  const rows = tableData.rows;
-  if (!Array.isArray(columns) || columns.some((column) => typeof column !== "string") || !Array.isArray(rows)) {
-    return fallback;
-  }
-  return {
-    columns,
-    rows: rows.map((row) => {
-      if (Array.isArray(row)) {
-        return row;
-      }
-      if (!isRecord(row)) {
-        return columns.map(() => "");
-      }
-      return columns.map((column) => row[column] ?? "");
-    })
-  };
-};
-const executeBatchRpcCalls = async (items, executor, errorFormatter) => {
-  const errors = [];
-  const results = [];
-  for (const item of items) {
-    try {
-      const result = await executor(item);
-      const rpcResult = result;
-      if (vuuUtils.isRpcError(rpcResult)) {
-        errors.push(errorFormatter(item, rpcResult.errorMessage));
-      } else {
-        results.push(result);
-      }
-    } catch (err) {
-      errors.push(errorFormatter(item, toErrorMessage(err)));
-    }
-  }
-  return { errors, results };
-};
 
 exports.buildRowErrorMessage = buildRowErrorMessage;
 exports.createUploadError = createUploadError;
-exports.executeBatchRpcCalls = executeBatchRpcCalls;
 exports.hasFileParseErrors = hasFileParseErrors;
 exports.isCsvParseError = isCsvParseError;
 exports.mergeValidationWithParseErrors = mergeValidationWithParseErrors;
-exports.normalizeTableData = normalizeTableData;
 exports.toErrorMessage = toErrorMessage;
 exports.toValidationErrorsFromParseRowErrors = toValidationErrorsFromParseRowErrors;
 //# sourceMappingURL=csv-upload-utils.js.map

package/cjs/packages/vuu-table-extras/src/csv-upload/parse/csv-upload-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"csv-upload-utils.js","sources":["../../../../../../../../packages/vuu-table-extras/src/csv-upload/parse/csv-upload-utils.ts"],"sourcesContent":["import type { RpcResult, VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { isRpcError } from \"@vuu-ui/vuu-utils\";\nimport type { CsvUploadError } from \"../CsvUpload\";\nimport type { CsvParseError } from \"./csv-parse\";\nimport { CSV_FIRST_DATA_ROW_NUMBER } from \"./csv-constants\";\nimport type {\n  CsvValidationError,\n  CsvValidationResult,\n} from \"./csv-schema-validation\";\n\nexport type CsvUploadTableData = {\n  columns: string[];\n  rows: VuuRowDataItemType[][];\n};\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === \"object\" && value !== null;\n\nexport const toErrorMessage = (error: unknown) =>\n  error instanceof Error ? error.message : String(error);\n\nexport const isCsvParseError = (value: unknown): value is CsvParseError =>\n  isRecord(value) &&\n  \"message\" in value &&\n  typeof value.message === \"string\" &&\n  \"errors\" in value &&\n  Array.isArray(value.errors) &&\n  \"errorMap\" in value &&\n  isRecord(value.errorMap);\n\nexport const hasFileParseErrors = (parseError: CsvParseError) =>\n  Object.keys(parseError.errorMap.fileErrors).length > 0;\n\nexport const createUploadError = (\n  source: CsvUploadError[\"source\"],\n  message: string,\n  parseError?: CsvParseError,\n  validationError?: CsvUploadError[\"validationError\"],\n): CsvUploadError => ({\n  message,\n  parseError,\n  validationError,\n  source,\n});\n\nexport const mergeValidationWithParseErrors = (\n  schemaValidation: CsvValidationResult,\n  parseError: CsvParseError | undefined,\n): CsvValidationResult =>\n  parseError\n    ? {\n        ...schemaValidation,\n        errors: [\n          ...schemaValidation.errors,\n          ...toValidationErrorsFromParseRowErrors(parseError),\n        ],\n        parseRowError: parseError,\n      }\n    : schemaValidation;\n\nexport const buildRowErrorMessage = (prefix: string, rowErrors: string[]) => {\n  const details = rowErrors.slice(0, 8).join(\"; \");\n  const remaining = rowErrors.length - 8;\n  const suffix = remaining > 0 ? `; and ${remaining} more` : \"\";\n  return `${prefix} for ${rowErrors.length} row(s): ${details}${suffix}`;\n};\n\nexport const toValidationErrorsFromParseRowErrors = (\n  parseError: CsvParseError,\n): CsvValidationError[] => {\n  return parseError.errors.filter(\n    (error) => error.rowNum >= CSV_FIRST_DATA_ROW_NUMBER,\n  );\n};\n\nexport const normalizeTableData = (\n  value: unknown,\n  fallback: CsvUploadTableData,\n): CsvUploadTableData => {\n  const tableData =\n    isRecord(value) && \"data\" in value ? (value.data as unknown) : value;\n\n  if (!isRecord(tableData)) {\n    return fallback;\n  }\n\n  const columns = tableData.columns;\n  const rows = tableData.rows;\n\n  if (\n    !Array.isArray(columns) ||\n    columns.some((column) => typeof column !== \"string\") ||\n    !Array.isArray(rows)\n  ) {\n    return fallback;\n  }\n\n  return {\n    columns,\n    rows: rows.map((row) => {\n      if (Array.isArray(row)) {\n        return row as VuuRowDataItemType[];\n      }\n      if (!isRecord(row)) {\n        return columns.map(() => \"\");\n      }\n      return columns.map((column) => (row[column] as VuuRowDataItemType) ?? \"\");\n    }),\n  };\n};\n\nexport type RpcBatchResult = {\n  errors: string[];\n  results: unknown[];\n};\n\nexport const executeBatchRpcCalls = async <T>(\n  items: T[],\n  executor: (item: T) => Promise<unknown>,\n  errorFormatter: (item: T, error: string) => string,\n): Promise<RpcBatchResult> => {\n  const errors: string[] = [];\n  const results: unknown[] = [];\n\n  for (const item of items) {\n    try {\n      const result = await executor(item);\n      const rpcResult = result as RpcResult | undefined;\n      if (isRpcError(rpcResult)) {\n        errors.push(errorFormatter(item, rpcResult.errorMessage));\n      } else {\n        results.push(result);\n      }\n    } catch (err) {\n      errors.push(errorFormatter(item, toErrorMessage(err)));\n    }\n  }\n\n  return { errors, results };\n};\n"],"names":["CSV_FIRST_DATA_ROW_NUMBER","isRpcError"],"mappings":"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"}
+{"version":3,"file":"csv-upload-utils.js","sources":["../../../../../../../../packages/vuu-table-extras/src/csv-upload/parse/csv-upload-utils.ts"],"sourcesContent":["import type { RpcResult, VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { isRpcError } from \"@vuu-ui/vuu-utils\";\nimport type { CsvUploadError } from \"../CsvUpload\";\nimport type { CsvParseError } from \"./csv-parse\";\nimport { CSV_FIRST_DATA_ROW_NUMBER } from \"./csv-constants\";\nimport type {\n  CsvValidationError,\n  CsvValidationResult,\n} from \"./csv-schema-validation\";\n\nexport type CsvUploadTableData = {\n  columns: string[];\n  rows: VuuRowDataItemType[][];\n};\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === \"object\" && value !== null;\n\nexport const toErrorMessage = (error: unknown) =>\n  error instanceof Error ? error.message : String(error);\n\nexport const isCsvParseError = (value: unknown): value is CsvParseError =>\n  isRecord(value) &&\n  \"message\" in value &&\n  typeof value.message === \"string\" &&\n  \"errors\" in value &&\n  Array.isArray(value.errors) &&\n  \"errorMap\" in value &&\n  isRecord(value.errorMap);\n\nexport const hasFileParseErrors = (parseError: CsvParseError) =>\n  Object.keys(parseError.errorMap.fileErrors).length > 0;\n\nexport const createUploadError = (\n  source: CsvUploadError[\"source\"],\n  message: string,\n  parseError?: CsvParseError,\n  validationError?: CsvUploadError[\"validationError\"],\n): CsvUploadError => ({\n  message,\n  parseError,\n  validationError,\n  source,\n});\n\nexport const mergeValidationWithParseErrors = (\n  schemaValidation: CsvValidationResult,\n  parseError: CsvParseError | undefined,\n): CsvValidationResult =>\n  parseError\n    ? {\n        ...schemaValidation,\n        errors: [\n          ...schemaValidation.errors,\n          ...toValidationErrorsFromParseRowErrors(parseError),\n        ],\n        parseRowError: parseError,\n      }\n    : schemaValidation;\n\nexport const buildRowErrorMessage = (prefix: string, rowErrors: string[]) => {\n  const details = rowErrors.slice(0, 8).join(\"; \");\n  const remaining = rowErrors.length - 8;\n  const suffix = remaining > 0 ? `; and ${remaining} more` : \"\";\n  return `${prefix} for ${rowErrors.length} row(s): ${details}${suffix}`;\n};\n\nexport const toValidationErrorsFromParseRowErrors = (\n  parseError: CsvParseError,\n): CsvValidationError[] => {\n  return parseError.errors.filter(\n    (error) => error.rowNum >= CSV_FIRST_DATA_ROW_NUMBER,\n  );\n};\n\nexport const normalizeTableData = (\n  value: unknown,\n  fallback: CsvUploadTableData,\n): CsvUploadTableData => {\n  const tableData =\n    isRecord(value) && \"data\" in value ? (value.data as unknown) : value;\n\n  if (!isRecord(tableData)) {\n    return fallback;\n  }\n\n  const columns = tableData.columns;\n  const rows = tableData.rows;\n\n  if (\n    !Array.isArray(columns) ||\n    columns.some((column) => typeof column !== \"string\") ||\n    !Array.isArray(rows)\n  ) {\n    return fallback;\n  }\n\n  return {\n    columns,\n    rows: rows.map((row) => {\n      if (Array.isArray(row)) {\n        return row as VuuRowDataItemType[];\n      }\n      if (!isRecord(row)) {\n        return columns.map(() => \"\");\n      }\n      return columns.map((column) => (row[column] as VuuRowDataItemType) ?? \"\");\n    }),\n  };\n};\n\nexport type RpcBatchResult = {\n  errors: string[];\n  results: unknown[];\n};\n\nexport const executeBatchRpcCalls = async <T>(\n  items: T[],\n  executor: (item: T) => Promise<unknown>,\n  errorFormatter: (item: T, error: string) => string,\n): Promise<RpcBatchResult> => {\n  const errors: string[] = [];\n  const results: unknown[] = [];\n\n  for (const item of items) {\n    try {\n      const result = await executor(item);\n      const rpcResult = result as RpcResult | undefined;\n      if (isRpcError(rpcResult)) {\n        errors.push(errorFormatter(item, rpcResult.errorMessage));\n      } else {\n        results.push(result);\n      }\n    } catch (err) {\n      errors.push(errorFormatter(item, toErrorMessage(err)));\n    }\n  }\n\n  return { errors, results };\n};\n"],"names":["CSV_FIRST_DATA_ROW_NUMBER"],"mappings":";;;;;AAeA,MAAM,WAAW,CAAC,KAAA,KAChB,OAAO,KAAA,KAAU,YAAY,KAAU,KAAA,IAAA;AAE5B,MAAA,cAAA,GAAiB,CAAC,KAC7B,KAAA,KAAA,YAAiB,QAAQ,KAAM,CAAA,OAAA,GAAU,OAAO,KAAK;AAE1C,MAAA,eAAA,GAAkB,CAAC,KAC9B,KAAA,QAAA,CAAS,KAAK,CACd,IAAA,SAAA,IAAa,KACb,IAAA,OAAO,KAAM,CAAA,OAAA,KAAY,YACzB,QAAY,IAAA,KAAA,IACZ,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAM,KAC1B,UAAc,IAAA,KAAA,IACd,QAAS,CAAA,KAAA,CAAM,QAAQ;AAEZ,MAAA,kBAAA,GAAqB,CAAC,UACjC,KAAA,MAAA,CAAO,KAAK,UAAW,CAAA,QAAA,CAAS,UAAU,CAAA,CAAE,MAAS,GAAA;AAEhD,MAAM,iBAAoB,GAAA,CAC/B,MACA,EAAA,OAAA,EACA,YACA,eACoB,MAAA;AAAA,EACpB,OAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA;AAEO,MAAM,8BAAiC,GAAA,CAC5C,gBACA,EAAA,UAAA,KAEA,UACI,GAAA;AAAA,EACE,GAAG,gBAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,GAAG,gBAAiB,CAAA,MAAA;AAAA,IACpB,GAAG,qCAAqC,UAAU;AAAA,GACpD;AAAA,EACA,aAAe,EAAA;AACjB,CACA,GAAA;AAEO,MAAA,oBAAA,GAAuB,CAAC,MAAA,EAAgB,SAAwB,KAAA;AAC3E,EAAA,MAAM,UAAU,SAAU,CAAA,KAAA,CAAM,GAAG,CAAC,CAAA,CAAE,KAAK,IAAI,CAAA;AAC/C,EAAM,MAAA,SAAA,GAAY,UAAU,MAAS,GAAA,CAAA;AACrC,EAAA,MAAM,MAAS,GAAA,SAAA,GAAY,CAAI,GAAA,CAAA,MAAA,EAAS,SAAS,CAAU,KAAA,CAAA,GAAA,EAAA;AAC3D,EAAO,OAAA,CAAA,EAAG,MAAM,CAAQ,KAAA,EAAA,SAAA,CAAU,MAAM,CAAY,SAAA,EAAA,OAAO,GAAG,MAAM,CAAA,CAAA;AACtE;AAEa,MAAA,oCAAA,GAAuC,CAClD,UACyB,KAAA;AACzB,EAAA,OAAO,WAAW,MAAO,CAAA,MAAA;AAAA,IACvB,CAAC,KAAU,KAAA,KAAA,CAAM,MAAU,IAAAA;AAAA,GAC7B;AACF;;;;;;;;;;"}