@vuu-ui/vuu-table-extras 4.1.1 → 4.1.2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.1.1",
+  "version": "4.1.2",
   "author": "heswell",
   "main": "./src/index.js",
   "license": "Apache-2.0",
@@ -10,19 +10,19 @@
     "lezer-generate:column": "lezer-generator --output ./src/column-expression-input/column-language-parser/generated/column-parser.js ./src/column-expression-input/column-language-parser/grammar/column.grammar"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-filter-types": "4.1.1",
-    "@vuu-ui/vuu-protocol-types": "4.1.1"
+    "@vuu-ui/vuu-filter-types": "4.1.2",
+    "@vuu-ui/vuu-protocol-types": "4.1.2"
   },
   "dependencies": {
-    "@vuu-ui/vuu-codemirror": "4.1.1",
-    "@vuu-ui/vuu-data-editing": "4.1.1",
-    "@vuu-ui/vuu-data-react": "4.1.1",
-    "@vuu-ui/vuu-data-types": "4.1.1",
-    "@vuu-ui/vuu-table-types": "4.1.1",
-    "@vuu-ui/vuu-popups": "4.1.1",
-    "@vuu-ui/vuu-table": "4.1.1",
-    "@vuu-ui/vuu-utils": "4.1.1",
-    "@vuu-ui/vuu-ui-controls": "4.1.1",
+    "@vuu-ui/vuu-codemirror": "4.1.2",
+    "@vuu-ui/vuu-data-editing": "4.1.2",
+    "@vuu-ui/vuu-data-react": "4.1.2",
+    "@vuu-ui/vuu-data-types": "4.1.2",
+    "@vuu-ui/vuu-table-types": "4.1.2",
+    "@vuu-ui/vuu-popups": "4.1.2",
+    "@vuu-ui/vuu-table": "4.1.2",
+    "@vuu-ui/vuu-utils": "4.1.2",
+    "@vuu-ui/vuu-ui-controls": "4.1.2",
     "@lezer/lr": "1.4.2",
     "@salt-ds/core": "1.74.0",
     "@salt-ds/styles": "0.4.2",

package/src/csv-upload/parse/csv-parse.js

@@ -47,8 +47,8 @@ const parseCsv = (csvText, options)=>{
             relax_column_count: true,
             skip_empty_lines: true
         });
-    } catch (err) {
-        addCsvFileError(errorState, "*", CsvParseErrorEnum.INVALID_FORMAT, err instanceof Error ? err.message : "Invalid CSV format.");
+    } catch  {
+        addCsvFileError(errorState, "*", CsvParseErrorEnum.INVALID_FORMAT, "Invalid CSV format.");
         return withError("Invalid CSV format.", errorState.errorMap, errorState.errors);
     }
     if (0 === records.length) {
@@ -75,6 +75,10 @@ const parseCsv = (csvText, options)=>{
         addCsvFileError(errorState, duplicateHeader, CsvParseErrorEnum.DUPLICATE_HEADER_COLUMN, `CSV header contains duplicate column '${duplicateHeader}'.`, duplicateHeader);
         return withError(`CSV header contains duplicate column '${duplicateHeader}'.`, errorState.errorMap, errorState.errors, header, []);
     }
+    if (0 === rows.length) {
+        addCsvFileError(errorState, "*", CsvParseErrorEnum.EMPTY_FILE, "CSV file is empty.");
+        return withError("CSV file is empty.", errorState.errorMap, errorState.errors, header, []);
+    }
     const firstDataRowNumber = options?.customHeaders && false === options.hasHeaderRow ? 1 : CSV_FIRST_DATA_ROW_NUMBER;
     rows.forEach((row, rowIndex)=>{
         if (row.length !== header.length) addCsvRowError(errorState, rowIndex + firstDataRowNumber, "*", CsvParseErrorEnum.ROW_COLUMN_COUNT_MISMATCH, "This row has too many or too few columns compared to the header line. Check for extra or missing commas.", row.join(","));

package/src/csv-upload/useCsvUpload.js

@@ -5,6 +5,14 @@ import { CsvValidationErrorEnum, validateCsvAgainstSchema } from "./parse/csv-sc
 import { createUploadError, hasFileParseErrors, isCsvParseError, mapCsvHeaders, mergeValidationWithParseErrors, toErrorMessage } from "./parse/csv-upload-utils.js";
 import { useImportSchema } from "./session/useImportSchema.js";
 import { useImportSession } from "./session/useImportSession.js";
+const CSV_MIME_TYPES = new Set([
+    "",
+    "text/csv",
+    "text/plain",
+    "application/csv",
+    "application/vnd.ms-excel"
+]);
+const isCsvFile = (file)=>file.name.toLowerCase().endsWith(".csv") && CSV_MIME_TYPES.has(file.type.toLowerCase());
 const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importTable, onImportSessionEnded, onImportSessionReady, onError, onImported, onPreview, onProcessingStarted, maxRows, parseOptions, customHeaders, hasHeaderRow, headerMapping, rowDefaults, validators })=>{
     const [validation, setValidation] = useState();
     const [isProcessingFile, setIsProcessingFile] = useState(false);
@@ -58,6 +66,15 @@ const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importT
         }
         if (void 0 === schema) throw Error("Table schema is not yet available.");
         if (void 0 === table) throw Error("CsvUpload requires dataSource.table to be defined.");
+        if (!isCsvFile(file)) {
+            const errorMessage = "Invalid file type. Only .csv files are supported.";
+            handleError({
+                errors: {
+                    validationError: createUploadError("validation", errorMessage)
+                }
+            });
+            return;
+        }
         const effectiveParseOptions = {
             ...parseOptions,
             ...void 0 !== customHeaders ? {

package/src/inline-add-row/useInlineAddRow.js

@@ -66,14 +66,6 @@ const useInlineAddRow = ({ columns })=>{
         newRowState.values,
         visibleInsertColumns
     ]);
-    useEffect(()=>{
-        const firstInvalidIndex = visibleColumns.findIndex(({ name })=>void 0 !== newRowState.errors[name]);
-        if (-1 !== firstInvalidIndex) focusEditor(firstInvalidIndex);
-    }, [
-        focusEditor,
-        newRowState.errors,
-        visibleColumns
-    ]);
     useEffect(()=>{
         const previousValues = previousValuesRef.current;
         previousValuesRef.current = newRowState.values;