fuse-importer 0.26.7 → 0.26.9

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

@@ -1,10 +1,11 @@
-import { ColumnRequiredProps, EnvironmentType, FieldTypesAsUnion, FormatRecord, ImporterOptions, OnSubmit, OnValidateRecord } from "./types";
+import { ColumnRequiredProps, EnvironmentType, FieldTypesAsUnion, FormatRecord, ImporterOptions, OnSubmit, OnValidateRecord, Record } from "./types";
 declare class FuseImporter {
     apiToken: string;
     templateSlug: string;
     env: EnvironmentType;
     zIndex: number;
     options: ImporterOptions;
+    records: Record[];
     constructor(apiToken: string, templateSlug: string, options?: ImporterOptions);
     private dynamicColumns;
     private cleanupIframe;
@@ -15,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,20 +120,22 @@ var FuseImporter = /** @class */ (function () {
             });
         });
     };
-    FuseImporter.prototype.addColumn = function (_a) {
-        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);
+    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,
+            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.d.ts

@@ -55,6 +55,11 @@ declare const _default: {
         export: string;
         description: string;
         table_actions: {
+            filters_by_rows: {
+                all_rows: string;
+                valid_rows: string;
+                invalid_rows: string;
+            };
             search_rows: {
                 tooltip: string;
                 placeholder: string;

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",
@@ -56,6 +56,11 @@ export default {
         export: "Exportieren",
         description: "Einige Zellen im Dokument können Fehler im Format oder fehlende Informationen aufweisen. Bitte überprüfen Sie diese, um fortzufahren.",
         table_actions: {
+            filters_by_rows: {
+                all_rows: "Alle Zeilen",
+                valid_rows: "Gültige Zeilen",
+                invalid_rows: "Ungültige Zeilen",
+            },
             search_rows: {
                 tooltip: "Etwas suchen",
                 placeholder: "Etwas suchen...",

package/lib/esm/locales/en.d.ts

@@ -55,6 +55,11 @@ declare const _default: {
         export: string;
         description: string;
         table_actions: {
+            filters_by_rows: {
+                all_rows: string;
+                valid_rows: string;
+                invalid_rows: string;
+            };
             search_rows: {
                 tooltip: string;
                 placeholder: string;

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",
@@ -56,6 +56,11 @@ export default {
         export: "Export",
         description: "Some cells in the document might have errors in format or missing information. Please review these to continue.",
         table_actions: {
+            filters_by_rows: {
+                all_rows: "All Rows",
+                valid_rows: "Valid Rows",
+                invalid_rows: "Invalid Rows",
+            },
             search_rows: {
                 tooltip: "Search something",
                 placeholder: "Search something...",

package/lib/esm/locales/es.d.ts

@@ -55,6 +55,11 @@ declare const _default: {
         export: string;
         description: string;
         table_actions: {
+            filters_by_rows: {
+                all_rows: string;
+                valid_rows: string;
+                invalid_rows: string;
+            };
             search_rows: {
                 tooltip: string;
                 placeholder: string;

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",
@@ -56,6 +56,11 @@ export default {
         export: "Exportar",
         description: "Algunas celdas en el documento pueden tener errores en el formato o información faltante. Por favor revise esto para continuar.",
         table_actions: {
+            filters_by_rows: {
+                all_rows: "Todas las Filas",
+                valid_rows: "Filas Válidas",
+                invalid_rows: "Filas Inválidas",
+            },
             search_rows: {
                 tooltip: "Buscar algo",
                 placeholder: "Buscar algo...",

package/lib/esm/locales/fr.d.ts

@@ -55,6 +55,11 @@ declare const _default: {
         export: string;
         description: string;
         table_actions: {
+            filters_by_rows: {
+                all_rows: string;
+                valid_rows: string;
+                invalid_rows: string;
+            };
             search_rows: {
                 tooltip: string;
                 placeholder: string;

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",
@@ -56,6 +56,11 @@ export default {
         export: "Exporter",
         description: "Certaines cellules du document peuvent avoir des erreurs de format ou des informations manquantes. Veuillez les examiner pour continuer.",
         table_actions: {
+            filters_by_rows: {
+                all_rows: "Toutes les lignes",
+                valid_rows: "Lignes valides",
+                invalid_rows: "Lignes invalides",
+            },
             search_rows: {
                 tooltip: "Rechercher quelque chose",
                 placeholder: "Rechercher quelque chose...",

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;
@@ -13,6 +13,7 @@ export type ImporterOptions = {
     previewMode?: boolean;
     loadingComponent?: () => JSX.Element;
     disableSubmitIfInvalid?: boolean;
+    records?: Record[];
     language?: string;
 } & SpreadsheetOptions;
 export declare enum FieldTypes {
@@ -42,7 +43,7 @@ export type Meta = {
 };
 export type Record = {
     [key: string]: any;
-    _meta: Meta;
+    _meta?: Meta;
 };
 export type RecordDataSet = {
     [key: string]: Record;
@@ -73,6 +74,10 @@ export type ValidationOptionKeys = "pattern" | "max_length" | "min_length" | "le
 export declare const validationTypesBase: readonly ["cannot_contain", "contain", "max_length", "min_length", "length_exactly", "unique_case_sensitive", "unique_case_insensitive", "regex", "integer", "less_than", "greater_than", "even", "odd", "float", "email", "url", "boolean", "before_date", "after_date"];
 export declare const mutableValidationTypes: ("boolean" | "max_length" | "min_length" | "cannot_contain" | "contain" | "length_exactly" | "unique_case_sensitive" | "unique_case_insensitive" | "regex" | "integer" | "less_than" | "greater_than" | "even" | "odd" | "float" | "email" | "url" | "before_date" | "after_date")[];
 export type ValidationTypes = typeof validationTypesBase[number];
+export type TransformationOptionKeys = "prefix" | "number_of_decimals";
+export declare const transformationTypesBase: readonly ["sentence_case", "capitalize", "uppercase", "lowercase", "trim_whitespace", "autoformat", "prefix", "number_of_decimals", "round", "floor", "ceiling", "autodetect"];
+export declare const mutableTransformationTypes: ("prefix" | "number_of_decimals" | "sentence_case" | "capitalize" | "uppercase" | "lowercase" | "trim_whitespace" | "autoformat" | "round" | "floor" | "ceiling" | "autodetect")[];
+export type TransformationTypes = typeof transformationTypesBase[number];
 export interface FieldValidation {
     id?: number;
     validation_type?: ValidationTypes;
@@ -82,6 +87,13 @@ export interface FieldValidation {
         [key in ValidationOptionKeys]?: any;
     };
 }
+export interface FieldTransformation {
+    id?: number;
+    transformation_type?: TransformationTypes;
+    options?: {
+        [key in TransformationOptionKeys]?: any;
+    };
+}
 export type TemplateHeader = {
     label: string;
     required: boolean;
@@ -91,6 +103,7 @@ export type TemplateHeader = {
     values: string[];
     pattern: string;
     validations: FieldValidation[];
+    transformations: FieldTransformation[];
     position: number;
 };
 export type Organization = {
@@ -126,15 +139,18 @@ export type Field = {
     options?: any;
     pattern?: string;
     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" ? {
     pattern: string;
 } : T extends "max_length" ? {
@@ -148,11 +164,20 @@ export type ValidationTypeOptions<T extends ValidationTypesRules<FieldTypesAsUni
 } : T extends "greater_than" | "after_date" ? {
     min: string | number;
 } : never;
+export type TransformationTypeOptions<T extends TransformationTypesRules<FieldTypesAsUnion>> = T extends "prefix" ? {
+    prefix: string;
+} : T extends "number_of_decimals" ? {
+    number_of_decimals: number;
+} : never;
 export interface ColumnValidations<T extends FieldTypesAsUnion> {
     validation_type: ValidationTypesRules<T>;
     message: string;
     options?: ValidationTypeOptions<ValidationTypesRules<T>>;
 }
+export interface ColumnTransformations<T extends FieldTypesAsUnion> {
+    transformation_type: TransformationTypesRules<T>;
+    options?: TransformationTypeOptions<TransformationTypesRules<T>>;
+}
 type EnumOptions = {
     values: string[];
 };
@@ -162,17 +187,20 @@ type TimeOptions = {
 type OtherOptions = {
     values?: never;
 };
-export type ColumnOptions<T extends FieldTypesAsUnion> = Partial<Pick<TemplateHeader, "unique" | "position" | "pattern">> & {
-    validations?: ColumnValidations<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";
+type IntegerTransformationRule = "round" | "floor" | "ceiling";
 type FloatValidationRule = "less_than" | "greater_than" | "even" | "odd" | "unique_case_sensitive" | "unique_case_insensitive" | "regex";
+type FloatTransformationRule = "number_of_decimals";
 type EmailValidationRule = "cannot_contain" | "contain" | "max_length" | "min_length" | "length_exactly" | "unique_case_sensitive" | "unique_case_insensitive" | "regex";
 type EnumValidationRule = "unique_case_sensitive" | "unique_case_insensitive";
+type EnumTransformationRule = "autodetect";
 type UrlValidationRule = "cannot_contain" | "contain" | "max_length" | "min_length" | "length_exactly" | "unique_case_sensitive" | "unique_case_insensitive" | "regex";
+type UrlTransformationRule = "prefix";
 type BooleanValidationRule = "boolean";
 type DateValidationRule = "unique_case_sensitive" | "unique_case_insensitive" | "before_date" | "after_date";
 type DateTimeValidationRule = "unique_case_sensitive" | "unique_case_insensitive" | "before_date" | "after_date";
 type TimeValidationRule = "unique_case_sensitive" | "unique_case_insensitive";
+type DateDateTimesAndTimesTransformationRule = "autoformat";
 export {};

package/lib/esm/types.js

@@ -48,3 +48,18 @@ export var validationTypesBase = [
     "after_date",
 ];
 export var mutableValidationTypes = __spreadArray([], validationTypesBase, true);
+export var transformationTypesBase = [
+    "sentence_case",
+    "capitalize",
+    "uppercase",
+    "lowercase",
+    "trim_whitespace",
+    "autoformat",
+    "prefix",
+    "number_of_decimals",
+    "round",
+    "floor",
+    "ceiling",
+    "autodetect",
+];
+export var mutableTransformationTypes = __spreadArray([], transformationTypesBase, true);