fuse-importer 0.26.7 → 0.26.8

package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetData.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useMemo, useRef } from "react";
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
 import { areEqual } from "react-window";
 import { Div } from "../../../../styled/utils";
 import { getTableHeight } from "../../../common";
@@ -37,13 +37,17 @@ import { TableActions } from "../../../../common/Table/TableActions";
 import { useImporterContext } from "../../../../Importer/contexts/ImporterContextProvider";
 import useWindowDimensions from "../../../../utils/hooks/useWindowSize";
 var getItemKey = function (record) { return record._meta.id; };
-var SpreadsheetData = function () {
-    var _a = useSpreadsheetContext(), fields = _a.fields, data = _a.data, isLoading = _a.isLoading, isReadOnly = _a.isReadOnly, totalErrors = _a.totalErrors, validationPercentage = _a.validationPercentage, setSortByFieldErrors = _a.setSortByFieldErrors, options = _a.options, setSortByFieldWarnings = _a.setSortByFieldWarnings, selectedRows = _a.selectedRows, checkboxColumnWidth = _a.checkboxColumnWidth, isFiltering = _a.isFiltering;
+var SpreadsheetData = function (props) {
+    var _a = useSpreadsheetContext(), fields = _a.fields, data = _a.data, isLoading = _a.isLoading, isReadOnly = _a.isReadOnly, totalErrors = _a.totalErrors, validationPercentage = _a.validationPercentage, setSortByFieldErrors = _a.setSortByFieldErrors, options = _a.options, setSortByFieldWarnings = _a.setSortByFieldWarnings, selectedRows = _a.selectedRows, setSelectedRows = _a.setSelectedRows, checkboxColumnWidth = _a.checkboxColumnWidth, isFiltering = _a.isFiltering;
     var currentStepIndex = useImporterContext().currentStepIndex;
     var isOnSmallScreens = useWindowDimensions().isOnSmallScreens;
     var canShowCheckboxOnCheckboxRowHover = currentStepIndex === 2;
     var rowNumbersGridRef = useRef();
     var rowCheckboxesGridRef = useRef();
+    useEffect(function () {
+        if (data.length > 0 && options.withSingleRowSelect)
+            setSelectedRows([data === null || data === void 0 ? void 0 : data[0]._meta.id]);
+    }, [options.withSingleRowSelect]);
     var rowWidthScalingFactor = (function () {
         // Spreadsheet will display 6 columns on the viewport and a small portion of the
         // 7th column in the right side to let the user know they can scroll horizontally
@@ -100,6 +104,7 @@ var SpreadsheetData = function () {
     }, [dataLength]);
     var showValidationProgress = !isReadOnly && validationPercentage < 100;
     var isReviewStep = currentStepIndex === 2;
-    return (_jsxs(S.SpreadSheetData, __assign({ h100: true, flexColumn: true }, { children: [_jsx(GlobalStyle, {}), showValidationProgress && (_jsx(Div, __assign({ h: 32 }, { children: _jsx(ValidationProgress, { totalErrors: totalErrors, validationPercentage: validationPercentage }) }))), _jsxs(S.SpreadSheetContainer, __assign({ flexColumn: true, w100: true, h100: true }, { children: [_jsx(Div, __assign({ w100: true, justifyCenter: true }, { children: isReviewStep && _jsx(TableActions, {}) })), _jsxs(S.SpreadSheetWrapper, __assign({ canShowCheckboxOnHover: !showValidationProgress && canShowCheckboxOnCheckboxRowHover, shouldShowOnlyCheckbox: !showValidationProgress && selectedRows.length > 0, dflex: true, h100: true }, { children: [(options === null || options === void 0 ? void 0 : options.showCheckboxColumn) && (_jsx(SpreadsheetRowCheckboxes, { gridRef: rowCheckboxesGridRef, height: spreadsheetHeight, firstRowIsHeader: options === null || options === void 0 ? void 0 : options.firstRowIsHeader, isLoadingData: showValidationProgress })), _jsx(S.TableView, { tableHeadersHeight: spreadsheetHeaderHeightPx, highlightFirstRow: isReadOnly, rowHeight: spreadsheetRowHeightPx, h: null, rowWidthScalingFactor: rowWidthScalingFactor, data: data, columns: columns, isLoading: isLoading, onTableScroll: onTableScroll, getItemKey: getItemKey, checkboxColumnWidth: checkboxColumnWidth, isFiltering: isFiltering })] }))] }))] })));
+    return (_jsxs(S.SpreadSheetData, __assign({ h100: true, flexColumn: true, className: props.className }, { children: [_jsx(GlobalStyle, {}), showValidationProgress && (_jsx(Div, __assign({ h: 32 }, { children: _jsx(ValidationProgress, { totalErrors: totalErrors, validationPercentage: validationPercentage }) }))), _jsxs(S.SpreadSheetContainer, __assign({ flexColumn: true, w100: true, h100: true }, { children: [_jsx(Div, __assign({ w100: true, justifyCenter: true }, { children: isReviewStep && _jsx(TableActions, {}) })), _jsxs(S.SpreadSheetWrapper, __assign({ canShowCheckboxOnHover: !showValidationProgress && canShowCheckboxOnCheckboxRowHover, shouldShowOnlyCheckbox: (!showValidationProgress && selectedRows.length > 0) ||
+                            currentStepIndex === 0, dflex: true, h100: true }, { children: [(options === null || options === void 0 ? void 0 : options.showCheckboxColumn) && (_jsx(SpreadsheetRowCheckboxes, { gridRef: rowCheckboxesGridRef, height: spreadsheetHeight, isLoadingData: showValidationProgress })), _jsx(S.TableView, { tableHeadersHeight: spreadsheetHeaderHeightPx, rowHeight: spreadsheetRowHeightPx, h: null, rowWidthScalingFactor: rowWidthScalingFactor, data: data, columns: columns, isLoading: isLoading, onTableScroll: onTableScroll, getItemKey: getItemKey, checkboxColumnWidth: checkboxColumnWidth, isFiltering: isFiltering })] }))] }))] })));
 };
 export default React.memo(SpreadsheetData, areEqual);

package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowCheckboxes.d.ts

@@ -3,8 +3,7 @@ import { DivCSSProps } from "../../../../styled/utils";
 type Props = {
     height?: number;
     gridRef: React.MutableRefObject<any>;
-    firstRowIsHeader?: boolean;
     isLoadingData?: boolean;
 } & DivCSSProps;
-export declare const SpreadsheetRowCheckboxes: ({ height, gridRef, firstRowIsHeader, isLoadingData, ...props }: Props) => JSX.Element;
+export declare const SpreadsheetRowCheckboxes: ({ height, gridRef, isLoadingData, ...props }: Props) => JSX.Element;
 export {};

package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowCheckboxes.js

@@ -62,27 +62,31 @@ var rowIsEmpty = function (row) {
     });
 };
 export var SpreadsheetRowCheckboxes = function (_a) {
-    var height = _a.height, gridRef = _a.gridRef, _b = _a.firstRowIsHeader, firstRowIsHeader = _b === void 0 ? false : _b, isLoadingData = _a.isLoadingData, props = __rest(_a, ["height", "gridRef", "firstRowIsHeader", "isLoadingData"]);
-    var _c = useSpreadsheetContext(), data = _c.data, selectedRows = _c.selectedRows, lastClickedIndexRef = _c.lastClickedIndexRef, setSelectedRows = _c.setSelectedRows, checkboxColumnWidth = _c.checkboxColumnWidth;
+    var height = _a.height, gridRef = _a.gridRef, isLoadingData = _a.isLoadingData, props = __rest(_a, ["height", "gridRef", "isLoadingData"]);
+    var _b = useSpreadsheetContext(), data = _b.data, selectedRows = _b.selectedRows, options = _b.options, lastClickedIndexRef = _b.lastClickedIndexRef, setSelectedRows = _b.setSelectedRows, checkboxColumnWidth = _b.checkboxColumnWidth;
     var currentStepIndex = useImporterContext().currentStepIndex;
     var nonEmptyRows = useMemo(function () { return data.filter(function (row) { return !rowIsEmpty(row); }); }, [
         data,
     ]);
     var isIndeterminate = selectedRows.length > 0 && selectedRows.length < nonEmptyRows.length;
     var handleRowSelect = function (checked, rowIndex, rowMetaId) {
+        var _a, _b;
         var lastRowMetaId = data[data.length - 1]._meta.id;
         var isLastRow = rowMetaId === lastRowMetaId;
         var isLastRowAndEmpty = isLastRow && rowIsEmpty(data[rowIndex]);
         if (isLastRowAndEmpty)
             return;
-        // If the first row is a header, we need to adjust the rowIndex
-        var adjustedRowIndex = firstRowIsHeader ? rowIndex - 1 : rowIndex;
+        if (options.withSingleRowSelect) {
+            if (!rowIsEmpty(data[rowIndex]))
+                setSelectedRows([(_b = (_a = data[rowIndex]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.id]);
+            return;
+        }
         if (checked) {
-            setSelectedRows(function (prev) { var _a, _b; return __spreadArray(__spreadArray([], prev, true), [(_b = (_a = data[adjustedRowIndex]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.id], false); });
+            setSelectedRows(function (prev) { var _a, _b; return __spreadArray(__spreadArray([], prev, true), [(_b = (_a = data[rowIndex]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.id], false); });
         }
         else {
             setSelectedRows(function (prev) {
-                return prev.filter(function (row) { var _a, _b; return row !== ((_b = (_a = data[adjustedRowIndex]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.id); });
+                return prev.filter(function (row) { var _a, _b; return row !== ((_b = (_a = data[rowIndex]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.id); });
             });
         }
         lastClickedIndexRef.current = rowIndex;
@@ -144,12 +148,14 @@ export var SpreadsheetRowCheckboxes = function (_a) {
     };
     var CheckboxCell = function (_a) {
         var _b, _c;
-        var rowIndex = _a.rowIndex, adjustedRowIndex = _a.adjustedRowIndex;
-        var currentDataIndex = rowIndex === 0 ? 0 : adjustedRowIndex;
-        var rowMetaId = (_c = (_b = data[currentDataIndex]) === null || _b === void 0 ? void 0 : _b._meta) === null || _c === void 0 ? void 0 : _c.id;
-        return (_jsx(Div, __assign({ className: "checkbox-cell" }, { children: firstRowIsHeader && rowIndex === 0 ? ("") : (_jsx(Checkbox, { isChecked: rowMetaId && selectedRows.includes(rowMetaId), onChange: function (checked) {
+        var rowIndex = _a.rowIndex;
+        var rowMetaId = (_c = (_b = data[rowIndex]) === null || _b === void 0 ? void 0 : _b._meta) === null || _c === void 0 ? void 0 : _c.id;
+        return (_jsx(Div, __assign({ className: "checkbox-cell", "data-test-id": "checkbox-cell-".concat(rowIndex) }, { children: _jsx(Checkbox, { isChecked: rowMetaId && selectedRows.includes(rowMetaId), onChange: function (checked) {
                     return !isLoadingData && handleRowSelect(checked, rowIndex, rowMetaId);
-                }, onShiftKeyPressed: function () { return handleSelectMultipleRows(rowIndex); }, style: { cursor: "pointer" }, isDisabled: isLoadingData })) })));
+                }, onShiftKeyPressed: function () {
+                    if (!options.withSingleRowSelect)
+                        handleSelectMultipleRows(rowIndex);
+                }, style: { cursor: "pointer" }, isDisabled: isLoadingData }) })));
     };
     var RowNumbersCell = function (_a) {
         var rowIndex = _a.rowIndex;
@@ -157,8 +163,7 @@ export var SpreadsheetRowCheckboxes = function (_a) {
     };
     var Cell = function (_a) {
         var rowIndex = _a.rowIndex, style = _a.style;
-        var adjustedRowIndex = firstRowIsHeader ? rowIndex - 1 : rowIndex;
-        return (_jsxs(RowCheckbox, __assign({ style: style, alignCenter: true, justifyCenter: true, isLast: adjustedRowIndex === data.length - 1 }, { children: [_jsx(CheckboxCell, { rowIndex: rowIndex, adjustedRowIndex: adjustedRowIndex }), _jsx(RowNumbersCell, { rowIndex: rowIndex })] }), adjustedRowIndex));
+        return (_jsxs(RowCheckbox, __assign({ style: style, alignCenter: true, justifyCenter: true, isLast: rowIndex === data.length - 1 }, { children: [_jsx(CheckboxCell, { rowIndex: rowIndex }), _jsx(RowNumbersCell, { rowIndex: rowIndex })] }), rowIndex));
     };
     var isSelectAllRowsChekboxChecked = (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) > 0 &&
         (data === null || data === void 0 ? void 0 : data.length) > 0 &&

package/lib/esm/Importer/common/Spreadsheet/hooks.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { SpreadsheetOptions } from "../../..";
 import { BatchValidationErrors, Field, OnValidateRecord, Record, RecordDataSet } from "../../../types";
-import { DeleteRecords, FilterRecordsByError, FilterRecordsBySearchValue } from "../../../common/Table/TableActions/hooks";
+import { DeleteRecords } from "../../../common/Table/TableActions/hooks";
 type UseValidationStateArgs = {
     onValidateRecord?: OnValidateRecord;
     setDataSet: React.Dispatch<React.SetStateAction<RecordDataSet>>;
@@ -28,8 +28,6 @@ export type ValidationState = {
 };
 type UseValidationStateReturnValue = ValidationState & {
     deleteRecords: DeleteRecords;
-    filterRecordsBySearchValue: FilterRecordsBySearchValue;
-    filterRecordsByError: FilterRecordsByError;
     updateRecordAndRevalidate: (record: Record) => Promise<void>;
 };
 export declare const useValidationState: ({ initialDataSet, dataSet, fields, options, isReadOnly, setDataSet, setIsLoading, onValidateRecord, }: UseValidationStateArgs) => UseValidationStateReturnValue;

package/lib/esm/Importer/common/Spreadsheet/hooks.js

@@ -61,7 +61,11 @@ export var useValidationState = function (_a) {
     var _c = useState({}), warnings = _c[0], setWarnings = _c[1];
     var _d = useState(0), validationPercentage = _d[0], setValidationPercentage = _d[1];
     var validatorsCache = useMemo(function () { return selectValidatorsFor(fields); }, [fields]);
-    var _e = useTableActions({ setDataSet: setDataSet, setErrors: setErrors, setWarnings: setWarnings }), deleteRecords = _e.deleteRecords, filterRecordsByError = _e.filterRecordsByError, filterRecordsBySearchValue = _e.filterRecordsBySearchValue;
+    var deleteRecords = useTableActions({
+        setDataSet: setDataSet,
+        setErrors: setErrors,
+        setWarnings: setWarnings,
+    }).deleteRecords;
     // Validate record and update dataSet
     var updateRecordAndRevalidate = useCallback(function (record) { return __awaiter(void 0, void 0, void 0, function () {
         var recordId, newDataSet, data, _a, recordErrors, recordWarnings, hasError, hasWarning;
@@ -71,6 +75,8 @@ export var useValidationState = function (_a) {
                 case 0:
                     recordId = record._meta.id;
                     newDataSet = __assign(__assign({}, dataSet), (_b = {}, _b[recordId] = __assign({}, record), _b));
+                    // 'touched' should be set before validation
+                    newDataSet[recordId]._meta.touched = true;
                     data = Object.values(newDataSet);
                     return [4 /*yield*/, validateRecord({
                             validatorsCache: validatorsCache,
@@ -85,7 +91,6 @@ export var useValidationState = function (_a) {
                     hasWarning = checkIfHasErrors(recordWarnings);
                     newDataSet[recordId]._meta.isInvalid = hasError;
                     newDataSet[recordId]._meta.hasWarning = hasWarning;
-                    newDataSet[recordId]._meta.touched = true;
                     setErrors(function (errors) {
                         var newErrors = __assign({}, errors);
                         var newState = hasError
@@ -225,7 +230,5 @@ export var useValidationState = function (_a) {
         isValid: isValid,
         updateRecordAndRevalidate: updateRecordAndRevalidate,
         deleteRecords: deleteRecords,
-        filterRecordsBySearchValue: filterRecordsBySearchValue,
-        filterRecordsByError: filterRecordsByError,
     };
 };

package/lib/esm/Importer/common/Spreadsheet/index.js

@@ -118,7 +118,7 @@ var SpreadsheetWrapper = function (_a) {
 };
 var Spreadsheet = function (props) {
     var getDefaultSortCompareFn = useFieldSorting().getDefaultSortCompareFn;
-    return (_jsx(SpreadsheetContextProvider, __assign({}, props, { getSortCompareFn: getDefaultSortCompareFn }, { children: _jsx(SpreadsheetData, {}) })));
+    return (_jsx(SpreadsheetContextProvider, __assign({}, props, { getSortCompareFn: getDefaultSortCompareFn }, { children: _jsx(SpreadsheetData, { className: props.className }) })));
 };
 export default React.memo(SpreadsheetWrapper, areEqual);
 export * from "./SpreadsheetContextProvider";

package/lib/esm/Importer/common/Spreadsheet/styles.d.ts

@@ -6,5 +6,5 @@ interface SpreadSheetWrapperProps {
 export declare const SpreadSheetData: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
 export declare const SpreadSheetWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & SpreadSheetWrapperProps, never>;
 export declare const SpreadSheetContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
-export declare const TableView: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ data, columns, pageSize, onRowClick, sortBy, isLoading, highlightFirstRow, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, onTableScroll, getItemKey, isDraggable, checkboxColumnWidth, isFiltering, ...props }: import("../../../common/Table/TableView/types").TableViewProps) => JSX.Element>, import("styled-components").DefaultTheme, {}, never>;
+export declare const TableView: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ data, columns, pageSize, onRowClick, sortBy, isLoading, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, onTableScroll, getItemKey, isDraggable, checkboxColumnWidth, isFiltering, ...props }: import("../../../common/Table/TableView/types").TableViewProps) => JSX.Element>, import("styled-components").DefaultTheme, {}, never>;
 export {};

package/lib/esm/Importer/common/Spreadsheet/transformation/index.d.ts

@@ -0,0 +1,7 @@
+import { Field, Record } from "../../../../types";
+type TransformRecordArgs = {
+    record: Record;
+    fields: Field[];
+};
+export declare function transformRecord({ record, fields }: TransformRecordArgs): void;
+export {};

package/lib/esm/Importer/common/Spreadsheet/transformation/index.js

@@ -0,0 +1,25 @@
+import { fieldTransformations } from "./transformators";
+var runTransformation = function (record, transformation, field) {
+    var transformationType = transformation.transformation_type;
+    var transformerFunction = fieldTransformations[transformationType];
+    return transformerFunction(record, transformation, field);
+};
+export function transformRecord(_a) {
+    var record = _a.record, fields = _a.fields;
+    for (var key in fields) {
+        var currentField = fields[key];
+        var fieldTransformations_1 = currentField === null || currentField === void 0 ? void 0 : currentField.transformations;
+        var fieldToBeTransformed = record === null || record === void 0 ? void 0 : record[currentField === null || currentField === void 0 ? void 0 : currentField.name];
+        if (!fieldTransformations_1 ||
+            (fieldTransformations_1 === null || fieldTransformations_1 === void 0 ? void 0 : fieldTransformations_1.length) === 0 ||
+            !fieldToBeTransformed) {
+            continue;
+        }
+        var transformedField = fieldToBeTransformed;
+        for (var i = 0; i < fieldTransformations_1.length; i++) {
+            var currentTransformation = fieldTransformations_1[i];
+            transformedField = runTransformation(transformedField, currentTransformation, currentField);
+        }
+        record[currentField.name] = transformedField;
+    }
+}

package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.d.ts

@@ -0,0 +1,8 @@
+import { Field, FieldTransformation } from "../../../../types";
+export type FieldValidator = (fieldValue: any, transformation?: FieldTransformation, fieldOptions?: Field) => null | any;
+export type FieldTransformations = Partial<{
+    [key: string]: FieldValidator;
+}>;
+export declare const fieldTransformations: {
+    [x: string]: FieldValidator;
+};

package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.js

@@ -0,0 +1,106 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { DateTime } from "luxon";
+var stringFieldTransformations = {
+    sentence_case: function (fieldValue) {
+        var _a, _b;
+        if (typeof fieldValue !== "string")
+            return fieldValue;
+        return (((_b = (_a = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toLowerCase()) === null || _a === void 0 ? void 0 : _a.charAt(0)) === null || _b === void 0 ? void 0 : _b.toUpperCase()) +
+            (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.slice(1).toLowerCase()));
+    },
+    capitalize: function (fieldValue) {
+        var _a;
+        if (typeof fieldValue !== "string")
+            return fieldValue;
+        return ((_a = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.charAt(0)) === null || _a === void 0 ? void 0 : _a.toUpperCase()) + (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.slice(1));
+    },
+    uppercase: function (fieldValue) {
+        if (typeof fieldValue !== "string")
+            return fieldValue;
+        return fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toUpperCase();
+    },
+    lowercase: function (fieldValue) {
+        if (typeof fieldValue !== "string")
+            return fieldValue;
+        return fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.toLowerCase();
+    },
+    trim_whitespace: function (fieldValue) {
+        if (typeof fieldValue !== "string")
+            return fieldValue;
+        return fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
+    },
+};
+var datesDateTimesAndTimesTransformations = {
+    autoformat: function (fieldValue, _, fieldOptions) {
+        var JSDate = new Date(fieldValue);
+        if (!fieldValue || isNaN(JSDate.getTime())) {
+            return fieldValue;
+        }
+        var luxonDate = DateTime.fromJSDate(JSDate);
+        return luxonDate.toFormat(fieldOptions.pattern);
+    },
+};
+var urlTransformations = {
+    prefix: function (fieldValue, transformation) {
+        var _a;
+        var prefixValue = (_a = transformation === null || transformation === void 0 ? void 0 : transformation.options) === null || _a === void 0 ? void 0 : _a.prefix;
+        if (!prefixValue)
+            return fieldValue;
+        return "".concat(prefixValue).concat(fieldValue);
+    },
+};
+var floatTransformations = {
+    number_of_decimals: function (fieldValue, transformation) {
+        var _a;
+        var numberOfDecimalsValue = Number((_a = transformation === null || transformation === void 0 ? void 0 : transformation.options) === null || _a === void 0 ? void 0 : _a.number_of_decimals);
+        if (isNaN(numberOfDecimalsValue) || isNaN(fieldValue))
+            return fieldValue;
+        return Number(fieldValue.toFixed(numberOfDecimalsValue));
+    },
+};
+var integerTransformations = {
+    round: function (fieldValue) {
+        if (isNaN(fieldValue))
+            return fieldValue;
+        return Math.round(fieldValue);
+    },
+    floor: function (fieldValue) {
+        if (isNaN(fieldValue))
+            return fieldValue;
+        return Math.floor(fieldValue);
+    },
+    ceiling: function (fieldValue) {
+        if (isNaN(fieldValue))
+            return fieldValue;
+        return Math.ceil(fieldValue);
+    },
+};
+var enumTransformations = {
+    autodetect: function (fieldValue, _, fieldOptions) {
+        var options = fieldOptions.options.map(function (option) {
+            return option.toLowerCase();
+        });
+        if (!fieldValue || options.length === 0)
+            return fieldValue;
+        var parsedRecord = String(fieldValue).toLowerCase();
+        var trueOptionIndex = options.findIndex(function (option) { return option === "true" || option === "1"; });
+        var falseOptionIndex = options.findIndex(function (option) { return option === "false" || option === "0"; });
+        if (trueOptionIndex !== -1 && falseOptionIndex !== -1) {
+            return parsedRecord === options[trueOptionIndex]
+                ? fieldOptions.options[trueOptionIndex]
+                : fieldOptions.options[falseOptionIndex];
+        }
+        return fieldOptions.options[0];
+    },
+};
+export var fieldTransformations = __assign(__assign(__assign(__assign(__assign(__assign({}, stringFieldTransformations), datesDateTimesAndTimesTransformations), urlTransformations), floatTransformations), integerTransformations), enumTransformations);

package/lib/esm/Importer/contexts/ImporterContextProvider.d.ts

@@ -1,6 +1,6 @@
 import Fuse from "fuse.js";
 import React from "react";
-import { FormatRecord, ImporterOptions, Integration, OnSubmit, OnValidateRecord, TemplateHeader } from "../../types";
+import { FormatRecord, ImporterOptions, Integration, OnSubmit, OnValidateRecord, Record, TemplateHeader } from "../../types";
 import { FuseApi } from "../common/FuseApi";
 export declare const fusejsOptions: Fuse.IFuseOptions<string>;
 export type HeaderMatchings = {
@@ -22,6 +22,7 @@ export type State = {
     currentStepIndex: number;
     templateError: string | null;
     uploadedData: any[];
+    initialRecords: Record[];
     enumFieldValueMatchings: EnumFieldValueMatchings;
     templateHeaders: TemplateHeader[];
     templateHeaderMatchings: HeaderMatchings;
@@ -38,6 +39,8 @@ export type State = {
     logoURL: string;
     integrations: Integration[];
     onSubmit: OnSubmit;
+    headerRowIndex: number;
+    setHeaderRowIndex: React.Dispatch<React.SetStateAction<number>>;
     resetImport: () => void;
     onClose: () => void;
     setCurrentStepIndex: React.Dispatch<number>;
@@ -57,6 +60,7 @@ export type State = {
 export type Props = {
     templateSlug: string;
     apiToken: string;
+    initialRecords?: Record[];
     options: ImporterOptions;
     children: JSX.Element;
     onClose: () => void;
@@ -65,5 +69,5 @@ export type Props = {
     onValidateRecord?: OnValidateRecord;
     dynamicColumns: TemplateHeader[] | null;
 };
-export declare const ImporterContextProvider: ({ templateSlug, apiToken, children, options, onSubmit, onClose, formatRecord, onValidateRecord, dynamicColumns, }: Props) => JSX.Element;
+export declare const ImporterContextProvider: ({ templateSlug, initialRecords, apiToken, children, options, onSubmit, onClose, formatRecord, onValidateRecord, dynamicColumns, }: Props) => JSX.Element;
 export declare const useImporterContext: () => State;

package/lib/esm/Importer/contexts/ImporterContextProvider.js

@@ -67,8 +67,8 @@ export var fusejsOptions = {
 };
 var ImporterContext = createContext({});
 export var ImporterContextProvider = function (_a) {
-    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, children = _a.children, options = _a.options, onSubmit = _a.onSubmit, onClose = _a.onClose, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, dynamicColumns = _a.dynamicColumns;
-    var _b = useState(0), currentStepIndex = _b[0], setCurrentStepIndex = _b[1];
+    var templateSlug = _a.templateSlug, initialRecords = _a.initialRecords, apiToken = _a.apiToken, children = _a.children, options = _a.options, onSubmit = _a.onSubmit, onClose = _a.onClose, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, dynamicColumns = _a.dynamicColumns;
+    var _b = useState(initialRecords ? 2 : 0), currentStepIndex = _b[0], setCurrentStepIndex = _b[1];
     var _c = useState(0), matcherSubstep = _c[0], setMatcherSubstep = _c[1];
     var _d = useState(null), templateError = _d[0], setTemplateError = _d[1];
     var _e = useState(null), templateHeaders = _e[0], setTemplateHeaders = _e[1];
@@ -85,6 +85,7 @@ export var ImporterContextProvider = function (_a) {
     var _o = useState(null), uploadedDataEnumFieldValues = _o[0], setUploadedDataEnumFieldValues = _o[1];
     var _p = useState([]), selectedRows = _p[0], setSelectedRows = _p[1];
     var isUsingManualImport = useRef(false);
+    var _q = useState(0), headerRowIndex = _q[0], setHeaderRowIndex = _q[1];
     var fuseApi = useMemo(function () { return new FuseApi(options.env, apiToken); }, [
         options.env,
         apiToken,
@@ -99,12 +100,27 @@ export var ImporterContextProvider = function (_a) {
                 return acc;
             }, []);
         }
-        return (_a = uploadedData[0]) === null || _a === void 0 ? void 0 : _a.map(function (ud) {
+        return (_a = uploadedData[headerRowIndex]) === null || _a === void 0 ? void 0 : _a.map(function (ud) {
             return typeof ud === "number" ? ud.toString() : ud;
         });
-    }, [uploadedData]);
+    }, [uploadedData, headerRowIndex]);
     useEffect(function () {
-        if (!templateHeaderMatchings)
+        var setHeadersFromDataset = function () {
+            var _templateHeaderMatchings = {};
+            var fuse = new Fuse(uploadedDataHeaders, fusejsOptions);
+            templateHeaders.forEach(function (templateHeader, _index) {
+                var _a;
+                var fuseResults = fuse.search(templateHeader.label);
+                _templateHeaderMatchings[templateHeader.label] = (_a = fuseResults[0]) === null || _a === void 0 ? void 0 : _a.item;
+            });
+            setTemplateHeaderMatchings(_templateHeaderMatchings);
+        };
+        if (uploadedDataHeaders) {
+            setHeadersFromDataset();
+        }
+    }, [uploadedDataHeaders]);
+    useEffect(function () {
+        if (!templateHeaderMatchings || !uploadedDataHeaders)
             return;
         var _uploadedDataEnumFieldValues = {};
         var templateLabels = Object.keys(templateHeaderMatchings);
@@ -117,7 +133,7 @@ export var ImporterContextProvider = function (_a) {
             var columnIndex = uploadedDataHeaders.indexOf(uploadedDataHeader);
             if (columnIndex === -1)
                 return;
-            uploadedData.slice(1).forEach(function (row) {
+            uploadedData === null || uploadedData === void 0 ? void 0 : uploadedData.slice(headerRowIndex + 1).forEach(function (row) {
                 var uploadedValue = row[columnIndex];
                 enumFieldValues.add(uploadedValue);
             });
@@ -126,12 +142,7 @@ export var ImporterContextProvider = function (_a) {
             });
         });
         setUploadedDataEnumFieldValues(_uploadedDataEnumFieldValues);
-    }, [templateHeaderMatchings]);
-    useEffect(function () {
-        if (uploadedData) {
-            setHeadersFromDataset();
-        }
-    }, [uploadedData]);
+    }, [templateHeaderMatchings, uploadedDataHeaders]);
     useEffect(function () {
         (function () { return __awaiter(void 0, void 0, void 0, function () {
             var _a, organization_1, columns_1, importer_style_preferences, integrations_1, preview_first_time, error_1, errorMsg;
@@ -191,18 +202,9 @@ export var ImporterContextProvider = function (_a) {
             setCurrentStepIndex(2);
         }
     };
-    var setHeadersFromDataset = function () {
-        var _templateHeaderMatchings = {};
-        var fuse = new Fuse(uploadedDataHeaders, fusejsOptions);
-        templateHeaders.forEach(function (templateHeader, _index) {
-            var _a;
-            var fuseResults = fuse.search(templateHeader.label);
-            _templateHeaderMatchings[templateHeader.label] = (_a = fuseResults[0]) === null || _a === void 0 ? void 0 : _a.item;
-        });
-        setTemplateHeaderMatchings(_templateHeaderMatchings);
-    };
     var inTrialMode = organization === null || organization === void 0 ? void 0 : organization.trial_mode;
     var value = {
+        initialRecords: initialRecords,
         currentStepIndex: currentStepIndex,
         templateHeaders: templateHeaders,
         enumFieldValueMatchings: enumFieldValueMatchings,
@@ -221,6 +223,8 @@ export var ImporterContextProvider = function (_a) {
         logoURL: style.logoURL,
         integrations: integrations,
         previewFirstTime: previewFirstTime,
+        headerRowIndex: headerRowIndex,
+        setHeaderRowIndex: setHeaderRowIndex,
         setUploadedData: setUploadedData,
         formatRecord: formatRecord,
         setCurrentStepIndex: setCurrentStepIndex,

package/lib/esm/Importer/data/index.d.ts

@@ -1,11 +1,11 @@
 import { Field, FieldTypes, FormatRecord, Record, RecordDataSet, TemplateHeader } from "../../types";
 import { EnumFieldValueMatchings, HeaderMatchings } from "../contexts/ImporterContextProvider";
-export declare const addEmptyRows: (data: Record[], fields: Field[]) => {
+export declare const addEmptyRows: (data: Record[], fields: Field[]) => (Record | {
     _meta: {
         id: string;
         rowIndex: number;
     };
-}[];
+})[];
 export declare const addMeta: (record: any, index: number, uploadedRow?: any) => Record;
 export declare const recordListToDataSet: (data: Record[], fields: Field[]) => RecordDataSet;
 type transformToRecordsArgs = {
@@ -16,6 +16,7 @@ type transformToRecordsArgs = {
     templateHeaders: TemplateHeader[];
     formatRecord: FormatRecord;
 };
+export declare const transformToRecords: ({ templateHeaderMatchings, enumFieldValueMatchings, templateHeaders, uploadedDataHeaders, uploadedData, formatRecord, }: transformToRecordsArgs) => Record[];
 export declare const getPreviewDataSet: ({ uploadedData, }: {
     uploadedData: any[];
 }) => {
@@ -27,8 +28,23 @@ export declare const getPreviewDataSet: ({ uploadedData, }: {
     }[];
     initialDataSet: RecordDataSet;
 };
-export declare const getReviewDataSet: ({ templateHeaderMatchings, enumFieldValueMatchings, templateHeaders, uploadedDataHeaders, uploadedData, formatRecord, }: transformToRecordsArgs) => {
+export declare const getTemplateFields: ({ templateHeaders, }: {
+    templateHeaders: TemplateHeader[];
+}) => {
+    label: string;
+    name: string;
+    type: any;
+    isRequired: boolean;
+    options: string[];
+    pattern: string;
+    validations: import("../../types").FieldValidation[];
+    transformations: import("../../types").FieldTransformation[];
+}[];
+type GetReviewDataSetArgs = {
+    records: Record[];
     fields: Field[];
+};
+export declare const getReviewDataSet: ({ records, fields }: GetReviewDataSetArgs) => {
     initialDataSet: {
         [x: string]: Record;
     };