fuse-importer 0.2.0-testing → 0.2.1-testing

package/lib/esm/Importer/ImporterWithContext.js

@@ -14,7 +14,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
 import styled, { ThemeProvider, css } from "styled-components";
 import { Toast } from "../common";
@@ -22,20 +22,19 @@ import { AppLoadingContextProvider } from "../common/AppLoadingContextProvider";
 import { EventManagerContextProvider } from "../common/EventManagerContextProvider";
 import { Div } from "../styled";
 import Matcher from "./Matcher";
+import { PreviewFirstTime } from "./PreviewFirstTime";
+import { PreviewModeBanner } from "./PreviewModeBanner";
 import Review from "./Review";
 import { ReviewContextProvider, useReviewContext, } from "./Review/ReviewContextProvider";
 import { Stepper } from "./Stepper/index";
+import { TrialModeBanner } from "./TrialModeBanner";
 import Uploader from "./Uploader";
-import { WarningsBanner } from "./WarningsBanner";
 import { AppLoading } from "./common/AppLoading";
 import { GlobalStyle } from "./common/GlobalStyle";
 import { ImporterFonts } from "./common/ImporterFonts";
 import { DataSetContextProvider } from "./common/Spreadsheet/DataSetContextProvider";
 import { DuplicateDataContextProvider } from "./common/Spreadsheet/DuplicateDataContextProvider";
 import { FilteredDataContextProvider } from "./common/Spreadsheet/FilteredDataContextProvider";
-import { KeyboardEventContextProvider } from "./common/Spreadsheet/KeyboardEventContextProvider";
-import { SearchContextProvider } from "./common/Spreadsheet/SearchContextProvider";
-import { UndoRedoContextProvider } from "./common/Spreadsheet/UndoRedoContextProvider";
 import { ValidationContextProvider } from "./common/Spreadsheet/ValidationContextProvider";
 import { useFieldSorting } from "./common/Spreadsheet/useFieldSorting";
 import { useImporterContext } from "./contexts/ImporterContextProvider";
@@ -74,10 +73,11 @@ var ContentRenderer = function (_a) {
     };
     var initialDataSet = getInitialDataSet();
     var getDefaultSortCompareFn = useFieldSorting().getDefaultSortCompareFn;
-    return (_jsx(DataSetContextProvider, __assign({ initialDataSet: initialDataSet || {} }, { children: _jsx(UndoRedoContextProvider, { children: _jsx(DuplicateDataContextProvider, __assign({ fields: fields, isReadOnly: isReadOnly }, { children: _jsx(ValidationContextProvider, __assign({ fields: fields, isReadOnly: isReadOnly, options: __assign(__assign({}, options), { showCheckboxColumn: true }), onValidateRecord: onValidateRecord }, { children: _jsx(FilteredDataContextProvider, __assign({ getSortCompareFn: getDefaultSortCompareFn }, { children: _jsx(SearchContextProvider, { children: _jsxs(KeyboardEventContextProvider, { children: [_jsxs(Div, { children: [_jsx(WarningsBanner, {}), _jsx(Stepper, { stepLabels: stepLabels, logoURL: logoURL })] }), _jsxs(Content, { children: [currentStepIndex === 0 && _jsx(Uploader, {}), currentStepIndex === 1 && _jsx(Matcher, {}), currentStepIndex === 2 && templateHeaders && _jsx(Review, {})] })] }) }) })) })) })) }) })));
+    return (_jsx(DataSetContextProvider, __assign({ initialDataSet: initialDataSet || {} }, { children: _jsx(DuplicateDataContextProvider, __assign({ fields: fields, isReadOnly: isReadOnly }, { children: _jsx(ValidationContextProvider, __assign({ fields: fields, isReadOnly: isReadOnly, options: __assign(__assign({}, options), { showCheckboxColumn: true }), onValidateRecord: onValidateRecord }, { children: _jsxs(FilteredDataContextProvider, __assign({ getSortCompareFn: getDefaultSortCompareFn }, { children: [_jsxs(Div, { children: [previewMode && _jsx(PreviewModeBanner, {}), !previewMode && _jsx(TrialModeBanner, {}), _jsx(Stepper, { stepLabels: stepLabels, logoURL: logoURL })] }), _jsxs(Content, { children: [currentStepIndex === 0 && _jsx(Uploader, {}), currentStepIndex === 1 && _jsx(Matcher, {}), currentStepIndex === 2 && templateHeaders && _jsx(Review, {})] })] })) })) })) })));
 };
 export var ImporterWithContext = function () {
-    var _a = useImporterContext(), inTrialMode = _a.inTrialMode, currentStepIndex = _a.currentStepIndex, matcherSubstep = _a.matcherSubstep, templateHeaders = _a.templateHeaders, theme = _a.theme, logoURL = _a.logoURL, previewFirstTime = _a.previewFirstTime, initialRecords = _a.initialRecords, _b = _a.importerOptions, zIndex = _b.zIndex, previewMode = _b.previewMode, isModal = _b.modal, layoutRef = _a.layoutRef;
+    var _a = useImporterContext(), inTrialMode = _a.inTrialMode, currentStepIndex = _a.currentStepIndex, matcherSubstep = _a.matcherSubstep, templateHeaders = _a.templateHeaders, theme = _a.theme, logoURL = _a.logoURL, previewFirstTime = _a.previewFirstTime, initialRecords = _a.initialRecords, _b = _a.importerOptions, zIndex = _b.zIndex, previewMode = _b.previewMode, isModal = _b.modal;
+    var layoutRef = useRef(null);
     var t = useTranslation().t;
     useEffect(function () {
         var _a;
@@ -88,6 +88,7 @@ export var ImporterWithContext = function () {
         t("general:steps.match"),
         t("general:steps.review"),
     ];
+    var shouldShowPreviewFirstTime = previewFirstTime && previewMode;
     var contentRendererProps = {
         previewMode: previewMode,
         stepLabels: stepLabels,
@@ -95,6 +96,6 @@ export var ImporterWithContext = function () {
         currentStepIndex: currentStepIndex,
         templateHeaders: templateHeaders,
     };
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AppLoadingContextProvider, { children: _jsxs(EventManagerContextProvider, { children: [_jsx(Toast, { zIndex: zIndex + 1, toastStyle: toastStyle }), _jsx(GlobalStyle, {}), _jsx(ImporterFonts, {}), templateHeaders ? (_jsx(ReviewContextProvider, __assign({ initialRecords: initialRecords }, { children: _jsxs(_Fragment, { children: [isModal && _jsx(Backdrop, {}), _jsx(Layout, __assign({ zIndex: zIndex, ref: layoutRef, isModal: isModal }, { children: _jsx(ContentRenderer, __assign({}, contentRendererProps)) }))] }) }))) : (_jsx(AppLoading, {}))] }) }) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AppLoadingContextProvider, { children: _jsxs(EventManagerContextProvider, { children: [_jsx(Toast, { zIndex: zIndex + 1, toastStyle: toastStyle }), _jsx(GlobalStyle, {}), _jsx(ImporterFonts, {}), templateHeaders ? (_jsx(ReviewContextProvider, __assign({ initialRecords: initialRecords }, { children: _jsxs(_Fragment, { children: [isModal && _jsx(Backdrop, {}), _jsx(Layout, __assign({ zIndex: zIndex, ref: layoutRef, isModal: isModal }, { children: shouldShowPreviewFirstTime ? (_jsx(PreviewFirstTime, {})) : (_jsx(ContentRenderer, __assign({}, contentRendererProps))) }))] }) }))) : (_jsx(AppLoading, {}))] }) }) })));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js

@@ -62,7 +62,7 @@ export var EnumFieldMatcher = function (_a) {
         dataCount: data.length,
         maxVisibleRows: MAX_VISIBLE_ROWS,
     });
-    return (_jsxs(Div, __assign({ "data-cy": "value-mappings" }, { children: [_jsx(Div, __assign({ h5: true, mb: 16 }, { children: t("columns.values_for_the_column", {
+    return (_jsxs(Div, { children: [_jsx(Div, __assign({ h5: true, mb: 16 }, { children: t("columns.values_for_the_column", {
                     column: "".concat(templateHeaderLabel).concat(isRequired ? "*" : ""),
-                }) })), _jsx(Div, __assign({ mb: 40 }, { children: _jsx(EnumFieldMatcherContextProvider, __assign({ templateHeaderLabel: templateHeaderLabel }, { children: _jsx(TableView, { rowCount: sortedData.length, h: tableHeight, rowHeight: tableRowHeight, data: sortedData, columns: tableColumns, bg: colors.white }) })) }))] })));
+                }) })), _jsx(Div, __assign({ mb: 40 }, { children: _jsx(EnumFieldMatcherContextProvider, __assign({ templateHeaderLabel: templateHeaderLabel }, { children: _jsx(TableView, { rowCount: sortedData.length, h: tableHeight, rowHeight: tableRowHeight, data: sortedData, columns: tableColumns, bg: colors.white }) })) }))] }));
 };

package/lib/esm/Importer/PreviewModeBanner.js

@@ -10,10 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
 import { Div, Span, theme } from "../styled";
 import { infoIcon } from "./common/icons";
+import { useTranslation } from "react-i18next";
 export var PreviewModeBanner = function () {
     var t = useTranslation("general").t;
-    return (_jsxs(Div, __assign({ bg: theme.colors.blue100, h: 55, alignCenter: true }, { children: [_jsx(Div, __assign({ ml: 33, mr: 8 }, { children: infoIcon })), _jsx(Span, __assign({ mr: 16 }, { children: t("preview_mode_banner.title") }))] })));
+    return (_jsxs(Div, __assign({ bg: theme.colors.blue100, h: 80, alignCenter: true }, { children: [_jsx(Div, __assign({ ml: 33, mr: 8 }, { children: infoIcon })), _jsx(Span, __assign({ mr: 16 }, { children: t("preview_mode_banner.title") }))] })));
 };

package/lib/esm/Importer/Stepper/StepperSubmitModal.js

@@ -10,34 +10,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { useDataSetContext } from "../../Importer/common/Spreadsheet/DataSetContextProvider";
-import { Button, Modal } from "../../common";
 import { Div } from "../../styled";
-import { useFilteredDataContext } from "../common/Spreadsheet/FilteredDataContextProvider";
-import { useImporterContext } from "../contexts/ImporterContextProvider";
+import { Button, Modal } from "../../common";
 import { submitIcon } from "./common/icons";
-var getValuesFromDataSet = function (dataSet, ids, amount) {
-    if (!amount)
-        return dataSet;
-    var newDataSet = {};
-    for (var i = 0; i < 100 && i < ids.length; i++) {
-        var index = ids[i];
-        newDataSet[index] = dataSet[index];
-    }
-    return newDataSet;
-};
+import { useTranslation } from "react-i18next";
+import { useDataSetContext } from "../../Importer/common/Spreadsheet/DataSetContextProvider";
 export var StepperSubmitModal = function (_a) {
     var isSubmitModalOpen = _a.isSubmitModalOpen, onCloseModal = _a.onCloseModal, onSubmit = _a.onSubmit;
     var t = useTranslation("general").t;
     var dataSet = useDataSetContext().dataSet;
-    var filteredDataIds = useFilteredDataContext().filteredDataIds;
-    var inTrialMode = useImporterContext().inTrialMode;
     return (_jsx(Modal, __assign({ isOpen: isSubmitModalOpen, onClose: function () { return onCloseModal(); } }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 60 }, { children: [_jsx(Div, { children: submitIcon }), _jsx(Div, __assign({ h5: true, mt: 20, "data-cy": "submit-modal-title" }, { children: t("submit_modal.title") })), _jsx(Div, __assign({ body1: true, mt: 12, w: 448, textAlignCenter: true, "data-cy": "submit-modal-description" }, { children: t("submit_modal.description") })), _jsxs(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: [_jsx(Button, __assign({ w: 115, variant: "secondary", mr: 10, onClick: function () { return onCloseModal(); }, "data-test-id": "submit-modal-go-back" }, { children: t("submit_modal.cancel") })), _jsx(Button, __assign({ "data-cy": "yes-submit", w: 140, ml: 10, onClick: function () {
-                                var currentDataSet = inTrialMode
-                                    ? getValuesFromDataSet(dataSet.current, filteredDataIds, 100)
-                                    : dataSet.current;
-                                onSubmit(currentDataSet);
+                                onSubmit(dataSet === null || dataSet === void 0 ? void 0 : dataSet.current);
                                 onCloseModal();
                             } }, { children: t("submit_modal.submit") }))] }))] })) })));
 };

package/lib/esm/Importer/Stepper/index.js

@@ -13,7 +13,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styled, { css } from "styled-components";
@@ -23,12 +23,12 @@ import { useEventManagerContext } from "../../common/EventManagerContextProvider
 import { Div } from "../../styled/utils";
 import { ColumnType } from "../Matcher/common/types";
 import { useReviewContext } from "../Review/ReviewContextProvider";
-import { useDataSetContext } from "../common/Spreadsheet/DataSetContextProvider";
 import { useImporterContext } from "../contexts/ImporterContextProvider";
 import { ConfirmCloseModal } from "./ConfirmCloseModal";
 import { Step } from "./Step";
 import { StepperSubmitModal } from "./StepperSubmitModal";
 import { UnmatchedHeadersModal } from "./UnmatchedHeadersModal";
+import { useDataSetContext } from "../common/Spreadsheet/DataSetContextProvider";
 var StepperWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  user-select: none;\n"], ["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  user-select: none;\n"])), function (p) { return p.theme.colors.white; }, function (p) { return p.theme.colors.gray300; });
 var StepperContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  padding-left: 32px;\n  padding-right: 32px;\n  width: 100%;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  padding-left: 32px;\n  padding-right: 32px;\n  width: 100%;\n"])));
 var Steps = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  @media (max-width: 630px) {\n    display: none;\n  }\n"], ["\n  @media (max-width: 630px) {\n    display: none;\n  }\n"])));
@@ -47,16 +47,15 @@ export var Stepper = function (_a) {
     var _d = useState(false), isConfirmCloseModalOpen = _d[0], setIsConfirmCloseModalOpen = _d[1];
     var _e = useDataSetContext(), dataSetLength = _e.dataSetLength, emptyRecordIds = _e.emptyRecordIds;
     var _f = useState(true), isSubmitDisabled = _f[0], setIsSubmitDisabled = _f[1];
-    var _g = useImporterContext(), headerMappingsLoaded = _g.headerMappingsLoaded, hasValidSubmitFn = _g.hasValidSubmitFn;
-    var _h = useReviewContext(), appResponse = _h.appResponse, onSubmit = _h.onSubmit;
-    var _j = useValidationContext(), totalErrorCount = _j.totalErrorCount, spreadsheetInitialized = _j.spreadsheetInitialized;
-    var _k = useEventManagerContext(), on = _k.on, off = _k.off, EVENTS = _k.EVENTS;
+    var headerMappingsLoaded = useImporterContext().headerMappingsLoaded;
+    var _g = useReviewContext(), appResponse = _g.appResponse, onSubmit = _g.onSubmit;
+    var _h = useValidationContext(), totalErrorCount = _h.totalErrorCount, spreadsheetInitialized = _h.spreadsheetInitialized;
+    var _j = useEventManagerContext(), on = _j.on, off = _j.off, EVENTS = _j.EVENTS;
     var updateSpreadsheetDisabled = function () {
         var isSpreadsheetEmpty = dataSetLength.current === emptyRecordIds.current.size;
         var isDisabled = totalErrorCount.current > 0 ||
             !spreadsheetInitialized ||
-            isSpreadsheetEmpty ||
-            !hasValidSubmitFn;
+            isSpreadsheetEmpty;
         setIsSubmitDisabled(isDisabled);
     };
     useEffect(function () {
@@ -68,15 +67,14 @@ export var Stepper = function (_a) {
     useEffect(function () {
         updateSpreadsheetDisabled();
     }, [spreadsheetInitialized]);
-    var _l = useImporterContext(), initialRecords = _l.initialRecords, currentStepIndex = _l.currentStepIndex, templateHeaderMatchings = _l.templateHeaderMatchings, matcherSubstep = _l.matcherSubstep, templateHeaders = _l.templateHeaders, setMatcherSubstep = _l.setMatcherSubstep, setCurrentStepIndex = _l.setCurrentStepIndex, onClose = _l.onClose, isUsingManualImport = _l.isUsingManualImport, resetImporterWhenUsingManualImport = _l.resetImporterWhenUsingManualImport, uploadedData = _l.uploadedData;
-    var _m = useState(true), isContinueDisabled = _m[0], setIsContinueDisabled = _m[1];
+    var _k = useImporterContext(), initialRecords = _k.initialRecords, currentStepIndex = _k.currentStepIndex, templateHeaderMatchings = _k.templateHeaderMatchings, matcherSubstep = _k.matcherSubstep, templateHeaders = _k.templateHeaders, setMatcherSubstep = _k.setMatcherSubstep, setCurrentStepIndex = _k.setCurrentStepIndex, onClose = _k.onClose, isUsingManualImport = _k.isUsingManualImport, resetImporterWhenUsingManualImport = _k.resetImporterWhenUsingManualImport, uploadedData = _k.uploadedData;
+    var _l = useState(true), isContinueDisabled = _l[0], setIsContinueDisabled = _l[1];
     var templateHeaderLabels = Object.keys(templateHeaderMatchings || []);
     var unmatchedHeadersCount = templateHeaderLabels.filter(function (templateHeaderLabel) { return !templateHeaderMatchings[templateHeaderLabel]; }).length;
-    var allColumnsUnmatched = unmatchedHeadersCount === templateHeaders.length;
     var isLastSubMatchStep = matcherSubstep === 1;
     useEffect(function () {
-        setIsContinueDisabled(allColumnsUnmatched || (currentStepIndex === 1 && !headerMappingsLoaded));
-    }, [currentStepIndex, headerMappingsLoaded, allColumnsUnmatched]);
+        setIsContinueDisabled(currentStepIndex === 1 && !headerMappingsLoaded);
+    }, [currentStepIndex, headerMappingsLoaded]);
     var setStep = function () {
         var templateEnumFields = templateHeaders === null || templateHeaders === void 0 ? void 0 : templateHeaders.filter(function (header) { return header.column_type === ColumnType.enum; });
         var templateHasEnumFields = !!(templateEnumFields === null || templateEnumFields === void 0 ? void 0 : templateEnumFields.length);
@@ -136,8 +134,8 @@ export var Stepper = function (_a) {
             }) })));
     var leftButtonUI = (_jsx(Div, __assign({ style: { flex: 1 } }, { children: !initialRecords && (_jsxs(StepperButtonContainer, __assign({ align: "left" }, { children: [logoURL && (_jsx(Div, __assign({ forDesktop: true }, { children: _jsx(Logo, { src: logoURL, alt: "" }) }))), currentStepIndex > 0 && !appResponse && (_jsx(GoBackButtonWrapper, { children: _jsx(Button, __assign({ variant: "secondary", onClick: goBack }, { children: t("stepper.go_back") })) }))] }))) })));
     var rightButtonUI = (_jsxs(StepperButtonContainer, __assign({ align: "right" }, { children: [(isMatchStep || isVerifyStep) && (_jsx(Button, __assign({ "data-cy": "continue-button", isDisabled: isContinueDisabled, variant: "primary", onClick: continueToNextStep }, { children: t("stepper.continue") }))), isReviewStep && (_jsx(Button, __assign({ variant: "primary", isDisabled: isSubmitDisabled, "data-cy": "submit_disabled_" + isSubmitDisabled, onClick: function () { return setIsSubmitModalOpen(true); } }, { children: t("stepper.submit") }))), _jsx(CloseIcon, __assign({ "data-test-id": "close-importer", centered: true, clickable: true, onClick: handleOnClose }, { children: closeIconCondensed }))] })));
-    return (_jsxs(Div, __assign({ "data-cy": "stepper" }, { children: [_jsx(StepperWrapper, __assign({ pRelative: true, alignCenter: true, w100: true, h: 72, centered: true }, { children: _jsxs(StepperContainer, { children: [leftButtonUI, _jsx(Steps, __assign({ alignCenter: true }, { children: stepsUI })), rightButtonUI] }) })), _jsx(UnmatchedHeadersModal, { isUnmatchedHeadersModalOpen: isUnmatchedHeadersModalOpen, unmatchedHeadersCount: unmatchedHeadersCount, onSetStep: function () { return setStep(); }, onCloseUnmatchedHeadersModal: function () {
+    return (_jsxs(_Fragment, { children: [_jsx(StepperWrapper, __assign({ pRelative: true, alignCenter: true, w100: true, h: 72, centered: true }, { children: _jsxs(StepperContainer, { children: [leftButtonUI, _jsx(Steps, __assign({ alignCenter: true }, { children: stepsUI })), rightButtonUI] }) })), _jsx(UnmatchedHeadersModal, { isUnmatchedHeadersModalOpen: isUnmatchedHeadersModalOpen, unmatchedHeadersCount: unmatchedHeadersCount, onSetStep: function () { return setStep(); }, onCloseUnmatchedHeadersModal: function () {
                     return setIsUnmatchedHeadersModalOpen(false);
-                } }), _jsx(StepperSubmitModal, { isSubmitModalOpen: isSubmitModalOpen, onCloseModal: function () { return setIsSubmitModalOpen(false); }, onSubmit: onSubmit }), _jsx(ConfirmCloseModal, { isOpen: isConfirmCloseModalOpen, onClose: function () { return setIsConfirmCloseModalOpen(false); }, onCloseImporter: onClose })] })));
+                } }), _jsx(StepperSubmitModal, { isSubmitModalOpen: isSubmitModalOpen, onCloseModal: function () { return setIsSubmitModalOpen(false); }, onSubmit: onSubmit }), _jsx(ConfirmCloseModal, { isOpen: isConfirmCloseModalOpen, onClose: function () { return setIsConfirmCloseModalOpen(false); }, onCloseImporter: onClose })] }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/lib/esm/Importer/TrialModeBanner.d.ts

@@ -0,0 +1 @@
+export declare const TrialModeBanner: () => JSX.Element;

package/lib/esm/Importer/TrialModeBanner.js

@@ -0,0 +1,22 @@
+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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "../common";
+import { Div, Span, theme } from "../styled";
+import { exclamationPointIcon } from "./common/icons";
+import { useImporterContext } from "./contexts/ImporterContextProvider";
+export var TrialModeBanner = function () {
+    var inTrialMode = useImporterContext().inTrialMode;
+    return (_jsx(_Fragment, { children: inTrialMode && (_jsxs(Div, __assign({ bg: theme.colors.orange100, h: 80, dflex: true, alignCenter: true, justifyCenter: true }, { children: [_jsx(Div, __assign({ ml: 33, mr: 8 }, { children: exclamationPointIcon })), _jsx(Span, __assign({ mr: 16 }, { children: "You're currently in Trial mode. Subscribe to a plan to deploy to your website." })), _jsx(Button, __assign({ w: 120, br: 8, variant: "secondary", onClick: function () {
+                        window.location.href = "".concat(process.env.REACT_APP_API_BASE_URL, "/account/billing");
+                    } }, { children: "Select plan" }))] }))) }));
+};

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/index.js

@@ -28,7 +28,7 @@ var HeadersList = function (_a) {
     var title = _a.title, headers = _a.headers, props = __rest(_a, ["title", "headers"]);
     return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ label3: true }, props, { children: title })), headers.map(function (header, index) {
                 var isLast = index === headers.length - 1;
-                return (_jsx(S.HeaderListItem, __assign({ body1: true, "data-cy": header.replace("*", "-asterisk"), isLast: isLast, mt: 16 }, { children: header }), index));
+                return (_jsx(S.HeaderListItem, __assign({ body1: true, "data-cy": header, isLast: isLast, mt: 16 }, { children: header }), index));
             })] }));
 };
 export var HeaderCard = function (_a) {

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

@@ -2,7 +2,6 @@ import React, { MutableRefObject } from "react";
 import { SpreadsheetFilter } from "../SpreadsheetContextProvider/useSpreadsheetFilter";
 import { SortBy } from "../common/types";
 export type State = {
-    isSortingOrFiltering: boolean;
     filteredDataIds: string[];
     filteredInputValue: string;
     setFilteredInputValue: (value: string) => void;

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

@@ -43,7 +43,7 @@ export var FilteredDataContextProvider = function (_a) {
     var _h = useState(false), recalculateFilters = _h[0], setRecalculateFilters = _h[1];
     var lastFilteredRecordId = useRef(null);
     var _j = useEventManagerContext(), on = _j.on, off = _j.off, EVENTS = _j.EVENTS;
-    var _k = useDataSetContext(), getRecord = _k.getRecord, dataSet = _k.dataSet, dataSetLength = _k.dataSetLength;
+    var _k = useDataSetContext(), getRecord = _k.getRecord, dataSet = _k.dataSet;
     var duplicateRecordIds = useDuplicateDataContext().duplicateRecordIds;
     var _l = useValidationContext(), errors = _l.errors, warnings = _l.warnings;
     var reset = function () {
@@ -127,12 +127,7 @@ export var FilteredDataContextProvider = function (_a) {
         setSortByFieldErrors(null);
         setSortBy(null);
     }, [sortByFieldWarnings]);
-    var isSortingOrFiltering = filteredDataIds.length !== dataSetLength.current ||
-        !!sortByFieldErrors ||
-        !!sortByFieldWarnings ||
-        !!sortBy;
     var value = {
-        isSortingOrFiltering: isSortingOrFiltering,
         filteredDataIds: filteredDataIds,
         filteredInputValue: filteredInputValue,
         setFilteredInputValue: setFilteredInputValue,

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

@@ -2,7 +2,6 @@ import React from "react";
 import { SpreadsheetOptions } from "../../../..";
 import { Field, RecordDataSet } from "../../../../types";
 import { SpreadsheetProps } from "../common/types";
-import { CellSelectionState } from "./useCellSelection";
 export type OnDataSetChanged = (dataSet: RecordDataSet) => void;
 type State = {
     filteredDataIds: string[];
@@ -15,7 +14,7 @@ type State = {
     checkboxColumnWidth: number;
     inefficientRerender: boolean;
     setInefficientRerender: React.Dispatch<React.SetStateAction<boolean>>;
-} & CellSelectionState;
+};
 type Props = SpreadsheetProps & {
     children: JSX.Element;
 };

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

@@ -24,7 +24,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo, useRef, useState, } from "react";
 import { useFilteredDataContext } from "../FilteredDataContextProvider";
 import { useValidationContext } from "../ValidationContextProvider";
-import { useCellSelection } from "./useCellSelection";
 var SpreadsheetContext = createContext({});
 export var SpreadsheetContextProvider = function (_a) {
     var fields = _a.fields, options = _a.options, isReadOnly = _a.isReadOnly, children = _a.children, onValidateRecord = _a.onValidateRecord, selectedRows = _a.selectedRows, setSelectedRows = _a.setSelectedRows;
@@ -39,7 +38,7 @@ export var SpreadsheetContextProvider = function (_a) {
         var baseCheckboxColumnWidth = lastRowIndexLength * singleLetterWidth + horizontalSpacing;
         return baseCheckboxColumnWidth < 40 ? 40 : baseCheckboxColumnWidth;
     }, [filteredDataIds.length]);
-    var value = __assign(__assign(__assign({ filteredDataIds: filteredDataIds, fields: fields }, validationState), { isReadOnly: isReadOnly, options: options, onValidateRecord: onValidateRecord, selectedRows: selectedRows, setSelectedRows: setSelectedRows, lastClickedIndexRef: lastClickedIndexRef, checkboxColumnWidth: checkboxColumnWidth, inefficientRerender: inefficientRerender, setInefficientRerender: setInefficientRerender }), useCellSelection(fields));
+    var value = __assign(__assign({ filteredDataIds: filteredDataIds, fields: fields }, validationState), { isReadOnly: isReadOnly, options: options, onValidateRecord: onValidateRecord, selectedRows: selectedRows, setSelectedRows: setSelectedRows, lastClickedIndexRef: lastClickedIndexRef, checkboxColumnWidth: checkboxColumnWidth, inefficientRerender: inefficientRerender, setInefficientRerender: setInefficientRerender });
     return (_jsx(SpreadsheetContext.Provider, __assign({ value: value }, { children: children })));
 };
 export var useSpreadsheetContext = function () { return useContext(SpreadsheetContext); };

package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/useDataSetManipulation.d.ts

@@ -1,7 +1,4 @@
-import { Record } from "../../../../types";
 export declare const useDataSetManipulation: () => {
-    addNewRecord: () => string;
-    insertRecordsIntoSpreadsheet: (records: Record[]) => Promise<void>;
     appendNewRecordToSpreadsheet: () => void;
     deleteRecordsFromSpreadsheet: (recordIds: string[]) => void;
     findAndReplaceInSpreadsheet: (searchText: string, replaceText: string, matchCase: boolean, useRegex: boolean) => Promise<any[]>;

package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/useDataSetManipulation.js

@@ -45,81 +45,50 @@ 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 };
     }
 };
-import { useImporterContext } from "../../../../Importer/contexts/ImporterContextProvider";
+import { useFilteredDataContext } from "../FilteredDataContextProvider";
+import { useDataSetContext } from "../DataSetContextProvider";
+import { hasValueInAnyField } from "./utils";
 import { addMeta } from "../../../../Importer/data";
 import { useEventManagerContext } from "../../../../common/EventManagerContextProvider";
-import useFindAndReplace from "../../../../common/Table/TableActions/useFindAndReplace";
-import { useDataSetContext } from "../DataSetContextProvider";
-import { useDuplicateDataContext } from "../DuplicateDataContextProvider";
-import { useFilteredDataContext } from "../FilteredDataContextProvider";
-import { useUndoRedoContext } from "../UndoRedoContextProvider";
 import { useValidationContext } from "../ValidationContextProvider";
+import { useDuplicateDataContext } from "../DuplicateDataContextProvider";
 import { useBatchProcessing } from "./useBatchProcessing";
-import { hasValueInAnyField } from "./utils";
+import useFindAndReplace from "../../../../common/Table/TableActions/useFindAndReplace";
 export var useDataSetManipulation = function () {
     var _a = useFilteredDataContext(), lastFilteredRecordId = _a.lastFilteredRecordId, setRecalculateFilters = _a.setRecalculateFilters;
-    var _b = useDataSetContext(), getRecord = _b.getRecord, setRecord = _b.setRecord, dataSet = _b.dataSet, deleteRecord = _b.deleteRecord, emptyRecordIds = _b.emptyRecordIds, dataSetLength = _b.dataSetLength;
+    var _b = useDataSetContext(), getRecord = _b.getRecord, setRecord = _b.setRecord, dataSet = _b.dataSet, deleteRecord = _b.deleteRecord, emptyRecordIds = _b.emptyRecordIds;
     var _c = useEventManagerContext(), emit = _c.emit, EVENTS = _c.EVENTS;
     var _d = useValidationContext(), errors = _d.errors, warnings = _d.warnings, calculateColumnErrorCounts = _d.calculateColumnErrorCounts, calculateColumnWarningCounts = _d.calculateColumnWarningCounts;
     var updateDuplicateValues = useDuplicateDataContext().updateDuplicateValues;
     var updateRecordAndRevalidate = useValidationContext().updateRecordAndRevalidate;
     var processInBatches = useBatchProcessing().processInBatches;
     var replaceInRecord = useFindAndReplace().replaceInRecord;
-    var trackRecordDeletion = useUndoRedoContext().trackRecordDeletion;
-    var layoutRef = useImporterContext().layoutRef;
-    var addNewRecord = function () {
-        var newRow = addMeta({}, dataSetLength.current);
-        setRecord(newRow._meta.id, newRow);
-        return newRow._meta.id;
-    };
     var appendNewRecordToSpreadsheet = function () {
+        var _a, _b;
         var _record = getRecord(lastFilteredRecordId.current);
         if (!hasValueInAnyField(_record)) {
             return;
         }
-        addNewRecord();
+        var highestRowIndex = -1;
+        for (var recordId in dataSet.current)
+            if (((_b = (_a = getRecord(recordId)) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.rowIndex) > highestRowIndex)
+                highestRowIndex = getRecord(recordId)._meta.rowIndex;
+        var newRow = addMeta({}, highestRowIndex + 1);
+        setRecord(newRow._meta.id, newRow);
         emit(EVENTS.ON_LAST_ROW_CHANGED);
     };
-    var insertRecordsIntoSpreadsheet = function (records) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    records.forEach(function (record) {
-                        setRecord(record._meta.id, { _meta: record._meta });
-                    });
-                    return [4 /*yield*/, updateRecordAndRevalidate(records)];
-                case 1:
-                    _a.sent();
-                    setRecalculateFilters(function (prev) { return !prev; });
-                    emit(EVENTS.UPDATE_COLUMN_ERROR_COUNT);
-                    emit(EVENTS.UPDATE_TOTAL_ERROR_COUNT);
-                    emit(EVENTS.UPDATE_TOTAL_ROW_COUNT);
-                    layoutRef.current.querySelector(".input-content").focus();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
     var deleteRecordsFromSpreadsheet = function (recordIds) {
-        trackRecordDeletion(recordIds, insertRecordsIntoSpreadsheet, function (records) {
-            var ids = records.map(function (r) { return r._meta.id; });
-            deleteRecordsFromSpreadsheet(ids);
-        });
-        var records = [];
         recordIds.forEach(function (recordId) {
-            records.push(getRecord(recordId));
             updateDuplicateValues(getRecord(recordId), {}, false, updateRecordAndRevalidate);
             deleteRecord(recordId);
             calculateColumnErrorCounts(errors.current[recordId], {});
             calculateColumnWarningCounts(warnings.current[recordId], {});
-            delete errors.current[recordId];
-            delete warnings.current[recordId];
             emptyRecordIds.current.delete(recordId);
         });
         setRecalculateFilters(function (prev) { return !prev; });
         emit(EVENTS.UPDATE_COLUMN_ERROR_COUNT);
         emit(EVENTS.UPDATE_TOTAL_ERROR_COUNT);
         emit(EVENTS.UPDATE_TOTAL_ROW_COUNT);
-        layoutRef.current.querySelector(".input-content input").focus();
     };
     var findAndReplaceInSpreadsheet = function (searchText, replaceText, matchCase, useRegex) { return __awaiter(void 0, void 0, void 0, function () {
         var cellsWithText;
@@ -143,8 +112,6 @@ export var useDataSetManipulation = function () {
         });
     }); };
     return {
-        addNewRecord: addNewRecord,
-        insertRecordsIntoSpreadsheet: insertRecordsIntoSpreadsheet,
         appendNewRecordToSpreadsheet: appendNewRecordToSpreadsheet,
         deleteRecordsFromSpreadsheet: deleteRecordsFromSpreadsheet,
         findAndReplaceInSpreadsheet: findAndReplaceInSpreadsheet,

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

@@ -63,7 +63,6 @@ import { useDataSetContext } from "../DataSetContextProvider";
 import { useDuplicateDataContext } from "../DuplicateDataContextProvider";
 import { useBatchProcessing } from "../SpreadsheetContextProvider/useBatchProcessing";
 import { selectValidatorsFor, validateRecord } from "../validation";
-import { useUndoRedoContext } from "../UndoRedoContextProvider";
 // this is the fastest check for empty object as per
 // https://stackoverflow.com/questions/679915/how-do-i-test-for-an-empty-javascript-object/785768#785768
 var isObjectEmpty = function (obj) {
@@ -108,9 +107,8 @@ export var ValidationContextProvider = function (_a) {
     var _e = useDuplicateDataContext(), duplicateValues = _e.duplicateValues, updateDuplicateValues = _e.updateDuplicateValues, resetDuplicateProvider = _e.resetDuplicateProvider;
     var processRecordsInBatches = useBatchProcessing(10000).processRecordsInBatches;
     var _f = useState(false), spreadsheetInitialized = _f[0], setSpreadsheetInitialized = _f[1];
-    var _g = useImporterContext(), currentStepIndex = _g.currentStepIndex, templateSlug = _g.templateSlug;
-    var _h = useState(false), dataSetChanged = _h[0], setDataSetChanged = _h[1];
-    var _j = useUndoRedoContext(), trackRecordChanges = _j.trackRecordChanges, undoTrackingEnabled = _j.undoTrackingEnabled;
+    var currentStepIndex = useImporterContext().currentStepIndex;
+    var _g = useState(false), dataSetChanged = _g[0], setDataSetChanged = _g[1];
     var reset = function () {
         columnsWithErrorCounts.current = {};
         columnsWithWarningCounts.current = {};
@@ -209,7 +207,6 @@ export var ValidationContextProvider = function (_a) {
                 switch (_a.label) {
                     case 0:
                         recordsArray = Array.isArray(records) ? records : [records];
-                        trackRecordChanges(recordsArray, updateRecordAndRevalidate, updateRecordAndRevalidate);
                         length = recordsArray.length;
                         if (!(loadingIndicator && length > 10000)) return [3 /*break*/, 2];
                         setIsLoadingApp(true);
@@ -285,11 +282,9 @@ export var ValidationContextProvider = function (_a) {
                         initialData = Object.values(dataSet.current);
                         if (!(initialData.length > 0)) return [3 /*break*/, 2];
                         setIsLoadingApp(true);
-                        undoTrackingEnabled.current = false;
                         return [4 /*yield*/, updateRecordAndRevalidate(initialData, true)];
                     case 1:
                         _a.sent();
-                        undoTrackingEnabled.current = true;
                         _a.label = 2;
                     case 2: return [2 /*return*/];
                 }

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

@@ -51,7 +51,7 @@ import { Button, Modal, addToast } from "../../../../../common";
 import { useTranslation } from "react-i18next";
 import { TextInput } from "../../../../../common/inputs/TextInput";
 import { Checkbox } from "../../../../../common";
-import { useEffect, useRef, useState } from "react";
+import { useState } from "react";
 import { useDataSetManipulation } from "../../SpreadsheetContextProvider/useDataSetManipulation";
 import { useFilteredDataContext } from "../../FilteredDataContextProvider";
 export var FindAndReplaceModal = function (_a) {
@@ -63,12 +63,6 @@ export var FindAndReplaceModal = function (_a) {
     var _d = useState(false), useRegex = _d[0], setUseRegex = _d[1];
     var _e = useState(true), matchCase = _e[0], setMatchCase = _e[1];
     var setFilteredInputValue = useFilteredDataContext().setFilteredInputValue;
-    var findRef = useRef();
-    useEffect(function () {
-        if (!findRef.current)
-            return;
-        findRef.current.focus();
-    }, [findRef.current]);
     var findAndReplace = function () { return __awaiter(void 0, void 0, void 0, function () {
         var records;
         return __generator(this, function (_a) {
@@ -90,5 +84,5 @@ export var FindAndReplaceModal = function (_a) {
             }
         });
     }); };
-    return (_jsx(Modal, __assign({ isOpen: true, onClose: function () { return onClose(); } }, { children: _jsxs(Div, __assign({ p: "17px 20px", w: 500 }, { children: [_jsx(Div, __assign({ textAlignCenter: true, h5: true }, { children: t("find_and_replace_modal.title") })), _jsx(Div, __assign({ mt: 20, mb: 20, textAlignCenter: true, body1: true }, { children: t("find_and_replace_modal.description") })), _jsxs(Div, __assign({ mb: 20, w: 500, textAlignCenter: true, body1: true }, { children: [_jsx(TextInput, { setInputRef: findRef, "data-cy": "find-input", mb: 20, name: t("find_and_replace_modal.find"), label: t("find_and_replace_modal.find"), value: searchText, onChange: function (value) { return setSearchText(value); } }), _jsx(TextInput, { "data-cy": "replace-input", label: t("find_and_replace_modal.replace_with"), value: replaceText, onChange: function (value) { return setReplaceText(value); } })] })), _jsx(Div, __assign({ mb: 12 }, { children: _jsx(Checkbox, { "data-cy": "use-regex", label: t("find_and_replace_modal.use_regex"), isChecked: useRegex, onChange: function (v) { return setUseRegex(v); } }) })), _jsx(Div, __assign({ mb: 12 }, { children: _jsx(Checkbox, { "data-cy": "case-sensitive", label: t("find_and_replace_modal.use_case_sensitive"), isChecked: matchCase, onChange: function (v) { return setMatchCase(v); } }) })), _jsxs(Div, __assign({ dflex: true, centered: true, mt: 40 }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return onClose(); }, w: 160, mr: 16 }, { children: t("find_and_replace_modal.cancel") })), _jsx(Button, __assign({ "data-cy": "find-replace-submit", variant: "primary", onClick: function () { return findAndReplace(); } }, { children: t("find_and_replace_modal.submit") }))] }))] })) })));
+    return (_jsx(Modal, __assign({ isOpen: true, onClose: function () { return onClose(); } }, { children: _jsxs(Div, __assign({ p: "17px 20px", w: 500 }, { children: [_jsx(Div, __assign({ textAlignCenter: true, h5: true }, { children: t("find_and_replace_modal.title") })), _jsx(Div, __assign({ mt: 20, mb: 20, textAlignCenter: true, body1: true }, { children: t("find_and_replace_modal.description") })), _jsxs(Div, __assign({ mb: 20, w: 500, textAlignCenter: true, body1: true }, { children: [_jsx(TextInput, { "data-cy": "find-input", mb: 20, name: t("find_and_replace_modal.find"), label: t("find_and_replace_modal.find"), value: searchText, onChange: function (value) { return setSearchText(value); } }), _jsx(TextInput, { "data-cy": "replace-input", label: t("find_and_replace_modal.replace_with"), value: replaceText, onChange: function (value) { return setReplaceText(value); } })] })), _jsx(Div, __assign({ mb: 12 }, { children: _jsx(Checkbox, { "data-cy": "use-regex", label: t("find_and_replace_modal.use_regex"), isChecked: useRegex, onChange: function (v) { return setUseRegex(v); } }) })), _jsx(Div, __assign({ mb: 12 }, { children: _jsx(Checkbox, { "data-cy": "case-sensitive", label: t("find_and_replace_modal.use_case_sensitive"), isChecked: matchCase, onChange: function (v) { return setMatchCase(v); } }) })), _jsxs(Div, __assign({ dflex: true, centered: true, mt: 40 }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return onClose(); }, w: 160, mr: 16 }, { children: t("find_and_replace_modal.cancel") })), _jsx(Button, __assign({ "data-cy": "find-replace-submit", variant: "primary", onClick: function () { return findAndReplace(); } }, { children: t("find_and_replace_modal.submit") }))] }))] })) })));
 };

package/lib/esm/Importer/common/Spreadsheet/components/{SpreadsheetData/index.d.ts → SpreadsheetData.d.ts}

@@ -1,4 +1,4 @@
 import React from "react";
-import { DivCSSProps } from "../../../../../styled/utils";
+import { DivCSSProps } from "../../../../styled/utils";
 declare const _default: React.MemoExoticComponent<(props: DivCSSProps) => JSX.Element>;
 export default _default;

package/lib/esm/Importer/common/Spreadsheet/components/{SpreadsheetData/index.js → SpreadsheetData.js}

@@ -23,22 +23,21 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef } from "react";
 import { areEqual } from "react-window";
-import { getTableHeight } from "../../..";
-import { TableActions } from "../../../../../common/Table/TableActions";
-import { Div } from "../../../../../styled/utils";
-import useWindowDimensions from "../../../../../utils/hooks/useWindowSize";
-import { useImporterContext } from "../../../../contexts/ImporterContextProvider";
-import { spreadsheetHeaderHeightPx, spreadsheetRowHeightPx, } from "../../common";
-import { useDataSetContext } from "../../DataSetContextProvider";
-import { useFilteredDataContext } from "../../FilteredDataContextProvider";
-import { useSpreadsheetContext } from "../../SpreadsheetContextProvider";
-import * as S from "../../styles";
-import { useValidationContext } from "../../ValidationContextProvider";
-import { FieldHeader } from "../FieldHeader";
-import GlobalStyle from "../GlobalStyle";
-import { inputTypes } from "../inputs";
-import { SpreadsheetRowCheckboxes } from "../SpreadsheetRowCheckboxes";
-import { CellContextProvider } from "./CellContextProvider";
+import { useImporterContext } from "../../../../Importer/contexts/ImporterContextProvider";
+import { TableActions } from "../../../../common/Table/TableActions";
+import { Div } from "../../../../styled/utils";
+import useWindowDimensions from "../../../../utils/hooks/useWindowSize";
+import { getTableHeight } from "../../../common";
+import { useDataSetContext } from "../DataSetContextProvider";
+import { useFilteredDataContext } from "../FilteredDataContextProvider";
+import { useSpreadsheetContext } from "../SpreadsheetContextProvider";
+import { useValidationContext } from "../ValidationContextProvider";
+import { spreadsheetHeaderHeightPx, spreadsheetRowHeightPx } from "../common";
+import * as S from "../styles";
+import { FieldHeader } from "./FieldHeader";
+import GlobalStyle from "./GlobalStyle";
+import { SpreadsheetRowCheckboxes } from "./SpreadsheetRowCheckboxes";
+import { inputTypes } from "./inputs";
 var getItemKey = function (record) { return record._meta.id; };
 var SpreadsheetData = function (props) {
     var _a = useSpreadsheetContext(), fields = _a.fields, filteredDataIds = _a.filteredDataIds, isReadOnly = _a.isReadOnly, options = _a.options, selectedRows = _a.selectedRows, setSelectedRows = _a.setSelectedRows, checkboxColumnWidth = _a.checkboxColumnWidth;
@@ -83,8 +82,8 @@ var SpreadsheetData = function (props) {
             Header: function () { return _jsx(FieldHeader, { field: field }); },
             Content: function (record) {
                 var Input = inputTypes[field.type];
-                var rowIndex = record.rowIndex, colIndex = record.colIndex, columnWidth = record.columnWidth, recordProp = __rest(record, ["rowIndex", "colIndex", "columnWidth"]);
-                return (_jsx(CellContextProvider, __assign({ rowIndex: rowIndex, colIndex: colIndex }, { children: _jsx(Input, { id: "".concat(field.name, "-").concat(rowIndex), fieldType: field.type, name: field.name, options: field.options, record: recordProp, columnWidth: columnWidth }) })));
+                var rowIndex = record.rowIndex, columnWidth = record.columnWidth, recordProp = __rest(record, ["rowIndex", "columnWidth"]);
+                return (_jsx(Input, { id: "".concat(field.name, "-").concat(rowIndex), fieldType: field.type, name: field.name, options: field.options, record: recordProp, columnWidth: columnWidth }));
             },
         }); });
     }, [fields, handleSortByFieldErrors, dataSet.current]);

package/lib/esm/Importer/common/Spreadsheet/components/fields/SpreadsheetInput.js

@@ -28,7 +28,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import styled, { css } from "styled-components";
 import { SpreadsheetField, useSpreadsheetField } from ".";
-import { handleInputPaste } from "../../../../../common";
 import { Div } from "../../../../../styled/utils";
 import { useReviewContext } from "../../../../Review/ReviewContextProvider";
 import { AVERAGE_CHAR_SIZE, getFieldContentWidth } from "./utils";
@@ -60,7 +59,7 @@ export var SpreadsheetInput = function (_a) {
             ? "".concat(totalInputSize, "px")
             : "".concat(defaultWidthAsNumber, "px");
     }, [value, record, columnWidth]);
-    return (_jsxs(SpreadsheetField, __assign({ validationError: validationError, validationWarning: validationWarning, isHighlighted: isHighlighted, defaultFieldWidth: defaultWidthAsNumber, expandedFieldWidth: expandedFieldWidth, shouldExpandInput: true }, { children: [_jsx(Input, __assign({ onPaste: handleInputPaste, autoComplete: "off", hasError: !!validationError, hasWarning: !!validationWarning, value: parseValue(value), onChange: function (_a) {
+    return (_jsxs(SpreadsheetField, __assign({ validationError: validationError, validationWarning: validationWarning, isHighlighted: isHighlighted, defaultFieldWidth: defaultWidthAsNumber, expandedFieldWidth: expandedFieldWidth, shouldExpandInput: true }, { children: [_jsx(Input, __assign({ autoComplete: "off", hasError: !!validationError, hasWarning: !!validationWarning, value: parseValue(value), onChange: function (_a) {
                     var value = _a.target.value;
                     return !hasTransformedRecords && setValue(value);
                 }, disabledWhen: hasTransformedRecords }, props)), ((_g = (_f = (_e = record === null || record === void 0 ? void 0 : record._meta) === null || _e === void 0 ? void 0 : _e.transformedRow) === null || _f === void 0 ? void 0 : _f[name]) === null || _g === void 0 ? void 0 : _g.original) &&

package/lib/esm/Importer/common/Spreadsheet/components/fields/index.d.ts

@@ -6,17 +6,6 @@ export declare const useSpreadsheetField: (name: string, record: Record, fieldTy
     validationError: any;
     validationWarning: any;
 };
-type ContentContainerProps = {
-    hasError?: boolean;
-    hasWarning?: boolean;
-    isReadOnly?: boolean;
-    isHighlighted?: boolean;
-    expandedFieldWidth?: string;
-    shouldExpandInput?: boolean;
-    defaultFieldWidth?: number;
-    isSelected?: boolean;
-};
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../../../styled/utils").CSSProps & ContentContainerProps, never>;
 type SpreadsheetFieldProps = {
     validationError: string | JSX.Element;
     validationWarning: string | JSX.Element;