fuse-importer 0.0.1-staging → 0.0.2-testing

package/lib/esm/common/Table/TableView/TableRows/index.js

@@ -10,17 +10,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CSS } from "@dnd-kit/utilities";
 import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
 import { Div } from "../../../../styled/utils";
-import { TableRow } from "./TableRow";
 import React from "react";
 import { areEqual } from "react-window";
 import { useSpreadsheetContext } from "../../../../Importer";
+import { TableRow } from "./TableRow";
 var Row = React.memo(function (_a) {
     var _b;
     var data = _a.data, rowIndex = _a.rowIndex, style = _a.style;
-    var items = data.items, rowWidth = data.rowWidth, isDraggable = data.isDraggable, onRowClick = data.onRowClick, columns = data.columns, highlightFirstRow = data.highlightFirstRow, rowHeight = data.rowHeight, getItemKey = data.getItemKey;
+    var items = data.items, rowWidth = data.rowWidth, isDraggable = data.isDraggable, onRowClick = data.onRowClick, columns = data.columns, rowHeight = data.rowHeight, getItemKey = data.getItemKey;
     var item = items[rowIndex];
     var selectedRows = useSpreadsheetContext().selectedRows;
     var isRowSelected = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes((_b = item === null || item === void 0 ? void 0 : item._meta) === null || _b === void 0 ? void 0 : _b.id);
@@ -28,7 +28,10 @@ var Row = React.memo(function (_a) {
     var containerProps = { style: style };
     if (isDraggable)
         containerProps = __assign(__assign({}, containerProps), { item: item });
-    return (_jsx(Container, __assign({}, containerProps, { children: _jsx(TableRow, { rowWidth: rowWidth, columns: columns, onRowClick: onRowClick, highlightFirstRow: highlightFirstRow, h: rowHeight, row: item, indexI: rowIndex, isLast: rowIndex === items.length - 1, pRelative: true, getItemKey: getItemKey, isRowSelected: isRowSelected || false }) })));
+    return (_jsx(Container, __assign({}, containerProps, { children: _jsx(TableRow, { rowWidth: rowWidth, columns: columns, onRowClick: onRowClick, h: rowHeight, row: item, indexI: rowIndex, isLast: rowIndex === items.length - 1, pRelative: true, getItemKey: getItemKey, isRowSelected: isRowSelected || false, className: rowIndex <
+                items.findIndex(function (item) { var _a; return ((_a = item === null || item === void 0 ? void 0 : item._meta) === null || _a === void 0 ? void 0 : _a.id) === (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows[0]); })
+                ? "before-selected-row"
+                : "" }) })));
 }, areEqual);
 var DraggableRow = React.memo(function (_a) {
     var item = _a.item, baseStyle = _a.style, children = _a.children;

package/lib/esm/common/Table/TableView/index.d.ts

@@ -8,4 +8,4 @@ type TableViewWrapperProps = {
     checkboxColumnWidth?: number;
 };
 export declare const TableViewWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & TableViewWrapperProps, never>;
-export declare const TableView: React.MemoExoticComponent<({ data, columns, pageSize, onRowClick, sortBy, isLoading, highlightFirstRow, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, onTableScroll, getItemKey, isDraggable, checkboxColumnWidth, isFiltering, ...props }: TableViewProps) => JSX.Element>;
+export declare const TableView: React.MemoExoticComponent<({ data, columns, pageSize, onRowClick, sortBy, isLoading, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, onTableScroll, getItemKey, isDraggable, checkboxColumnWidth, isFiltering, ...props }: TableViewProps) => JSX.Element>;

package/lib/esm/common/Table/TableView/index.js

@@ -66,7 +66,7 @@ var buildGridStyles = function (rowWidthScalingFactor) {
     return gridStyles;
 };
 export var TableView = React.memo(function (_a) {
-    var data = _a.data, columns = _a.columns, pageSize = _a.pageSize, _b = _a.onRowClick, onRowClick = _b === void 0 ? null : _b, _c = _a.sortBy, sortBy = _c === void 0 ? { field: null, direction: null } : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.highlightFirstRow, highlightFirstRow = _e === void 0 ? false : _e, _f = _a.setSortBy, setSortBy = _f === void 0 ? null : _f, _g = _a.rowWidthScalingFactor, rowWidthScalingFactor = _g === void 0 ? 1 : _g, onSectionRendered = _a.onSectionRendered, _h = _a.tableHeadersHeight, tableHeadersHeight = _h === void 0 ? defaultTableHeaderHeightPx : _h, _j = _a.rowHeight, rowHeight = _j === void 0 ? defaultTableRowHeightPx : _j, _k = _a.h, h = _k === void 0 ? 500 : _k, _l = _a.onTableScroll, onTableScroll = _l === void 0 ? null : _l, _m = _a.getItemKey, getItemKey = _m === void 0 ? null : _m, _o = _a.isDraggable, isDraggable = _o === void 0 ? false : _o, checkboxColumnWidth = _a.checkboxColumnWidth, _p = _a.isFiltering, isFiltering = _p === void 0 ? false : _p, props = __rest(_a, ["data", "columns", "pageSize", "onRowClick", "sortBy", "isLoading", "highlightFirstRow", "setSortBy", "rowWidthScalingFactor", "onSectionRendered", "tableHeadersHeight", "rowHeight", "h", "onTableScroll", "getItemKey", "isDraggable", "checkboxColumnWidth", "isFiltering"]);
+    var data = _a.data, columns = _a.columns, pageSize = _a.pageSize, _b = _a.onRowClick, onRowClick = _b === void 0 ? null : _b, _c = _a.sortBy, sortBy = _c === void 0 ? { field: null, direction: null } : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.setSortBy, setSortBy = _e === void 0 ? null : _e, _f = _a.rowWidthScalingFactor, rowWidthScalingFactor = _f === void 0 ? 1 : _f, onSectionRendered = _a.onSectionRendered, _g = _a.tableHeadersHeight, tableHeadersHeight = _g === void 0 ? defaultTableHeaderHeightPx : _g, _h = _a.rowHeight, rowHeight = _h === void 0 ? defaultTableRowHeightPx : _h, _j = _a.h, h = _j === void 0 ? 500 : _j, _k = _a.onTableScroll, onTableScroll = _k === void 0 ? null : _k, _l = _a.getItemKey, getItemKey = _l === void 0 ? null : _l, _m = _a.isDraggable, isDraggable = _m === void 0 ? false : _m, checkboxColumnWidth = _a.checkboxColumnWidth, _o = _a.isFiltering, isFiltering = _o === void 0 ? false : _o, props = __rest(_a, ["data", "columns", "pageSize", "onRowClick", "sortBy", "isLoading", "setSortBy", "rowWidthScalingFactor", "onSectionRendered", "tableHeadersHeight", "rowHeight", "h", "onTableScroll", "getItemKey", "isDraggable", "checkboxColumnWidth", "isFiltering"]);
     var headerContainerRef = useRef();
     var onScroll = function (_a) {
         var scrollTop = _a.scrollTop, scrollLeft = _a.scrollLeft;
@@ -107,7 +107,6 @@ export var TableView = React.memo(function (_a) {
                             rowWidth: rowWidth,
                             onRowClick: onRowClick,
                             columns: columns,
-                            highlightFirstRow: highlightFirstRow,
                             rowHeight: rowHeight,
                             getItemKey: getItemKey,
                         },

package/lib/esm/common/Table/TableView/types.d.ts

@@ -22,7 +22,6 @@ export type TableViewProps = {
     setSortBy?: React.Dispatch<React.SetStateAction<SortBy>>;
     isLoading?: boolean;
     pageSize?: number;
-    highlightFirstRow?: boolean;
     rowWidthScalingFactor?: number;
     rowHeight?: number;
     tableHeadersHeight?: number;

package/lib/esm/common/inputs/Autocomplete.js

@@ -102,7 +102,7 @@ var Autocomplete = function (_a) {
                         if (!isTyping && prefix)
                             setIsTyping(true);
                         setText(v);
-                    }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === (o === null || o === void 0 ? void 0 : o.value), onClick: function () { return onSelect(o === null || o === void 0 ? void 0 : o.value); } }, { children: o.label })) }, index)); }) })))] })));
+                    }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, __assign({ "data-test-id": "autocomplete-menu-item" }, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === (o === null || o === void 0 ? void 0 : o.value), onClick: function () { return onSelect(o === null || o === void 0 ? void 0 : o.value); } }, { children: o.label })) }), index)); }) })))] })));
 };
 var chevronDownIcon = (_jsx("svg", __assign({ width: "16", height: "9", viewBox: "0 0 16 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M14.9263 1L7.9631 7.96317L0.999928 1", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
 var clearIcon = (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4 4L12.5161 12.5161", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4 12.5161L12.5161 3.99998", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));

package/lib/esm/common/inputs/Checkbox.js

@@ -45,7 +45,7 @@ var Checkbox = function (_a) {
         var newValue = !isChecked || isIndeterminate;
         onChange(newValue);
     };
-    return (_jsx(Container, __assign({}, __assign({ isChecked: isChecked, isDisabled: isDisabled, isIndeterminate: isIndeterminate, onClick: handleOnChange }, props), { children: isIndeterminate ? (_jsx(IndeterminateIcon, {})) : (_jsx(Div, __assign({ centered: true }, { children: isChecked && (icon || checkIcon) }))) })));
+    return (_jsx(Container, __assign({}, __assign({ isChecked: isChecked, isDisabled: isDisabled, isIndeterminate: isIndeterminate, onClick: handleOnChange }, props), { "data-test-id": "checkbox" }, { children: isIndeterminate ? (_jsx(IndeterminateIcon, {})) : (_jsx(Div, __assign({ centered: true }, { children: isChecked && (icon || checkIcon) }))) })));
 };
 var checkIcon = (_jsx("svg", __assign({ width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.10254 4.74355L5.2051 8.84612L12.8974 1.15381", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
 var IndeterminateIcon = function () { return (_jsx("svg", __assign({ width: "14", height: "2", viewBox: "0 0 14 2", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1 1H13", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) }))); };

package/lib/esm/index.d.ts

@@ -16,7 +16,7 @@ declare class FuseImporter {
     private windowScrollPosition;
     close(): void;
     show(): Promise<void>;
-    addColumn<T extends FieldTypesAsUnion>({ options, ...requiredProps }: ColumnRequiredProps<T>): void;
+    addColumn<T extends FieldTypesAsUnion>(columnData: ColumnRequiredProps<T>): void;
     private renderImporterComponent;
     private createDivComponent;
     private createIframe;

package/lib/esm/index.js

@@ -45,17 +45,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -131,23 +120,22 @@ var FuseImporter = /** @class */ (function () {
             });
         });
     };
-    FuseImporter.prototype.addColumn = function (_a) {
-        var _b;
-        var options = _a.options, requiredProps = __rest(_a, ["options"]);
-        validateColumn(__assign(__assign({}, options), requiredProps));
-        var validations = __spreadArray(__spreadArray([], getDefaultValidations(requiredProps.column_type), true), ((options === null || options === void 0 ? void 0 : options.validations) || []), true);
-        var transformations = (_b = options === null || options === void 0 ? void 0 : options.transformations) !== null && _b !== void 0 ? _b : [];
+    FuseImporter.prototype.addColumn = function (columnData) {
+        var column_type = columnData.column_type, internal_key = columnData.internal_key, label = columnData.label, required = columnData.required, pattern = columnData.pattern, position = columnData.position, transformations = columnData.transformations, unique = columnData.unique, validations = columnData.validations, values = columnData.values;
+        validateColumn(columnData);
+        var treatedValidations = __spreadArray(__spreadArray([], getDefaultValidations(column_type), true), (validations || []), true);
+        var treatedTransformations = transformations !== null && transformations !== void 0 ? transformations : [];
         var column = {
-            column_type: requiredProps.column_type,
-            internal_key: requiredProps.internal_key,
-            label: requiredProps.label,
-            required: requiredProps.required,
-            pattern: (options === null || options === void 0 ? void 0 : options.pattern) || null,
-            position: (options === null || options === void 0 ? void 0 : options.position) || null,
-            unique: (options === null || options === void 0 ? void 0 : options.unique) || false,
-            values: requiredProps.column_type === "enum" ? (options === null || options === void 0 ? void 0 : options.values) || [] : [],
-            validations: validations,
-            transformations: transformations,
+            column_type: column_type,
+            internal_key: internal_key,
+            label: label,
+            required: required,
+            pattern: pattern || null,
+            position: position || null,
+            unique: unique || false,
+            values: column_type === "enum" ? values || [] : [],
+            validations: treatedValidations,
+            transformations: treatedTransformations,
         };
         this.dynamicColumns.push(column);
     };

package/lib/esm/locales/de.js

@@ -11,7 +11,7 @@ export default {
     },
     upload: {
         headers_preview: {
-            title: "Überprüfen Sie Ihre Spaltenüberschriften",
+            title: "Wählen Sie eine Kopfzeile aus",
             description: "Die Datei muss Spaltenüberschriften enthalten, um fortzufahren.",
             cancel: "Nein, Datei erneut hochladen",
             continue: "Ja, Weiter",

package/lib/esm/locales/en.js

@@ -11,7 +11,7 @@ export default {
     },
     upload: {
         headers_preview: {
-            title: "Verify Your Column Headers",
+            title: "Select a Header Row",
             description: "File must contain column headers to proceed.",
             cancel: "Re-upload file",
             continue: "Continue",

package/lib/esm/locales/es.js

@@ -11,7 +11,7 @@ export default {
     },
     upload: {
         headers_preview: {
-            title: "Verifica tus encabezados de columna",
+            title: "Seleccione una fila de encabezado",
             description: "El archivo debe contener encabezados de columna para continuar.",
             cancel: "No, vuelva a cargar el archivo",
             continue: "Sí, continuar",

package/lib/esm/locales/fr.js

@@ -11,7 +11,7 @@ export default {
     },
     upload: {
         headers_preview: {
-            title: "Vérifiez vos en-têtes de colonne",
+            title: "Sélectionnez une ligne d'en-tête",
             description: "Le fichier doit contenir des en-têtes de colonne pour continuer.",
             cancel: "Non, re-télécharger le fichier",
             continue: "Oui, continuer",

package/lib/esm/types.d.ts

@@ -5,7 +5,7 @@ export type SpreadsheetOptions = {
     batchValidationDelayMs?: number;
     batchValidationSize?: number;
     showCheckboxColumn?: boolean;
-    firstRowIsHeader?: boolean;
+    withSingleRowSelect?: boolean;
 };
 export type ImporterOptions = {
     zIndex?: number;
@@ -141,13 +141,14 @@ export type Field = {
     validations?: FieldValidation[];
     transformations?: FieldTransformation[];
 };
-export type ColumnRequiredProps<T extends FieldTypesAsUnion> = {
+export type ColumnRequiredProps<T extends FieldTypesAsUnion> = Partial<Pick<TemplateHeader, "unique" | "position" | "pattern">> & {
     internal_key: string;
     label: string;
     column_type: T;
     required: boolean;
-    options?: ColumnOptions<T>;
-};
+    validations?: ColumnValidations<T>[];
+    transformations?: ColumnTransformations<T>[];
+} & (T extends "enum" ? EnumOptions : T extends "time" ? TimeOptions : OtherOptions);
 export type ValidationTypesRules<T extends FieldTypesAsUnion> = T extends "integer" ? IntegerValidationRule : T extends "float" ? FloatValidationRule : T extends "string" ? StringValidationRule : T extends "email" ? EmailValidationRule : T extends "enum" ? EnumValidationRule : T extends "url" ? UrlValidationRule : T extends "boolean" ? BooleanValidationRule : T extends "date" ? DateValidationRule : T extends "datetime" ? DateTimeValidationRule : T extends "time" ? TimeValidationRule : never;
 export type TransformationTypesRules<T extends FieldTypesAsUnion> = T extends "integer" ? IntegerTransformationRule : T extends "float" ? FloatTransformationRule : T extends "string" ? StringTransformationRule : T extends "enum" ? EnumTransformationRule : T extends "url" ? UrlTransformationRule : T extends "date" | "datetime" | "time" ? DateDateTimesAndTimesTransformationRule : never;
 export type ValidationTypeOptions<T extends ValidationTypesRules<FieldTypesAsUnion>> = T extends "cannot_contain" | "contain" | "regex" ? {
@@ -186,10 +187,6 @@ type TimeOptions = {
 type OtherOptions = {
     values?: never;
 };
-export type ColumnOptions<T extends FieldTypesAsUnion> = Partial<Pick<TemplateHeader, "unique" | "position" | "pattern">> & {
-    validations?: ColumnValidations<T>[];
-    transformations?: ColumnTransformations<T>[];
-} & (T extends "enum" ? EnumOptions : T extends "time" ? TimeOptions : OtherOptions);
 type StringValidationRule = "cannot_contain" | "contain" | "max_length" | "min_length" | "length_exactly" | "unique_case_sensitive" | "unique_case_insensitive" | "regex";
 type StringTransformationRule = "sentence_case" | "capitalize" | "uppercase" | "lowercase" | "trim_whitespace";
 type IntegerValidationRule = "less_than" | "greater_than" | "even" | "odd" | "unique_case_sensitive" | "unique_case_insensitive" | "regex";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fuse-importer",
   "private": false,
-  "version": "0.0.1-staging",
+  "version": "0.0.2-testing",
   "description": "Flatirons Fuse is a customizable and powerful CSV Importer that works with all front-end languages",
   "browserslist": {
     "production": [
@@ -47,6 +47,7 @@
     "i18next": "^22.4.13",
     "luxon": "^2.2.0",
     "openai": "^3.2.1",
+    "papaparse": "^5.4.1",
     "qs": "^6.10.1",
     "react-custom-scrollbars": "^4.2.1",
     "react-dropzone": "^11.3.2",
@@ -93,4 +94,4 @@
     "src/*",
     "**/node_modules"
   ]
-}
+}