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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/cjs/packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.js +3 -0
  2. package/cjs/packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.js.map +1 -1
  3. package/cjs/packages/vuu-table-extras/src/csv-upload/CsvUpload.js +62 -48
  4. package/cjs/packages/vuu-table-extras/src/csv-upload/CsvUpload.js.map +1 -1
  5. package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.css.js +6 -0
  6. package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.css.js.map +1 -0
  7. package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.js +118 -0
  8. package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.js.map +1 -0
  9. package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/useDataUploadPreview.js +76 -0
  10. package/cjs/packages/vuu-table-extras/src/csv-upload/data-upload-preview/useDataUploadPreview.js.map +1 -0
  11. package/cjs/packages/vuu-table-extras/src/csv-upload/parse/csv-upload-utils.js +1 -44
  12. package/cjs/packages/vuu-table-extras/src/csv-upload/parse/csv-upload-utils.js.map +1 -1
  13. package/cjs/packages/vuu-table-extras/src/csv-upload/useCsvUpload.js +154 -66
  14. package/cjs/packages/vuu-table-extras/src/csv-upload/useCsvUpload.js.map +1 -1
  15. package/cjs/packages/vuu-table-extras/src/index.js +6 -2
  16. package/cjs/packages/vuu-table-extras/src/index.js.map +1 -1
  17. package/cjs/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.css.js +6 -0
  18. package/cjs/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.css.js.map +1 -0
  19. package/cjs/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.js +44 -0
  20. package/cjs/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.js.map +1 -0
  21. package/cjs/packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.js +137 -0
  22. package/cjs/packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.js.map +1 -0
  23. package/cjs/packages/vuu-table-extras/src/table-footer/TableFooter.css.js +1 -1
  24. package/cjs/packages/vuu-table-extras/src/table-footer/TableFooter.js +5 -2
  25. package/cjs/packages/vuu-table-extras/src/table-footer/TableFooter.js.map +1 -1
  26. package/esm/packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.js +3 -0
  27. package/esm/packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.js.map +1 -1
  28. package/esm/packages/vuu-table-extras/src/csv-upload/CsvUpload.js +63 -49
  29. package/esm/packages/vuu-table-extras/src/csv-upload/CsvUpload.js.map +1 -1
  30. package/esm/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.css.js +4 -0
  31. package/esm/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.css.js.map +1 -0
  32. package/esm/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.js +116 -0
  33. package/esm/packages/vuu-table-extras/src/csv-upload/data-upload-preview/DataUploadPreview.js.map +1 -0
  34. package/esm/packages/vuu-table-extras/src/csv-upload/data-upload-preview/useDataUploadPreview.js +73 -0
  35. package/esm/packages/vuu-table-extras/src/csv-upload/data-upload-preview/useDataUploadPreview.js.map +1 -0
  36. package/esm/packages/vuu-table-extras/src/csv-upload/parse/csv-upload-utils.js +2 -43
  37. package/esm/packages/vuu-table-extras/src/csv-upload/parse/csv-upload-utils.js.map +1 -1
  38. package/esm/packages/vuu-table-extras/src/csv-upload/useCsvUpload.js +157 -69
  39. package/esm/packages/vuu-table-extras/src/csv-upload/useCsvUpload.js.map +1 -1
  40. package/esm/packages/vuu-table-extras/src/index.js +3 -1
  41. package/esm/packages/vuu-table-extras/src/index.js.map +1 -1
  42. package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.css.js +4 -0
  43. package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.css.js.map +1 -0
  44. package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.js +42 -0
  45. package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.js.map +1 -0
  46. package/esm/packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.js +135 -0
  47. package/esm/packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.js.map +1 -0
  48. package/esm/packages/vuu-table-extras/src/table-footer/TableFooter.css.js +1 -1
  49. package/esm/packages/vuu-table-extras/src/table-footer/TableFooter.js +5 -2
  50. package/esm/packages/vuu-table-extras/src/table-footer/TableFooter.js.map +1 -1
  51. package/package.json +12 -11
  52. package/types/csv-upload/CsvUpload.d.ts +9 -1
  53. package/types/csv-upload/data-upload-preview/DataUploadPreview.d.ts +10 -0
  54. package/types/csv-upload/data-upload-preview/useDataUploadPreview.d.ts +17 -0
  55. package/types/csv-upload/index.d.ts +2 -2
  56. package/types/csv-upload/useCsvUpload.d.ts +6 -3
  57. package/types/index.d.ts +1 -0
  58. package/types/inline-add-row/InlineAddRow.d.ts +3 -0
  59. package/types/inline-add-row/index.d.ts +2 -0
  60. package/types/inline-add-row/useInlineAddRow.d.ts +57 -0
  61. package/types/table-footer/TableFooter.d.ts +3 -2
  62. package/cjs/packages/vuu-table-extras/src/csv-upload/useCsvUploadSessionPreview.js +0 -73
  63. package/cjs/packages/vuu-table-extras/src/csv-upload/useCsvUploadSessionPreview.js.map +0 -1
  64. package/esm/packages/vuu-table-extras/src/csv-upload/useCsvUploadSessionPreview.js +0 -71
  65. package/esm/packages/vuu-table-extras/src/csv-upload/useCsvUploadSessionPreview.js.map +0 -1
  66. package/types/csv-upload/useCsvUploadSessionPreview.d.ts +0 -10
@@ -0,0 +1,73 @@
1
+ import { useState, useCallback, useEffect } from 'react';
2
+
3
+ const getSessionDataSource = (editSession) => {
4
+ const dataSource = editSession.sessionDataSource;
5
+ if (!dataSource) {
6
+ throw new Error("[DataUploadPreview] requires an active edit session");
7
+ }
8
+ return dataSource;
9
+ };
10
+ const useDataUploadPreview = ({
11
+ dataSource,
12
+ editSession,
13
+ onClose
14
+ }) => {
15
+ const [editState, setEditState] = useState(editSession.editState);
16
+ const [lifecycle, setLifecycle] = useState(
17
+ editSession.lifecycle
18
+ );
19
+ const [selectionCount, setSelectionCount] = useState(0);
20
+ const [sessionError, setSessionError] = useState();
21
+ const endSession = useCallback(
22
+ async (save, force = false) => {
23
+ try {
24
+ await editSession.end(save, force);
25
+ onClose();
26
+ } catch (error) {
27
+ setSessionError(
28
+ error instanceof Error ? error.message : "Unable to end edit session"
29
+ );
30
+ }
31
+ },
32
+ [editSession, onClose]
33
+ );
34
+ const onCancel = useCallback(() => endSession(false), [endSession]);
35
+ const onDelete = useCallback(
36
+ () => editSession.deleteSelectedRows(),
37
+ [editSession]
38
+ );
39
+ const onSave = useCallback(
40
+ (force = false) => endSession(true, force),
41
+ [endSession]
42
+ );
43
+ useEffect(() => {
44
+ const handleEditState = (nextEditState) => {
45
+ setEditState(nextEditState);
46
+ };
47
+ const handleLifecycle = (nextLifecycle) => {
48
+ setLifecycle(nextLifecycle);
49
+ };
50
+ editSession.on("editState", handleEditState);
51
+ editSession.on("lifecycle", handleLifecycle);
52
+ dataSource.on("row-selection", setSelectionCount);
53
+ return () => {
54
+ editSession.removeListener("editState", handleEditState);
55
+ editSession.removeListener("lifecycle", handleLifecycle);
56
+ dataSource.removeListener("row-selection", setSelectionCount);
57
+ };
58
+ }, [dataSource, editSession]);
59
+ const canCancel = lifecycle.status === "active" || lifecycle.status === "error" && lifecycle.operation === "end";
60
+ const canSave = canCancel && (editState === "dirty" || editState === "stale") && editSession.invalidCount === 0;
61
+ return {
62
+ canCancel,
63
+ canSave,
64
+ hasSelection: selectionCount > 0,
65
+ onCancel,
66
+ onDelete,
67
+ onSave,
68
+ sessionError
69
+ };
70
+ };
71
+
72
+ export { getSessionDataSource, useDataUploadPreview };
73
+ //# sourceMappingURL=useDataUploadPreview.js.map
@@ -0,0 +1 @@
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":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { isRpcError } from '@vuu-ui/vuu-utils';
1
+ import '@vuu-ui/vuu-utils';
2
2
  import { CSV_FIRST_DATA_ROW_NUMBER } from './csv-constants.js';
3
3
 
4
4
  const isRecord = (value) => typeof value === "object" && value !== null;
@@ -30,47 +30,6 @@ const toValidationErrorsFromParseRowErrors = (parseError) => {
30
30
  (error) => error.rowNum >= CSV_FIRST_DATA_ROW_NUMBER
31
31
  );
32
32
  };
33
- const normalizeTableData = (value, fallback) => {
34
- const tableData = isRecord(value) && "data" in value ? value.data : value;
35
- if (!isRecord(tableData)) {
36
- return fallback;
37
- }
38
- const columns = tableData.columns;
39
- const rows = tableData.rows;
40
- if (!Array.isArray(columns) || columns.some((column) => typeof column !== "string") || !Array.isArray(rows)) {
41
- return fallback;
42
- }
43
- return {
44
- columns,
45
- rows: rows.map((row) => {
46
- if (Array.isArray(row)) {
47
- return row;
48
- }
49
- if (!isRecord(row)) {
50
- return columns.map(() => "");
51
- }
52
- return columns.map((column) => row[column] ?? "");
53
- })
54
- };
55
- };
56
- const executeBatchRpcCalls = async (items, executor, errorFormatter) => {
57
- const errors = [];
58
- const results = [];
59
- for (const item of items) {
60
- try {
61
- const result = await executor(item);
62
- const rpcResult = result;
63
- if (isRpcError(rpcResult)) {
64
- errors.push(errorFormatter(item, rpcResult.errorMessage));
65
- } else {
66
- results.push(result);
67
- }
68
- } catch (err) {
69
- errors.push(errorFormatter(item, toErrorMessage(err)));
70
- }
71
- }
72
- return { errors, results };
73
- };
74
33
 
75
- export { buildRowErrorMessage, createUploadError, executeBatchRpcCalls, hasFileParseErrors, isCsvParseError, mergeValidationWithParseErrors, normalizeTableData, toErrorMessage, toValidationErrorsFromParseRowErrors };
34
+ export { buildRowErrorMessage, createUploadError, hasFileParseErrors, isCsvParseError, mergeValidationWithParseErrors, toErrorMessage, toValidationErrorsFromParseRowErrors };
76
35
  //# sourceMappingURL=csv-upload-utils.js.map
@@ -1 +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":[],"mappings":"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"}
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":[],"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,IAAA;AAAA,GAC7B;AACF;;;;"}
@@ -1,16 +1,19 @@
1
- import { isSessionTable, isRpcSuccess } from '@vuu-ui/vuu-utils';
2
- import { useState, useRef, useCallback, useMemo } from 'react';
1
+ import { EditSession } from '@vuu-ui/vuu-data-editing';
2
+ import { isSessionTable, isRpcError } from '@vuu-ui/vuu-utils';
3
+ import { useState, useMemo, useRef, useEffect, useCallback } from 'react';
3
4
  import { parseCsv } from './parse/csv-parse.js';
4
5
  import { validateCsvAgainstSchema } from './parse/csv-schema-validation.js';
5
- import { executeBatchRpcCalls, buildRowErrorMessage, hasFileParseErrors, createUploadError, mergeValidationWithParseErrors, toErrorMessage, isCsvParseError, normalizeTableData } from './parse/csv-upload-utils.js';
6
+ import { toErrorMessage, buildRowErrorMessage, hasFileParseErrors, createUploadError, mergeValidationWithParseErrors, isCsvParseError } from './parse/csv-upload-utils.js';
6
7
  import { CSV_FIRST_DATA_ROW_NUMBER } from './parse/csv-constants.js';
7
8
 
8
9
  const useCsvUpload = ({
9
10
  dataSource,
11
+ importMode = "direct",
10
12
  onImportSessionEnded,
11
13
  onImportSessionStarted,
12
14
  onError,
13
15
  onImported,
16
+ onPreview,
14
17
  onProcessingStarted,
15
18
  maxRows,
16
19
  parseOptions
@@ -19,37 +22,70 @@ const useCsvUpload = ({
19
22
  const [sessionTable, setSessionTable] = useState();
20
23
  const [isProcessingFile, setIsProcessingFile] = useState(false);
21
24
  const [isImporting, setIsImporting] = useState(false);
22
- const sessionTableRef = useRef(void 0);
23
- const setActiveSessionTable = useCallback(
24
- (table2) => {
25
- sessionTableRef.current = table2;
26
- setSessionTable(table2);
25
+ const editSession = useMemo(() => new EditSession(dataSource), [dataSource]);
26
+ const ownsEditSessionRef = useRef(true);
27
+ const operationIdRef = useRef(0);
28
+ const processingPromiseRef = useRef(void 0);
29
+ const sessionDataSourceRef = useRef(void 0);
30
+ useEffect(
31
+ () => () => {
32
+ operationIdRef.current++;
33
+ const processingPromise = processingPromiseRef.current;
34
+ void (async () => {
35
+ try {
36
+ await processingPromise;
37
+ } finally {
38
+ if (ownsEditSessionRef.current) {
39
+ try {
40
+ await editSession.end(false);
41
+ } catch (error) {
42
+ console.error(
43
+ "[useCsvUpload] failed to discard edit session during cleanup",
44
+ error
45
+ );
46
+ }
47
+ }
48
+ }
49
+ })();
50
+ },
51
+ [editSession]
52
+ );
53
+ const setActiveSessionDataSource = useCallback(
54
+ (sessionDataSource) => {
55
+ sessionDataSourceRef.current = sessionDataSource;
56
+ const table2 = sessionDataSource?.table;
57
+ setSessionTable(
58
+ table2 && isSessionTable(table2) ? table2 : void 0
59
+ );
27
60
  },
28
61
  []
29
62
  );
30
63
  const endEditSessionAndNotify = useCallback(
31
64
  async (save, reason) => {
32
- if (!dataSource.endEditSession) {
33
- throw Error("CsvUpload requires datasource endEditSession support.");
65
+ const sessionDataSource = sessionDataSourceRef.current;
66
+ if (!sessionDataSource) {
67
+ throw Error("CsvUpload has no active edit session.");
68
+ }
69
+ if (!sessionDataSource.endEditSession) {
70
+ throw Error(
71
+ "CsvUpload requires the session datasource to support endEditSession."
72
+ );
34
73
  }
35
- const currentSessionTable = sessionTableRef.current;
36
- const result = await dataSource.endEditSession(save);
37
- setActiveSessionTable(void 0);
74
+ const currentSessionTable = sessionDataSource.table;
75
+ await editSession.end(save);
76
+ setActiveSessionDataSource(void 0);
38
77
  onImportSessionEnded?.({
39
78
  reason,
40
- sessionTable: currentSessionTable
79
+ sessionTable: currentSessionTable && isSessionTable(currentSessionTable) ? currentSessionTable : void 0
41
80
  });
42
- return result;
81
+ return void 0;
43
82
  },
44
- [dataSource, onImportSessionEnded, setActiveSessionTable]
83
+ [editSession, onImportSessionEnded, setActiveSessionDataSource]
45
84
  );
46
85
  const table = dataSource.table;
47
86
  const schema = dataSource.tableSchema;
48
87
  const addAllRows = useCallback(
49
- async (mergedValidation) => {
50
- if (table === void 0) {
51
- throw Error("CsvUpload requires dataSource.table to be defined.");
52
- }
88
+ async (mergedValidation, operationId) => {
53
89
  const vuuMsgByRow = /* @__PURE__ */ new Map();
54
90
  for (const { rowNum, column, message } of mergedValidation.errors) {
55
91
  if (rowNum < CSV_FIRST_DATA_ROW_NUMBER) continue;
@@ -61,7 +97,9 @@ const useCsvUpload = ({
61
97
  );
62
98
  }
63
99
  const parsedRowCount = mergedValidation.rows.length;
64
- const unparsedErrorRows = [...vuuMsgByRow.keys()].filter((rowNum) => rowNum - CSV_FIRST_DATA_ROW_NUMBER >= parsedRowCount).map((rowNum) => ({
100
+ const unparsedErrorRows = [...vuuMsgByRow.keys()].filter(
101
+ (rowNum) => rowNum - CSV_FIRST_DATA_ROW_NUMBER >= parsedRowCount
102
+ ).map((rowNum) => ({
65
103
  rowNum,
66
104
  rowData: {},
67
105
  vuuMsg: vuuMsgByRow.get(rowNum) ?? ""
@@ -74,70 +112,82 @@ const useCsvUpload = ({
74
112
  })),
75
113
  ...unparsedErrorRows
76
114
  ];
77
- const { errors: rpcErrors } = await executeBatchRpcCalls(
78
- allRows,
79
- async ({ rowNum, rowData, vuuMsg }) => {
115
+ const rpcErrors = [];
116
+ for (const { rowNum, rowData, vuuMsg } of allRows) {
117
+ if (operationId !== operationIdRef.current) {
118
+ return false;
119
+ }
120
+ try {
80
121
  const payload = { ...rowData, rowNum, vuuMsg };
81
- const result = await dataSource.rpcRequest?.({
82
- type: "RPC_REQUEST",
83
- rpcName: "addRow",
84
- params: {
85
- key: String(rowNum),
86
- data: payload
87
- }
88
- });
89
- if (!isRpcSuccess(result)) {
90
- const msg = result && "errorMessage" in result ? String(result.errorMessage) : "addRow RPC failed";
91
- throw Error(msg);
122
+ const result = await editSession.addRow(payload);
123
+ if (isRpcError(result)) {
124
+ throw Error(result.errorMessage);
92
125
  }
93
- return result;
94
- },
95
- ({ rowNum }, error) => `Row ${rowNum}: ${error}`
96
- );
126
+ if (typeof result === "string") {
127
+ throw Error(result);
128
+ }
129
+ } catch (error) {
130
+ rpcErrors.push(`Row ${rowNum}: ${toErrorMessage(error)}`);
131
+ }
132
+ }
97
133
  if (rpcErrors.length > 0) {
98
- const errorMessage = buildRowErrorMessage("Import failed", rpcErrors);
99
- const errors = {
100
- importError: createUploadError("import", errorMessage)
101
- };
102
- onError?.({ errors });
134
+ throw Error(buildRowErrorMessage("Import failed", rpcErrors));
103
135
  }
136
+ return true;
104
137
  },
105
- [dataSource, onError, table]
138
+ [editSession]
106
139
  );
107
140
  const beginEditSession = useCallback(async () => {
108
- if (!dataSource.createSessionDataSource) {
109
- throw Error("CsvUpload requires datasource createSessionDataSource support.");
110
- }
111
- const sessionDataSource = await dataSource.createSessionDataSource("Empty");
141
+ const sessionDataSource = await editSession.begin("Empty");
112
142
  const sessionVuuTable = sessionDataSource?.table;
113
- if (sessionVuuTable && isSessionTable(sessionVuuTable)) {
114
- setActiveSessionTable(sessionVuuTable);
115
- if (sessionDataSource) {
116
- onImportSessionStarted?.(sessionDataSource);
117
- }
143
+ if (sessionDataSource === void 0 || sessionVuuTable === void 0 || !isSessionTable(sessionVuuTable)) {
144
+ throw Error(
145
+ "CsvUpload createSessionDataSource returned no session datasource."
146
+ );
147
+ }
148
+ if (!sessionDataSource.columns.includes("vuuMsg")) {
149
+ sessionDataSource.columns = sessionDataSource.columns.concat("vuuMsg");
118
150
  }
119
- }, [dataSource, onImportSessionStarted, setActiveSessionTable]);
151
+ setActiveSessionDataSource(sessionDataSource);
152
+ onImportSessionStarted?.(sessionDataSource);
153
+ return sessionDataSource;
154
+ }, [editSession, onImportSessionStarted, setActiveSessionDataSource]);
120
155
  const closePendingEditSession = useCallback(
121
156
  async (save) => {
122
- if (sessionTableRef.current === void 0) {
157
+ if (sessionDataSourceRef.current === void 0) {
123
158
  return;
124
159
  }
125
160
  await endEditSessionAndNotify(save, save ? "saved" : "discarded");
126
161
  },
127
162
  [endEditSessionAndNotify]
128
163
  );
164
+ const cancelImport = useCallback(async () => {
165
+ operationIdRef.current++;
166
+ try {
167
+ await processingPromiseRef.current;
168
+ } catch {
169
+ }
170
+ await closePendingEditSession(false);
171
+ }, [closePendingEditSession]);
129
172
  const processFile = useCallback(
130
- async (file) => {
173
+ async (file, operationId) => {
131
174
  setValidation(void 0);
132
175
  onError?.(void 0);
133
176
  await closePendingEditSession(false);
177
+ if (operationId !== operationIdRef.current) {
178
+ return;
179
+ }
134
180
  if (schema === void 0) {
135
181
  throw Error("Table schema is not yet available.");
136
182
  }
137
183
  if (table === void 0) {
138
184
  throw Error("CsvUpload requires dataSource.table to be defined.");
139
185
  }
140
- const parsedCsv = parseCsv(await file.text(), parseOptions);
186
+ const fileContents = await file.text();
187
+ if (operationId !== operationIdRef.current) {
188
+ return;
189
+ }
190
+ const parsedCsv = parseCsv(fileContents, parseOptions);
141
191
  if (parsedCsv.error && hasFileParseErrors(parsedCsv.error)) {
142
192
  setValidation(void 0);
143
193
  onError?.({
@@ -179,8 +229,14 @@ const useCsvUpload = ({
179
229
  setValidation(mergedValidation);
180
230
  if (mergedValidation.rows.length > 0) {
181
231
  await beginEditSession();
232
+ if (operationId !== operationIdRef.current) {
233
+ return;
234
+ }
182
235
  try {
183
- await addAllRows(mergedValidation);
236
+ const rowsAdded = await addAllRows(mergedValidation, operationId);
237
+ if (!rowsAdded) {
238
+ return;
239
+ }
184
240
  } catch (error) {
185
241
  await endEditSessionAndNotify(false, "failed");
186
242
  setValidation(void 0);
@@ -215,11 +271,14 @@ const useCsvUpload = ({
215
271
  }
216
272
  setIsProcessingFile(true);
217
273
  onProcessingStarted?.();
274
+ const operationId = ++operationIdRef.current;
275
+ const processingPromise = processFile(file, operationId);
276
+ processingPromiseRef.current = processingPromise;
218
277
  try {
219
- await processFile(file);
278
+ await processingPromise;
220
279
  } catch (err) {
221
280
  setValidation(void 0);
222
- setActiveSessionTable(void 0);
281
+ setActiveSessionDataSource(void 0);
223
282
  const parseError = isCsvParseError(err) ? err : void 0;
224
283
  const errorMessage = parseError ? `Validation failed: ${parseError.message}` : `Validation failed: ${toErrorMessage(err)}`;
225
284
  const errors = {
@@ -233,10 +292,13 @@ const useCsvUpload = ({
233
292
  };
234
293
  onError?.(errors);
235
294
  } finally {
295
+ if (processingPromiseRef.current === processingPromise) {
296
+ processingPromiseRef.current = void 0;
297
+ }
236
298
  setIsProcessingFile(false);
237
299
  }
238
300
  },
239
- [onError, onProcessingStarted, processFile, setActiveSessionTable]
301
+ [onError, onProcessingStarted, processFile, setActiveSessionDataSource]
240
302
  );
241
303
  const onDrop = useCallback(
242
304
  (_event, files) => {
@@ -256,22 +318,37 @@ const useCsvUpload = ({
256
318
  );
257
319
  const importData = useCallback(async () => {
258
320
  if (!canImport || validation === void 0) {
259
- return;
321
+ return false;
260
322
  }
261
323
  setIsImporting(true);
262
324
  onError?.(void 0);
263
325
  try {
264
- const rpcResult = await endEditSessionAndNotify(true, "saved");
265
326
  const fallbackTableData = {
266
327
  columns: validation.columns,
267
328
  rows: validation.rows.map(
268
329
  (row) => validation.columns.map((column) => row[column] ?? "")
269
330
  )
270
331
  };
271
- onImported?.({
272
- rpcResult,
273
- tableData: normalizeTableData(rpcResult, fallbackTableData)
274
- });
332
+ const tableData = fallbackTableData;
333
+ if (importMode === "preview") {
334
+ const sessionDataSource = sessionDataSourceRef.current;
335
+ if (!sessionDataSource) {
336
+ throw Error("CsvUpload has no session datasource to preview.");
337
+ }
338
+ if (!onPreview) {
339
+ throw Error("CsvUpload preview mode requires an onPreview callback.");
340
+ }
341
+ onPreview({
342
+ dataSource: sessionDataSource,
343
+ editSession,
344
+ tableData
345
+ });
346
+ ownsEditSessionRef.current = false;
347
+ } else {
348
+ await endEditSessionAndNotify(true, "saved");
349
+ onImported?.({ tableData });
350
+ }
351
+ return true;
275
352
  } catch (err) {
276
353
  const errorMessage = `RPC import failed: ${String(err)}`;
277
354
  const errors = {
@@ -280,12 +357,23 @@ const useCsvUpload = ({
280
357
  }
281
358
  };
282
359
  onError?.(errors);
360
+ return false;
283
361
  } finally {
284
362
  setIsImporting(false);
285
363
  }
286
- }, [canImport, endEditSessionAndNotify, onError, onImported, validation]);
364
+ }, [
365
+ canImport,
366
+ editSession,
367
+ endEditSessionAndNotify,
368
+ onError,
369
+ onImported,
370
+ onPreview,
371
+ importMode,
372
+ validation
373
+ ]);
287
374
  return {
288
375
  canImport,
376
+ cancelImport,
289
377
  importData,
290
378
  isImporting,
291
379
  isProcessingFile,
@@ -1 +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":"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"}
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 { 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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"}