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

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

@@ -1 +1 @@
-{"version":3,"file":"useCsvUpload.js","sources":["../../../../../../../packages/vuu-table-extras/src/csv-upload/useCsvUpload.ts"],"sourcesContent":["import type { DataSource, TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { isRpcSuccess, isSessionTable } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { parseCsv, type CsvParseOptions } from \"./parse/csv-parse\";\nimport {\n  type CsvValidationResult,\n  validateCsvAgainstSchema,\n} from \"./parse/csv-schema-validation\";\nimport {\n  buildRowErrorMessage,\n  createUploadError,\n  executeBatchRpcCalls,\n  hasFileParseErrors,\n  isCsvParseError,\n  normalizeTableData,\n  mergeValidationWithParseErrors,\n  toErrorMessage,\n} from \"./parse/csv-upload-utils\";\nimport { CSV_FIRST_DATA_ROW_NUMBER } from \"./parse/csv-constants\";\nimport type {\n  CsvUploadErrorResult,\n  CsvUploadImportedResult,\n  CsvUploadErrors,\n  CsvUploadSessionEndReason,\n  CsvUploadSessionEndResult,\n  CsvUploadSessionTable,\n} from \"./CsvUpload\";\n\nexport interface CsvUploadHookProps {\n  dataSource: DataSource;\n  maxRows?: number;\n  onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;\n  onImportSessionStarted?: (dataSource: DataSource) => void;\n  onError?: (result: CsvUploadErrorResult | undefined) => void;\n  onImported?: (result: CsvUploadImportedResult) => void;\n  onProcessingStarted?: () => void;\n  parseOptions?: CsvParseOptions;\n}\n\nexport type UseCsvUploadReturn = {\n  canImport: boolean;\n  importData: () => Promise<void>;\n  isImporting: boolean;\n  isProcessingFile: boolean;\n  onDrop: (_event: React.DragEvent<HTMLDivElement>, files: File[]) => void;\n  onTriggerChange: (\n    _event: React.ChangeEvent<HTMLInputElement>,\n    files: File[],\n  ) => void;\n  sessionTable: CsvUploadSessionTable | undefined;\n  schema: TableSchema | undefined;\n  validation: CsvValidationResult | undefined;\n};\n\nexport const useCsvUpload = ({\n  dataSource,\n  onImportSessionEnded,\n  onImportSessionStarted,\n  onError,\n  onImported,\n  onProcessingStarted,\n  maxRows,\n  parseOptions,\n}: CsvUploadHookProps): UseCsvUploadReturn => {\n  const [validation, setValidation] = useState<\n    CsvValidationResult | undefined\n  >();\n  const [sessionTable, setSessionTable] = useState<\n    CsvUploadSessionTable | undefined\n  >();\n  const [isProcessingFile, setIsProcessingFile] = useState(false);\n  const [isImporting, setIsImporting] = useState(false);\n  const sessionTableRef = useRef<CsvUploadSessionTable | undefined>(undefined);\n\n  const setActiveSessionTable = useCallback(\n    (table?: CsvUploadSessionTable) => {\n      sessionTableRef.current = table;\n      setSessionTable(table);\n    },\n    [],\n  );\n\n  const endEditSessionAndNotify = useCallback(\n    async (save: boolean, reason: CsvUploadSessionEndReason) => {\n      if (!dataSource.endEditSession) {\n        throw Error(\"CsvUpload requires datasource endEditSession support.\");\n      }\n      const currentSessionTable = sessionTableRef.current;\n      const result = await dataSource.endEditSession(save);\n\n      setActiveSessionTable(undefined);\n      onImportSessionEnded?.({\n        reason,\n        sessionTable: currentSessionTable,\n      });\n      return result;\n    },\n    [dataSource, onImportSessionEnded, setActiveSessionTable],\n  );\n\n  const table = dataSource.table;\n  const schema = dataSource.tableSchema;\n\n  const addAllRows = useCallback(\n    async (mergedValidation: CsvValidationResult) => {\n      if (table === undefined) {\n        throw Error(\"CsvUpload requires dataSource.table to be defined.\");\n      }\n\n      const vuuMsgByRow = new Map<number, string>();\n      for (const { rowNum, column, message } of mergedValidation.errors) {\n        if (rowNum < CSV_FIRST_DATA_ROW_NUMBER) continue;\n        const existing = vuuMsgByRow.get(rowNum);\n        const columnError = `${column}: ${message}`;\n        vuuMsgByRow.set(\n          rowNum,\n          existing ? `${existing}; ${columnError}` : `Row ${rowNum}: ${columnError}`,\n        );\n      }\n\n      const parsedRowCount = mergedValidation.rows.length;\n      const unparsedErrorRows = [...vuuMsgByRow.keys()]\n        .filter((rowNum) => rowNum - CSV_FIRST_DATA_ROW_NUMBER >= parsedRowCount)\n        .map((rowNum) => ({\n          rowNum,\n          rowData: {} as Record<string, VuuRowDataItemType>,\n          vuuMsg: vuuMsgByRow.get(rowNum) ?? \"\",\n        }));\n\n      const allRows = [\n        ...mergedValidation.rows.map((rowData, idx) => ({\n          rowNum: idx + CSV_FIRST_DATA_ROW_NUMBER,\n          rowData: rowData ?? {},\n          vuuMsg: vuuMsgByRow.get(idx + CSV_FIRST_DATA_ROW_NUMBER) ?? \"\",\n        })),\n        ...unparsedErrorRows,\n      ];\n\n      const { errors: rpcErrors } = await executeBatchRpcCalls(\n        allRows,\n        async ({ rowNum, rowData, vuuMsg }) => {\n          const payload = { ...rowData, rowNum, vuuMsg };\n          const result = await dataSource.rpcRequest?.({\n            type: \"RPC_REQUEST\",\n            rpcName: \"addRow\",\n            params: {\n              key: String(rowNum),\n              data: payload,\n            },\n          });\n          if (!isRpcSuccess(result)) {\n            const msg =\n              result && \"errorMessage\" in result\n                ? String(result.errorMessage)\n                : \"addRow RPC failed\";\n            throw Error(msg);\n          }\n          return result;\n        },\n        ({ rowNum }, error) => `Row ${rowNum}: ${error}`,\n      );\n\n      if (rpcErrors.length > 0) {\n        const errorMessage = buildRowErrorMessage(\"Import failed\", rpcErrors);\n        const errors: CsvUploadErrors = {\n          importError: createUploadError(\"import\", errorMessage),\n        };\n        onError?.({ errors });\n      }\n    },\n    [dataSource, onError, table],\n  );\n\n  const beginEditSession = useCallback(async () => {\n    if (!dataSource.createSessionDataSource) {\n      throw Error(\"CsvUpload requires datasource createSessionDataSource support.\");\n    }\n\n    const sessionDataSource = await dataSource.createSessionDataSource(\"Empty\");\n\n    const sessionVuuTable = sessionDataSource?.table;\n    if (sessionVuuTable && isSessionTable(sessionVuuTable)) {\n      setActiveSessionTable(sessionVuuTable as CsvUploadSessionTable);\n      if (sessionDataSource) {\n        onImportSessionStarted?.(sessionDataSource);\n      }\n    }\n  }, [dataSource, onImportSessionStarted, setActiveSessionTable]);\n\n  const closePendingEditSession = useCallback(\n    async (save: boolean) => {\n      if (sessionTableRef.current === undefined) {\n        return;\n      }\n      await endEditSessionAndNotify(save, save ? \"saved\" : \"discarded\");\n    },\n    [endEditSessionAndNotify],\n  );\n\n  const processFile = useCallback(\n    async (file: File) => {\n      setValidation(undefined);\n      onError?.(undefined);\n\n      await closePendingEditSession(false);\n\n      if (schema === undefined) {\n        throw Error(\"Table schema is not yet available.\");\n      }\n\n      if (table === undefined) {\n        throw Error(\"CsvUpload requires dataSource.table to be defined.\");\n      }\n\n      const parsedCsv = parseCsv(await file.text(), parseOptions);\n      if (parsedCsv.error && hasFileParseErrors(parsedCsv.error)) {\n        setValidation(undefined);\n        onError?.({\n          errors: {\n            validationError: createUploadError(\n              \"validation\",\n              `Validation failed: ${parsedCsv.error.message}`,\n              parsedCsv.error,\n            ),\n          },\n        });\n        return;\n      }\n\n      const schemaValidation = validateCsvAgainstSchema(parsedCsv, schema, {\n        maxRows,\n      });\n\n      if (Object.keys(schemaValidation.errorMap.fileErrors).length > 0) {\n        setValidation(schemaValidation);\n        onError?.({\n          errors: {\n            schemaError: createUploadError(\n              \"schema\",\n              \"CSV validation failed.\",\n              parsedCsv.error,\n              {\n                errorMap: schemaValidation.errorMap,\n                errors: schemaValidation.errors,\n                message: \"CSV validation failed.\",\n              },\n            ),\n          },\n        });\n        return;\n      }\n\n      const mergedValidation = mergeValidationWithParseErrors(\n        schemaValidation,\n        parsedCsv.error,\n      );\n\n      setValidation(mergedValidation);\n\n      if (mergedValidation.rows.length > 0) {\n        await beginEditSession();\n\n        try {\n          await addAllRows(mergedValidation);\n        } catch (error) {\n          await endEditSessionAndNotify(false, \"failed\");\n          setValidation(undefined);\n          onError?.({\n            errors: {\n              importError: createUploadError(\n                \"import\",\n                `RPC import failed: ${toErrorMessage(error)}`,\n              ),\n            },\n          });\n        }\n      }\n    },\n    [\n      onError,\n      addAllRows,\n      maxRows,\n      parseOptions,\n      beginEditSession,\n      closePendingEditSession,\n      table,\n      endEditSessionAndNotify,\n      schema,\n    ],\n  );\n\n  const handleFiles = useCallback(\n    async (files: File[]) => {\n      const file = files[0];\n      if (file === undefined) {\n        return;\n      }\n      setIsProcessingFile(true);\n      onProcessingStarted?.();\n      try {\n        await processFile(file);\n      } catch (err) {\n        setValidation(undefined);\n        setActiveSessionTable(undefined);\n        const parseError = isCsvParseError(err) ? err : undefined;\n        const errorMessage = parseError\n          ? `Validation failed: ${parseError.message}`\n          : `Validation failed: ${toErrorMessage(err)}`;\n        const errors: CsvUploadErrorResult = {\n          errors: {\n            validationError: createUploadError(\n              \"validation\",\n              errorMessage,\n              parseError,\n            ),\n          },\n        };\n        onError?.(errors);\n      } finally {\n        setIsProcessingFile(false);\n      }\n    },\n    [onError, onProcessingStarted, processFile, setActiveSessionTable],\n  );\n\n  const onDrop = useCallback(\n    (_event: React.DragEvent<HTMLDivElement>, files: File[]) => {\n      handleFiles(files);\n    },\n    [handleFiles],\n  );\n\n  const onTriggerChange = useCallback(\n    (_event: React.ChangeEvent<HTMLInputElement>, files: File[]) => {\n      handleFiles(files);\n    },\n    [handleFiles],\n  );\n\n  const canImport = useMemo(\n    () =>\n      validation !== undefined &&\n      validation.errors.length === 0 &&\n      validation.rows.length > 0 &&\n      !isProcessingFile &&\n      !isImporting,\n    [isImporting, isProcessingFile, validation],\n  );\n\n  const importData = useCallback(async () => {\n    if (!canImport || validation === undefined) {\n      return;\n    }\n\n    setIsImporting(true);\n    onError?.(undefined);\n\n    try {\n      const rpcResult = await endEditSessionAndNotify(true, \"saved\");\n\n      const fallbackTableData = {\n        columns: validation.columns,\n        rows: validation.rows.map((row) =>\n          validation.columns.map((column) => row[column] ?? \"\"),\n        ),\n      };\n\n      onImported?.({\n        rpcResult,\n        tableData: normalizeTableData(rpcResult, fallbackTableData),\n      });\n    } catch (err) {\n      const errorMessage = `RPC import failed: ${String(err)}`;\n      const errors: CsvUploadErrorResult = {\n        errors: {\n          importError: createUploadError(\"import\", errorMessage),\n        },\n      };\n      onError?.(errors);\n    } finally {\n      setIsImporting(false);\n    }\n  }, [canImport, endEditSessionAndNotify, onError, onImported, validation]);\n\n  return {\n    canImport,\n    importData,\n    isImporting,\n    isProcessingFile,\n    onDrop,\n    onTriggerChange,\n    sessionTable,\n    schema,\n    validation,\n  };\n};\n"],"names":["table"],"mappings":";;;;;;;AAuDO,MAAM,eAAe,CAAC;AAAA,EAC3B,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;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,GAAI,QAElC,EAAA;AACF,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAEtC,EAAA;AACF,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,OAA0C,KAAS,CAAA,CAAA;AAE3E,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CAACA,MAAkC,KAAA;AACjC,MAAA,eAAA,CAAgB,OAAUA,GAAAA,MAAAA;AAC1B,MAAA,eAAA,CAAgBA,MAAK,CAAA;AAAA,KACvB;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,uBAA0B,GAAA,WAAA;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,MAAuB,oBAAA,GAAA;AAAA,QACrB,MAAA;AAAA,QACA,YAAc,EAAA;AAAA,OACf,CAAA;AACD,MAAO,OAAA,MAAA;AAAA,KACT;AAAA,IACA,CAAC,UAAY,EAAA,oBAAA,EAAsB,qBAAqB;AAAA,GAC1D;AAEA,EAAA,MAAM,QAAQ,UAAW,CAAA,KAAA;AACzB,EAAA,MAAM,SAAS,UAAW,CAAA,WAAA;AAE1B,EAAA,MAAM,UAAa,GAAA,WAAA;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,SAAS,yBAA2B,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,SAAS,yBAA6B,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,GAAA,yBAAA;AAAA,UACd,OAAA,EAAS,WAAW,EAAC;AAAA,UACrB,MAAQ,EAAA,WAAA,CAAY,GAAI,CAAA,GAAA,GAAM,yBAAyB,CAAK,IAAA;AAAA,SAC5D,CAAA,CAAA;AAAA,QACF,GAAG;AAAA,OACL;AAEA,MAAA,MAAM,EAAE,MAAA,EAAQ,SAAU,EAAA,GAAI,MAAM,oBAAA;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,CAAC,YAAa,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,GAAe,oBAAqB,CAAA,eAAA,EAAiB,SAAS,CAAA;AACpE,QAAA,MAAM,MAA0B,GAAA;AAAA,UAC9B,WAAA,EAAa,iBAAkB,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,GAAmB,YAAY,YAAY;AAC/C,IAAI,IAAA,CAAC,WAAW,uBAAyB,EAAA;AACvC,MAAA,MAAM,MAAM,gEAAgE,CAAA;AAAA;AAG9E,IAAA,MAAM,iBAAoB,GAAA,MAAM,UAAW,CAAA,uBAAA,CAAwB,OAAO,CAAA;AAE1E,IAAA,MAAM,kBAAkB,iBAAmB,EAAA,KAAA;AAC3C,IAAI,IAAA,eAAA,IAAmB,cAAe,CAAA,eAAe,CAAG,EAAA;AACtD,MAAA,qBAAA,CAAsB,eAAwC,CAAA;AAC9D,MAAA,IAAI,iBAAmB,EAAA;AACrB,QAAA,sBAAA,GAAyB,iBAAiB,CAAA;AAAA;AAC5C;AACF,GACC,EAAA,CAAC,UAAY,EAAA,sBAAA,EAAwB,qBAAqB,CAAC,CAAA;AAE9D,EAAA,MAAM,uBAA0B,GAAA,WAAA;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,GAAA,WAAA;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,YAAY,QAAS,CAAA,MAAM,IAAK,CAAA,IAAA,IAAQ,YAAY,CAAA;AAC1D,MAAA,IAAI,SAAU,CAAA,KAAA,IAAS,kBAAmB,CAAA,SAAA,CAAU,KAAK,CAAG,EAAA;AAC1D,QAAA,aAAA,CAAc,KAAS,CAAA,CAAA;AACvB,QAAU,OAAA,GAAA;AAAA,UACR,MAAQ,EAAA;AAAA,YACN,eAAiB,EAAA,iBAAA;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,GAAmB,wBAAyB,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,EAAA,iBAAA;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,GAAA,8BAAA;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,EAAA,iBAAA;AAAA,gBACX,QAAA;AAAA,gBACA,CAAA,mBAAA,EAAsB,cAAe,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,GAAA,WAAA;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,GAAA,eAAA,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,EAAsB,cAAe,CAAA,GAAG,CAAC,CAAA,CAAA;AAC7C,QAAA,MAAM,MAA+B,GAAA;AAAA,UACnC,MAAQ,EAAA;AAAA,YACN,eAAiB,EAAA,iBAAA;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,GAAA,WAAA;AAAA,IACb,CAAC,QAAyC,KAAkB,KAAA;AAC1D,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,KACnB;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,QAA6C,KAAkB,KAAA;AAC9D,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,KACnB;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,SAAY,GAAA,OAAA;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,GAAa,YAAY,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,EAAW,kBAAmB,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,EAAa,iBAAkB,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;;;;"}
+{"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 { EditSession } from \"@vuu-ui/vuu-data-editing\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { isRpcError, isSessionTable } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, 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  hasFileParseErrors,\n  isCsvParseError,\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  CsvUploadPreviewResult,\n  CsvUploadSessionEndReason,\n  CsvUploadSessionEndResult,\n  CsvUploadSessionTable,\n} from \"./CsvUpload\";\n\nexport interface CsvUploadHookProps {\n  dataSource: DataSource;\n  importMode?: \"direct\" | \"preview\";\n  maxRows?: number;\n  onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;\n  onImportSessionStarted?: (dataSource: DataSource) => void;\n  onError?: (result: CsvUploadErrorResult | undefined) => void;\n  onImported?: (result: CsvUploadImportedResult) => void;\n  onPreview?: (result: CsvUploadPreviewResult) => void;\n  onProcessingStarted?: () => void;\n  parseOptions?: CsvParseOptions;\n}\n\nexport type UseCsvUploadReturn = {\n  canImport: boolean;\n  cancelImport: () => Promise<void>;\n  importData: () => Promise<boolean>;\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  importMode = \"direct\",\n  onImportSessionEnded,\n  onImportSessionStarted,\n  onError,\n  onImported,\n  onPreview,\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 editSession = useMemo(() => new EditSession(dataSource), [dataSource]);\n  const ownsEditSessionRef = useRef(true);\n  const operationIdRef = useRef(0);\n  const processingPromiseRef = useRef<Promise<void> | undefined>(undefined);\n  const sessionDataSourceRef = useRef<DataSource | undefined>(undefined);\n\n  useEffect(\n    () => () => {\n      operationIdRef.current++;\n      const processingPromise = processingPromiseRef.current;\n      void (async () => {\n        try {\n          await processingPromise;\n        } finally {\n          if (ownsEditSessionRef.current) {\n            try {\n              await editSession.end(false);\n            } catch (error) {\n              console.error(\n                \"[useCsvUpload] failed to discard edit session during cleanup\",\n                error,\n              );\n            }\n          }\n        }\n      })();\n    },\n    [editSession],\n  );\n\n  const setActiveSessionDataSource = useCallback(\n    (sessionDataSource?: DataSource) => {\n      sessionDataSourceRef.current = sessionDataSource;\n      const table = sessionDataSource?.table;\n      setSessionTable(\n        table && isSessionTable(table)\n          ? (table as CsvUploadSessionTable)\n          : undefined,\n      );\n    },\n    [],\n  );\n\n  const endEditSessionAndNotify = useCallback(\n    async (save: boolean, reason: CsvUploadSessionEndReason) => {\n      const sessionDataSource = sessionDataSourceRef.current;\n      if (!sessionDataSource) {\n        throw Error(\"CsvUpload has no active edit session.\");\n      }\n      if (!sessionDataSource.endEditSession) {\n        throw Error(\n          \"CsvUpload requires the session datasource to support endEditSession.\",\n        );\n      }\n      const currentSessionTable = sessionDataSource.table;\n      await editSession.end(save);\n\n      setActiveSessionDataSource(undefined);\n      onImportSessionEnded?.({\n        reason,\n        sessionTable:\n          currentSessionTable && isSessionTable(currentSessionTable)\n            ? (currentSessionTable as CsvUploadSessionTable)\n            : undefined,\n      });\n      return undefined;\n    },\n    [editSession, onImportSessionEnded, setActiveSessionDataSource],\n  );\n\n  const table = dataSource.table;\n  const schema = dataSource.tableSchema;\n\n  const addAllRows = useCallback(\n    async (mergedValidation: CsvValidationResult, operationId: number) => {\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\n            ? `${existing}; ${columnError}`\n            : `Row ${rowNum}: ${columnError}`,\n        );\n      }\n\n      const parsedRowCount = mergedValidation.rows.length;\n      const unparsedErrorRows = [...vuuMsgByRow.keys()]\n        .filter(\n          (rowNum) => rowNum - CSV_FIRST_DATA_ROW_NUMBER >= parsedRowCount,\n        )\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 rpcErrors: string[] = [];\n      for (const { rowNum, rowData, vuuMsg } of allRows) {\n        if (operationId !== operationIdRef.current) {\n          return false;\n        }\n        try {\n          const payload = { ...rowData, rowNum, vuuMsg };\n          const result = await editSession.addRow(payload);\n          if (isRpcError(result)) {\n            throw Error(result.errorMessage);\n          }\n          if (typeof result === \"string\") {\n            throw Error(result);\n          }\n        } catch (error) {\n          rpcErrors.push(`Row ${rowNum}: ${toErrorMessage(error)}`);\n        }\n      }\n\n      if (rpcErrors.length > 0) {\n        throw Error(buildRowErrorMessage(\"Import failed\", rpcErrors));\n      }\n      return true;\n    },\n    [editSession],\n  );\n\n  const beginEditSession = useCallback(async () => {\n    const sessionDataSource = await editSession.begin(\"Empty\");\n\n    const sessionVuuTable = sessionDataSource?.table;\n    if (\n      sessionDataSource === undefined ||\n      sessionVuuTable === undefined ||\n      !isSessionTable(sessionVuuTable)\n    ) {\n      throw Error(\n        \"CsvUpload createSessionDataSource returned no session datasource.\",\n      );\n    }\n    if (!sessionDataSource.columns.includes(\"vuuMsg\")) {\n      sessionDataSource.columns = sessionDataSource.columns.concat(\"vuuMsg\");\n    }\n    setActiveSessionDataSource(sessionDataSource);\n    onImportSessionStarted?.(sessionDataSource);\n    return sessionDataSource;\n  }, [editSession, onImportSessionStarted, setActiveSessionDataSource]);\n\n  const closePendingEditSession = useCallback(\n    async (save: boolean) => {\n      if (sessionDataSourceRef.current === undefined) {\n        return;\n      }\n      await endEditSessionAndNotify(save, save ? \"saved\" : \"discarded\");\n    },\n    [endEditSessionAndNotify],\n  );\n\n  const cancelImport = useCallback(async () => {\n    operationIdRef.current++;\n    try {\n      await processingPromiseRef.current;\n    } catch {\n      // File-processing errors are surfaced by handleFiles.\n    }\n    await closePendingEditSession(false);\n  }, [closePendingEditSession]);\n\n  const processFile = useCallback(\n    async (file: File, operationId: number) => {\n      setValidation(undefined);\n      onError?.(undefined);\n\n      await closePendingEditSession(false);\n      if (operationId !== operationIdRef.current) {\n        return;\n      }\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 fileContents = await file.text();\n      if (operationId !== operationIdRef.current) {\n        return;\n      }\n      const parsedCsv = parseCsv(fileContents, 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        if (operationId !== operationIdRef.current) {\n          return;\n        }\n\n        try {\n          const rowsAdded = await addAllRows(mergedValidation, operationId);\n          if (!rowsAdded) {\n            return;\n          }\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      const operationId = ++operationIdRef.current;\n      const processingPromise = processFile(file, operationId);\n      processingPromiseRef.current = processingPromise;\n      try {\n        await processingPromise;\n      } catch (err) {\n        setValidation(undefined);\n        setActiveSessionDataSource(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        if (processingPromiseRef.current === processingPromise) {\n          processingPromiseRef.current = undefined;\n        }\n        setIsProcessingFile(false);\n      }\n    },\n    [onError, onProcessingStarted, processFile, setActiveSessionDataSource],\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 false;\n    }\n\n    setIsImporting(true);\n    onError?.(undefined);\n\n    try {\n      const fallbackTableData = {\n        columns: validation.columns,\n        rows: validation.rows.map((row) =>\n          validation.columns.map((column) => row[column] ?? \"\"),\n        ),\n      };\n\n      const tableData = fallbackTableData;\n      if (importMode === \"preview\") {\n        const sessionDataSource = sessionDataSourceRef.current;\n        if (!sessionDataSource) {\n          throw Error(\"CsvUpload has no session datasource to preview.\");\n        }\n        if (!onPreview) {\n          throw Error(\"CsvUpload preview mode requires an onPreview callback.\");\n        }\n        onPreview({\n          dataSource: sessionDataSource,\n          editSession,\n          tableData,\n        });\n        ownsEditSessionRef.current = false;\n      } else {\n        await endEditSessionAndNotify(true, \"saved\");\n        onImported?.({ tableData });\n      }\n      return true;\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      return false;\n    } finally {\n      setIsImporting(false);\n    }\n  }, [\n    canImport,\n    editSession,\n    endEditSessionAndNotify,\n    onError,\n    onImported,\n    onPreview,\n    importMode,\n    validation,\n  ]);\n\n  return {\n    canImport,\n    cancelImport,\n    importData,\n    isImporting,\n    isProcessingFile,\n    onDrop,\n    onTriggerChange,\n    sessionTable,\n    schema,\n    validation,\n  };\n};\n"],"names":["table"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 export { CalculatedColumnPanel } from './calculated-column/CalculatedColumnPanel.js';
 export { CsvUpload } from './csv-upload/CsvUpload.js';
 export { useCsvUpload } from './csv-upload/useCsvUpload.js';
-export { useCsvUploadSessionPreview } from './csv-upload/useCsvUploadSessionPreview.js';
+export { DataUploadPreview } from './csv-upload/data-upload-preview/DataUploadPreview.js';
 export { validateCsvAgainstSchema } from './csv-upload/parse/csv-schema-validation.js';
 export { parseCsv } from './csv-upload/parse/csv-parse.js';
 export { CsvParseErrorEnum, CsvValidationErrorEnum } from './csv-upload/parse/csv-errors.js';
@@ -35,6 +35,8 @@ export { useColumnSettings } from './column-settings-panel/useColumnSettings.js'
 export { DataSourceStats } from './datasource-stats/DatasourceStats.js';
 export { FreezeControl } from './freeze-control/FreezeControl.js';
 export { FrozenBanner } from './freeze-control/FrozenBanner.js';
+export { InlineAddRow } from './inline-add-row/InlineAddRow.js';
+export { useInlineAddRow } from './inline-add-row/useInlineAddRow.js';
 export { TabbedTableConfigPanel } from './tabbed-table-config-panel/TabbedTableConfigPanel.js';
 export { TabbedTableSettingsAction } from './tabbed-table-config-panel/TabbedTableSettingsAction.js';
 export { TableFooter, TableFooterTray } from './table-footer/TableFooter.js';

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

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

package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.css.js

@@ -0,0 +1,4 @@
+var inlineAddRowCss = ".vuuInlineAddRow {\n  --row-borderColor: transparent;\n\n  display: flex;\n  height: var(--row-height, var(--salt-size-base));\n  padding: 0 var(--table-selection-bookend-width, 4px);\n  position: relative;\n\n  .vuuTableCell {\n    height: 100%;\n  }\n}\n";
+
+export { inlineAddRowCss as default };
+//# sourceMappingURL=InlineAddRow.css.js.map

package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.css.js.map

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

package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { Row } from '@vuu-ui/vuu-table';
+import cx from 'clsx';
+import { useInlineAddRow } from './useInlineAddRow.js';
+import inlineAddRowCss from './InlineAddRow.css.js';
+
+const classBase = "vuuInlineAddRow";
+const InlineAddRow = ({
+  ariaRowIndex,
+  className,
+  columns,
+  style
+}) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-inline-add-row",
+    css: inlineAddRowCss,
+    window: targetWindow
+  });
+  const { containerRef, dataRow, draftRevision, inlineAddColumns } = useInlineAddRow({
+    columns
+  });
+  return /* @__PURE__ */ jsx("div", { className: cx(classBase, className), ref: containerRef, children: /* @__PURE__ */ jsx(
+    Row,
+    {
+      ariaRowIndex,
+      columns: inlineAddColumns,
+      dataRow,
+      offset: 0,
+      searchPattern: "",
+      showBookends: false,
+      style,
+      virtualColSpan: 0
+    },
+    draftRevision
+  ) });
+};
+
+export { InlineAddRow };
+//# sourceMappingURL=InlineAddRow.js.map

package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineAddRow.js","sources":["../../../../../../../packages/vuu-table-extras/src/inline-add-row/InlineAddRow.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { Row } from \"@vuu-ui/vuu-table\";\nimport type { BaseRowProps } from \"@vuu-ui/vuu-table-types\";\nimport cx from \"clsx\";\nimport { useInlineAddRow } from \"./useInlineAddRow\";\n\nimport inlineAddRowCss from \"./InlineAddRow.css\";\n\nconst classBase = \"vuuInlineAddRow\";\n\nexport type InlineAddRowProps = BaseRowProps;\n\nexport const InlineAddRow = ({\n  ariaRowIndex,\n  className,\n  columns,\n  style,\n}: InlineAddRowProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-inline-add-row\",\n    css: inlineAddRowCss,\n    window: targetWindow,\n  });\n\n  const { containerRef, dataRow, draftRevision, inlineAddColumns } =\n    useInlineAddRow({\n      columns,\n    });\n\n  return (\n    <div className={cx(classBase, className)} ref={containerRef}>\n      <Row\n        ariaRowIndex={ariaRowIndex}\n        columns={inlineAddColumns}\n        dataRow={dataRow}\n        key={draftRevision}\n        offset={0}\n        searchPattern=\"\"\n        showBookends={false}\n        style={style}\n        virtualColSpan={0}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,SAAY,GAAA,iBAAA;AAIX,MAAM,eAAe,CAAC;AAAA,EAC3B,YAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,YAAc,EAAA,OAAA,EAAS,aAAe,EAAA,gBAAA,KAC5C,eAAgB,CAAA;AAAA,IACd;AAAA,GACD,CAAA;AAEH,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,EAAA,CAAG,WAAW,SAAS,CAAA,EAAG,KAAK,YAC7C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,YAAA;AAAA,MACA,OAAS,EAAA,gBAAA;AAAA,MACT,OAAA;AAAA,MAEA,MAAQ,EAAA,CAAA;AAAA,MACR,aAAc,EAAA,EAAA;AAAA,MACd,YAAc,EAAA,KAAA;AAAA,MACd,KAAA;AAAA,MACA,cAAgB,EAAA;AAAA,KAAA;AAAA,IALX;AAAA,GAOT,EAAA,CAAA;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.js

@@ -0,0 +1,135 @@
+import { useEditSession, withDataRowEditErrors, EditSession } from '@vuu-ui/vuu-data-editing';
+import { isDataValueEditable, getCellRenderer, isNotHidden } from '@vuu-ui/vuu-utils';
+import { useRef, useMemo, useCallback, useSyncExternalStore, useEffect } from 'react';
+
+const createSyntheticDataRow = (newRowState, columns) => withDataRowEditErrors(
+  {
+    ...newRowState.values,
+    childCount: 0,
+    depth: 1,
+    hasColumn: (name) => columns.some((column) => column.name === name),
+    index: -1,
+    isExpanded: false,
+    isLeaf: true,
+    isSelected: false,
+    key: EditSession.newRowKey,
+    renderIndex: -1
+  },
+  newRowState.errors
+);
+const useInlineAddRow = ({ columns }) => {
+  const editSession = useEditSession(true);
+  const containerRef = useRef(null);
+  const inlineAddColumns = useMemo(
+    () => columns.map((column) => {
+      const editable = isDataValueEditable(column, "insert");
+      const inlineAddColumn = { ...column, editable };
+      return {
+        ...inlineAddColumn,
+        CellRenderer: editable ? getCellRenderer(inlineAddColumn) : void 0
+      };
+    }),
+    [columns]
+  );
+  const visibleColumns = useMemo(
+    () => inlineAddColumns.filter(isNotHidden),
+    [inlineAddColumns]
+  );
+  const visibleInsertColumns = useMemo(
+    () => visibleColumns.filter((column) => isDataValueEditable(column, "insert")),
+    [visibleColumns]
+  );
+  const subscribeToNewRow = useCallback(
+    (onStoreChange) => {
+      editSession.on("newRow", onStoreChange);
+      return () => editSession.removeListener("newRow", onStoreChange);
+    },
+    [editSession]
+  );
+  const newRowState = useSyncExternalStore(
+    subscribeToNewRow,
+    () => editSession.newRowState,
+    () => editSession.newRowState
+  );
+  const dataRow = useMemo(
+    () => createSyntheticDataRow(newRowState, inlineAddColumns),
+    [inlineAddColumns, newRowState]
+  );
+  const previousValuesRef = useRef(newRowState.values);
+  const focusEditor = useCallback((index) => {
+    const cell = containerRef.current?.querySelectorAll("[data-field]")[index];
+    cell?.querySelector("input, button, [tabindex]")?.focus();
+  }, []);
+  useEffect(() => {
+    editSession.configureNewRow(visibleInsertColumns.map(({ name }) => name));
+  }, [editSession, visibleInsertColumns]);
+  useEffect(() => {
+    visibleInsertColumns.filter(
+      (column) => column.serverDataType === "boolean" && newRowState.values[column.name] === void 0
+    ).forEach((column) => {
+      editSession.setNewRowValue(column.name, false);
+    });
+  }, [editSession, newRowState.values, visibleInsertColumns]);
+  useEffect(() => {
+    const firstInvalidIndex = visibleColumns.findIndex(
+      ({ name }) => newRowState.errors[name] !== void 0
+    );
+    if (firstInvalidIndex !== -1) {
+      focusEditor(firstInvalidIndex);
+    }
+  }, [focusEditor, newRowState.errors, visibleColumns]);
+  useEffect(() => {
+    const previousValues = previousValuesRef.current;
+    previousValuesRef.current = newRowState.values;
+    if (Object.keys(previousValues).length > 0 && Object.keys(newRowState.values).length === 0 && Object.keys(newRowState.errors).length === 0) {
+      const firstEditableIndex = visibleColumns.findIndex(
+        (column) => isDataValueEditable(column, "insert")
+      );
+      if (firstEditableIndex !== -1) {
+        requestAnimationFrame(() => focusEditor(firstEditableIndex));
+      }
+    }
+  }, [focusEditor, newRowState.errors, newRowState.values, visibleColumns]);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const handleCommit = (event) => {
+      const target = event.target;
+      if (!(target instanceof Element)) {
+        return;
+      }
+      const cell = target.closest("[data-field]");
+      const cells = container.querySelectorAll("[data-field]");
+      const currentIndex = Array.from(cells).indexOf(cell ?? container);
+      const firstInvalidIndex = visibleColumns.findIndex(
+        ({ name }) => editSession.newRowState.errors[name] !== void 0
+      );
+      const firstEditableIndex = visibleColumns.findIndex(
+        (column) => isDataValueEditable(column, "insert")
+      );
+      const nextEditableIndex = visibleColumns.findIndex(
+        (column, index) => index > currentIndex && isDataValueEditable(column, "insert")
+      );
+      if (firstInvalidIndex !== -1) {
+        requestAnimationFrame(() => focusEditor(firstInvalidIndex));
+      } else if (nextEditableIndex !== -1) {
+        focusEditor(nextEditableIndex);
+      } else if (firstEditableIndex !== -1) {
+        requestAnimationFrame(() => focusEditor(firstEditableIndex));
+      }
+    };
+    container.addEventListener("vuu-commit", handleCommit);
+    return () => container.removeEventListener("vuu-commit", handleCommit);
+  }, [editSession, focusEditor, visibleColumns]);
+  return {
+    containerRef,
+    dataRow,
+    draftRevision: newRowState.draftRevision,
+    inlineAddColumns
+  };
+};
+
+export { useInlineAddRow };
+//# sourceMappingURL=useInlineAddRow.js.map

package/esm/packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInlineAddRow.js","sources":["../../../../../../../packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.ts"],"sourcesContent":["import {\n  EditSession,\n  useEditSession,\n  withDataRowEditErrors,\n  type NewRowState,\n} from \"@vuu-ui/vuu-data-editing\";\nimport type { DataRow, RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  getCellRenderer,\n  isDataValueEditable,\n  isNotHidden,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\n\nconst createSyntheticDataRow = (\n  newRowState: NewRowState,\n  columns: RuntimeColumnDescriptor[],\n): DataRow =>\n  withDataRowEditErrors(\n    {\n      ...newRowState.values,\n      childCount: 0,\n      depth: 1,\n      hasColumn: (name: string) =>\n        columns.some((column) => column.name === name),\n      index: -1,\n      isExpanded: false,\n      isLeaf: true,\n      isSelected: false,\n      key: EditSession.newRowKey,\n      renderIndex: -1,\n    } as DataRow,\n    newRowState.errors,\n  );\n\nexport interface UseInlineAddRowProps {\n  columns: RuntimeColumnDescriptor[];\n}\n\nexport const useInlineAddRow = ({ columns }: UseInlineAddRowProps) => {\n  const editSession = useEditSession(true);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inlineAddColumns = useMemo(\n    () =>\n      columns.map((column) => {\n        const editable = isDataValueEditable(column, \"insert\");\n        const inlineAddColumn = { ...column, editable };\n        return {\n          ...inlineAddColumn,\n          CellRenderer: editable ? getCellRenderer(inlineAddColumn) : undefined,\n        };\n      }),\n    [columns],\n  );\n  const visibleColumns = useMemo(\n    () => inlineAddColumns.filter(isNotHidden),\n    [inlineAddColumns],\n  );\n  const visibleInsertColumns = useMemo(\n    () =>\n      visibleColumns.filter((column) => isDataValueEditable(column, \"insert\")),\n    [visibleColumns],\n  );\n  const subscribeToNewRow = useCallback(\n    (onStoreChange: () => void) => {\n      editSession.on(\"newRow\", onStoreChange);\n      return () => editSession.removeListener(\"newRow\", onStoreChange);\n    },\n    [editSession],\n  );\n  const newRowState = useSyncExternalStore(\n    subscribeToNewRow,\n    () => editSession.newRowState,\n    () => editSession.newRowState,\n  );\n  const dataRow = useMemo(\n    () => createSyntheticDataRow(newRowState, inlineAddColumns),\n    [inlineAddColumns, newRowState],\n  );\n  const previousValuesRef = useRef(newRowState.values);\n\n  const focusEditor = useCallback((index: number) => {\n    const cell =\n      containerRef.current?.querySelectorAll<HTMLElement>(\"[data-field]\")[\n        index\n      ];\n    cell?.querySelector<HTMLElement>(\"input, button, [tabindex]\")?.focus();\n  }, []);\n\n  useEffect(() => {\n    editSession.configureNewRow(visibleInsertColumns.map(({ name }) => name));\n  }, [editSession, visibleInsertColumns]);\n\n  useEffect(() => {\n    visibleInsertColumns\n      .filter(\n        (column) =>\n          column.serverDataType === \"boolean\" &&\n          newRowState.values[column.name] === undefined,\n      )\n      .forEach((column) => {\n        editSession.setNewRowValue(column.name, false);\n      });\n  }, [editSession, newRowState.values, visibleInsertColumns]);\n\n  useEffect(() => {\n    const firstInvalidIndex = visibleColumns.findIndex(\n      ({ name }) => newRowState.errors[name] !== undefined,\n    );\n    if (firstInvalidIndex !== -1) {\n      focusEditor(firstInvalidIndex);\n    }\n  }, [focusEditor, newRowState.errors, visibleColumns]);\n\n  useEffect(() => {\n    const previousValues = previousValuesRef.current;\n    previousValuesRef.current = newRowState.values;\n    if (\n      Object.keys(previousValues).length > 0 &&\n      Object.keys(newRowState.values).length === 0 &&\n      Object.keys(newRowState.errors).length === 0\n    ) {\n      const firstEditableIndex = visibleColumns.findIndex((column) =>\n        isDataValueEditable(column, \"insert\"),\n      );\n      if (firstEditableIndex !== -1) {\n        requestAnimationFrame(() => focusEditor(firstEditableIndex));\n      }\n    }\n  }, [focusEditor, newRowState.errors, newRowState.values, visibleColumns]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const handleCommit = (event: Event) => {\n      const target = event.target;\n      if (!(target instanceof Element)) {\n        return;\n      }\n      const cell = target.closest<HTMLElement>(\"[data-field]\");\n      const cells = container.querySelectorAll<HTMLElement>(\"[data-field]\");\n      const currentIndex = Array.from(cells).indexOf(cell ?? container);\n      const firstInvalidIndex = visibleColumns.findIndex(\n        ({ name }) => editSession.newRowState.errors[name] !== undefined,\n      );\n      const firstEditableIndex = visibleColumns.findIndex((column) =>\n        isDataValueEditable(column, \"insert\"),\n      );\n      const nextEditableIndex = visibleColumns.findIndex(\n        (column, index) =>\n          index > currentIndex && isDataValueEditable(column, \"insert\"),\n      );\n      if (firstInvalidIndex !== -1) {\n        requestAnimationFrame(() => focusEditor(firstInvalidIndex));\n      } else if (nextEditableIndex !== -1) {\n        focusEditor(nextEditableIndex);\n      } else if (firstEditableIndex !== -1) {\n        requestAnimationFrame(() => focusEditor(firstEditableIndex));\n      }\n    };\n\n    container.addEventListener(\"vuu-commit\", handleCommit);\n    return () => container.removeEventListener(\"vuu-commit\", handleCommit);\n  }, [editSession, focusEditor, visibleColumns]);\n\n  return {\n    containerRef,\n    dataRow,\n    draftRevision: newRowState.draftRevision,\n    inlineAddColumns,\n  };\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-var tableFooterCss = ".vuuTableFooter {\n    background-color: var(--salt-container-secondary-background);\n    display: grid;\n    --table-footer-height: var(--vuuTableFooter-height, 32px);\n    flex: 0 0 var(--table-footer-height);\n    grid-template-areas: \"panel-start panel-center panel-end\";\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-template-rows: auto;\n\n    height: var(--table-footer-height);\n\n    .vuuTableFooterTray {\n        align-items: center;\n        display: flex;\n        justify-self: end;;\n        margin: 0 var(--salt-spacing-200);\n        grid-area: panel-end;\n  }\n\n}\n";
+var tableFooterCss = ".vuuTableFooter {\n  background-color: var(--salt-container-secondary-background);\n  display: grid;\n  --table-footer-height: var(--vuuTableFooter-height, 32px);\n  flex: 0 0 var(--table-footer-height);\n  grid-template-areas: \"panel-start panel-center panel-end\";\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto;\n\n  height: var(--table-footer-height);\n\n  .vuuTableFooterTray {\n    align-items: center;\n    display: flex;\n    gap: var(--salt-spacing-100);\n    margin: 0 var(--salt-spacing-200);\n\n    &.vuuTableFooterTray-center {\n      grid-area: panel-center;\n      justify-self: center;\n    }\n    &.vuuTableFooterTray-end {\n      grid-area: panel-end;\n      justify-self: end;\n    }\n  }\n}\n";
 
 export { tableFooterCss as default };
 //# sourceMappingURL=TableFooter.css.js.map

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

@@ -5,8 +5,11 @@ import { useWindow } from '@salt-ds/window';
 import tableFooterCss from './TableFooter.css.js';
 
 const classBase = "vuuTableFooter";
-const TableFooterTray = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: `${classBase}Tray`, children });
+const TableFooterTray = ({ children, position = "end" }) => {
+  return /* @__PURE__ */ jsx("div", { className: cx(`${classBase}Tray`, {
+    [`${classBase}Tray-center`]: position === "center",
+    [`${classBase}Tray-end`]: position === "end"
+  }), children });
 };
 const TableFooter = ({
   children,

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

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

package/package.json

@@ -1,20 +1,21 @@
 {
-  "version": "2.2.1",
+  "version": "3.0.0-beta.1",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-filter-types": "2.2.1",
-    "@vuu-ui/vuu-protocol-types": "2.2.1"
+    "@vuu-ui/vuu-filter-types": "3.0.0-beta.1",
+    "@vuu-ui/vuu-protocol-types": "3.0.0-beta.1"
   },
   "dependencies": {
-    "@vuu-ui/vuu-codemirror": "2.2.1",
-    "@vuu-ui/vuu-data-react": "2.2.1",
-    "@vuu-ui/vuu-data-types": "2.2.1",
-    "@vuu-ui/vuu-table-types": "2.2.1",
-    "@vuu-ui/vuu-popups": "2.2.1",
-    "@vuu-ui/vuu-table": "2.2.1",
-    "@vuu-ui/vuu-utils": "2.2.1",
-    "@vuu-ui/vuu-ui-controls": "2.2.1",
+    "@vuu-ui/vuu-codemirror": "3.0.0-beta.1",
+    "@vuu-ui/vuu-data-editing": "3.0.0-beta.1",
+    "@vuu-ui/vuu-data-react": "3.0.0-beta.1",
+    "@vuu-ui/vuu-data-types": "3.0.0-beta.1",
+    "@vuu-ui/vuu-table-types": "3.0.0-beta.1",
+    "@vuu-ui/vuu-popups": "3.0.0-beta.1",
+    "@vuu-ui/vuu-table": "3.0.0-beta.1",
+    "@vuu-ui/vuu-utils": "3.0.0-beta.1",
+    "@vuu-ui/vuu-ui-controls": "3.0.0-beta.1",
     "@lezer/lr": "1.4.2",
     "@salt-ds/core": "1.54.1",
     "@salt-ds/lab": "1.0.0-alpha.83",

package/types/csv-upload/CsvUpload.d.ts

@@ -1,11 +1,16 @@
 import { type ReactNode } from "react";
 import type { DataSource } from "@vuu-ui/vuu-data-types";
+import type { EditSession } from "@vuu-ui/vuu-data-editing";
 import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
 import type { CsvParseError, CsvParseOptions } from "./parse/csv-parse";
 import type { CsvValidationStructuredError } from "./parse/csv-schema-validation";
 import type { CsvUploadTableData } from "./parse/csv-upload-utils";
 export type CsvUploadImportedResult = {
-    rpcResult: unknown;
+    tableData: CsvUploadTableData;
+};
+export type CsvUploadPreviewResult = {
+    dataSource: DataSource;
+    editSession: EditSession;
     tableData: CsvUploadTableData;
 };
 export type CsvUploadErrors = {
@@ -32,10 +37,12 @@ export type CsvUploadPhase = "idle" | "processing" | "preview-ready" | "importin
 export interface CsvUploadProps {
     children?: ReactNode;
     dataSource: DataSource;
+    embedded?: boolean;
     onImportSessionStarted?: (dataSource: DataSource) => void;
     onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;
     onError?: (result: CsvUploadErrorResult | undefined) => void;
     onImported?: (result: CsvUploadImportedResult) => void;
+    onPreview?: (result: CsvUploadPreviewResult) => void;
     onProcessingStarted?: () => void;
     dialogTitle?: string;
     maxRows?: number;
@@ -43,5 +50,6 @@ export interface CsvUploadProps {
     onClose?: () => void;
     open?: boolean;
     parseOptions?: CsvParseOptions;
+    importMode?: "direct" | "preview";
 }
 export declare const CsvUpload: (props: CsvUploadProps) => import("react/jsx-runtime").JSX.Element;

package/types/csv-upload/data-upload-preview/DataUploadPreview.d.ts

@@ -0,0 +1,10 @@
+import type { TableSchema } from "@vuu-ui/vuu-data-types";
+import { type EditSession } from "@vuu-ui/vuu-data-editing";
+import type { HTMLAttributes } from "react";
+export interface DataUploadPreviewProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    editSession: EditSession;
+    onClose: () => void;
+    saveLabel?: string;
+    tableSchema: TableSchema;
+}
+export declare const DataUploadPreview: ({ className, editSession, onClose, saveLabel, tableSchema, ...htmlAttributes }: DataUploadPreviewProps) => import("react/jsx-runtime").JSX.Element;

package/types/csv-upload/data-upload-preview/useDataUploadPreview.d.ts

@@ -0,0 +1,17 @@
+import type { DataSource } from "@vuu-ui/vuu-data-types";
+import type { EditSession } from "@vuu-ui/vuu-data-editing";
+export interface UseDataUploadPreviewProps {
+    dataSource: DataSource;
+    editSession: EditSession;
+    onClose: () => void;
+}
+export declare const getSessionDataSource: (editSession: EditSession) => DataSource;
+export declare const useDataUploadPreview: ({ dataSource, editSession, onClose, }: UseDataUploadPreviewProps) => {
+    canCancel: boolean;
+    canSave: boolean;
+    hasSelection: boolean;
+    onCancel: () => Promise<void>;
+    onDelete: () => Promise<void>;
+    onSave: (force?: boolean) => Promise<void>;
+    sessionError: string | undefined;
+};

package/types/csv-upload/index.d.ts

@@ -1,6 +1,6 @@
-export { CsvUpload, type CsvUploadError, type CsvUploadProps, type CsvUploadErrorResult, type CsvUploadErrors, type CsvUploadPhase, type CsvUploadImportedResult, type CsvUploadSessionEndReason, type CsvUploadSessionEndResult, type CsvUploadSessionTable, } from "./CsvUpload";
+export { CsvUpload, type CsvUploadError, type CsvUploadProps, type CsvUploadErrorResult, type CsvUploadErrors, type CsvUploadPhase, type CsvUploadImportedResult, type CsvUploadPreviewResult, type CsvUploadSessionEndReason, type CsvUploadSessionEndResult, type CsvUploadSessionTable, } from "./CsvUpload";
 export { useCsvUpload, type CsvUploadHookProps, type UseCsvUploadReturn, } from "./useCsvUpload";
-export { useCsvUploadSessionPreview, type UseCsvUploadSessionPreviewReturn, } from "./useCsvUploadSessionPreview";
+export { DataUploadPreview, type DataUploadPreviewProps, } from "./data-upload-preview/DataUploadPreview";
 export { validateCsvAgainstSchema, type CsvValidationOptions, type CsvValidationResult, } from "./parse/csv-schema-validation";
 export { parseCsv, type CsvParseOptions, type CsvParseResult, } from "./parse/csv-parse";
 export { CsvValidationErrorEnum, CsvParseErrorEnum, type CsvError, type CsvErrorMap, type CsvStructuredError, type CsvValidationError, type CsvValidationErrorMap, type CsvValidationErrorType, type CsvValidationStructuredError, type CsvParseError, type CsvParseErrorMap, } from "./parse/csv-errors";

package/types/csv-upload/useCsvUpload.d.ts

@@ -1,20 +1,23 @@
 import type { DataSource, TableSchema } from "@vuu-ui/vuu-data-types";
 import { type CsvParseOptions } from "./parse/csv-parse";
 import { type CsvValidationResult } from "./parse/csv-schema-validation";
-import type { CsvUploadErrorResult, CsvUploadImportedResult, CsvUploadSessionEndResult, CsvUploadSessionTable } from "./CsvUpload";
+import type { CsvUploadErrorResult, CsvUploadImportedResult, CsvUploadPreviewResult, CsvUploadSessionEndResult, CsvUploadSessionTable } from "./CsvUpload";
 export interface CsvUploadHookProps {
     dataSource: DataSource;
+    importMode?: "direct" | "preview";
     maxRows?: number;
     onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;
     onImportSessionStarted?: (dataSource: DataSource) => void;
     onError?: (result: CsvUploadErrorResult | undefined) => void;
     onImported?: (result: CsvUploadImportedResult) => void;
+    onPreview?: (result: CsvUploadPreviewResult) => void;
     onProcessingStarted?: () => void;
     parseOptions?: CsvParseOptions;
 }
 export type UseCsvUploadReturn = {
     canImport: boolean;
-    importData: () => Promise<void>;
+    cancelImport: () => Promise<void>;
+    importData: () => Promise<boolean>;
     isImporting: boolean;
     isProcessingFile: boolean;
     onDrop: (_event: React.DragEvent<HTMLDivElement>, files: File[]) => void;
@@ -23,4 +26,4 @@ export type UseCsvUploadReturn = {
     schema: TableSchema | undefined;
     validation: CsvValidationResult | undefined;
 };
-export declare const useCsvUpload: ({ dataSource, onImportSessionEnded, onImportSessionStarted, onError, onImported, onProcessingStarted, maxRows, parseOptions, }: CsvUploadHookProps) => UseCsvUploadReturn;
+export declare const useCsvUpload: ({ dataSource, importMode, onImportSessionEnded, onImportSessionStarted, onError, onImported, onPreview, onProcessingStarted, maxRows, parseOptions, }: CsvUploadHookProps) => UseCsvUploadReturn;

package/types/index.d.ts

@@ -17,6 +17,7 @@ export { useColumnSettings } from "./column-settings-panel/useColumnSettings";
 export { DataSourceStats, type DataSourceStatsProps, } from "./datasource-stats/DatasourceStats";
 export { FreezeControl } from "./freeze-control/FreezeControl";
 export { FrozenBanner } from "./freeze-control/FrozenBanner";
+export * from "./inline-add-row";
 export { TabbedTableConfigPanel } from "./tabbed-table-config-panel/TabbedTableConfigPanel";
 export { TabbedTableSettingsAction } from "./tabbed-table-config-panel/TabbedTableSettingsAction";
 export { TableFooter, TableFooterTray } from "./table-footer/TableFooter";

package/types/inline-add-row/InlineAddRow.d.ts

@@ -0,0 +1,3 @@
+import type { BaseRowProps } from "@vuu-ui/vuu-table-types";
+export type InlineAddRowProps = BaseRowProps;
+export declare const InlineAddRow: ({ ariaRowIndex, className, columns, style, }: InlineAddRowProps) => import("react/jsx-runtime").JSX.Element;

package/types/inline-add-row/index.d.ts

@@ -0,0 +1,2 @@
+export { InlineAddRow, type InlineAddRowProps } from "./InlineAddRow";
+export { useInlineAddRow, type UseInlineAddRowProps } from "./useInlineAddRow";

package/types/inline-add-row/useInlineAddRow.d.ts

@@ -0,0 +1,57 @@
+import type { DataRow, RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
+export interface UseInlineAddRowProps {
+    columns: RuntimeColumnDescriptor[];
+}
+export declare const useInlineAddRow: ({ columns }: UseInlineAddRowProps) => {
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
+    dataRow: DataRow;
+    draftRevision: number;
+    inlineAddColumns: {
+        CellRenderer: import("react").FunctionComponent<import("@vuu-ui/vuu-table-types").TableCellRendererProps> | undefined;
+        editable: boolean;
+        align?: "left" | "right";
+        ariaColIndex: number;
+        HeaderCellContentRenderer?: import("react").FunctionComponent<Omit<import("@vuu-ui/vuu-table-types").HeaderCellProps, "id" | "index">>;
+        HeaderCellLabelRenderer?: import("react").FunctionComponent<Omit<import("@vuu-ui/vuu-table-types").HeaderCellProps, "id" | "index">>;
+        canStretch?: boolean;
+        className?: string;
+        clientSideEditValidationCheck?: import("@vuu-ui/vuu-data-types").DataValueValidationChecker;
+        draggable?: boolean;
+        filter?: import("@vuu-ui/vuu-filter-types").Filter;
+        flex?: number;
+        heading?: [...string[]];
+        isGroup?: boolean;
+        isSystemColumn?: boolean;
+        label: string;
+        marginLeft?: number;
+        moving?: boolean;
+        originalIdx?: number;
+        pinnedOffset?: number;
+        pinnedWidth?: number;
+        resizeable?: boolean;
+        resizing?: boolean;
+        sortable?: boolean;
+        sorted?: import("@vuu-ui/vuu-table-types").ColumnSort;
+        valueFormatter: import("@vuu-ui/vuu-table-types").ValueFormatter;
+        width: number;
+        aggregate?: import("@vuu-ui/vuu-protocol-types").VuuAggType;
+        allowColumnHeaderMenu?: false;
+        colHeaderContentRenderer?: string;
+        colHeaderLabelRenderer?: string;
+        getIcon?: (row: DataRow) => string | undefined;
+        groupable?: boolean;
+        hidden?: boolean;
+        locked?: Exclude<import("@vuu-ui/vuu-table-types").PinLocation, "left"> | false;
+        maxWidth?: number;
+        minWidth?: number;
+        pin?: import("@vuu-ui/vuu-table-types").PinLocation | false;
+        removeable?: boolean;
+        selected?: boolean;
+        source?: "client" | "server";
+        status?: import("@salt-ds/core").ValidationStatus;
+        editableBulk?: import("@vuu-ui/vuu-data-types").BulkEdit;
+        name: string;
+        serverDataType?: import("@vuu-ui/vuu-protocol-types").VuuColumnDataType;
+        type?: import("@vuu-ui/vuu-data-types").DataValueType;
+    }[];
+};