fuse-importer 0.7.0 → 0.8.0

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js

@@ -13,7 +13,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDropzone } from "react-dropzone";
 import styled, { css } from "styled-components";
 import XLSX from "xlsx";
@@ -23,21 +23,34 @@ import { Div } from "../../../styled/utils";
 import { theme } from "../../../styled/theme";
 import { addToast } from "../../../common/DWToast";
 import { Button } from "../../../common/buttons";
-import { backgroundSvg1, backgroundSvg2 } from "./backgrounds";
-var DragAndDropCard = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 8px;\n  margin-right: ", ";\n  width: 832px;\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  justify-content: flex-end;\n  ", "\n"], ["\n  border-radius: 8px;\n  margin-right: ", ";\n  width: 832px;\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  justify-content: flex-end;\n  ", "\n"])), function (props) { return (props.isDragActive ? "-10px" : "revert"); }, theme.colors.white, theme.colors.red50, function (props) {
-    return props.isDragActive && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n      border: 1px solid ", ";\n      justify-content: center;\n    "], ["\n      background: ", ";\n      border: 1px solid ", ";\n      justify-content: center;\n    "])), theme.colors.blue100, theme.colors.blue500);
+import { DragAndDropSvg, UploadIndicatorSvg } from "./backgrounds";
+var DragAndDropCard = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 8px;\n  margin-right: ", ";\n  width: 832px;\n  height: 530px;\n  display: flex;\n  background: ", ";\n  border: 1px dashed ", ";\n  ", "\n"], ["\n  border-radius: 8px;\n  margin-right: ", ";\n  width: 832px;\n  height: 530px;\n  display: flex;\n  background: ", ";\n  border: 1px dashed ", ";\n  ", "\n"])), function (props) { return (props.isDragActive ? "-10px" : "revert"); }, theme.colors.white, theme.colors.red50, function (props) {
+    return props.isDragActive && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n      border: 1px solid ", ";\n      justify-content: center;\n    "], ["\n      background: ", ";\n      border: 1px solid ", ";\n      justify-content: center;\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; });
 });
 var UploadingBg = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-position: 100% 100%;\n  background-size: cover;\n  max-width: 40px;\n  min-width: 40px;\n  max-height: 40px;\n  min-height: 40px;\n  height: 2.9vw;\n  width: 2.9vw;\n  position: relative;\n"], ["\n  background-image: url(", ");\n  background-position: 100% 100%;\n  background-size: cover;\n  max-width: 40px;\n  min-width: 40px;\n  max-height: 40px;\n  min-height: 40px;\n  height: 2.9vw;\n  width: 2.9vw;\n  position: relative;\n"])), function (props) { return props.src; });
 var DragAndDropBg = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-position: 100% 100%;\n  background-size: cover;\n  max-width: 118px;\n  min-width: 118px;\n  max-height: 68px;\n  min-height: 68px;\n  height: 5vw;\n  width: 8.2vw;\n  position: relative;\n"], ["\n  background-image: url(", ");\n  background-position: 100% 100%;\n  background-size: cover;\n  max-width: 118px;\n  min-width: 118px;\n  max-height: 68px;\n  min-height: 68px;\n  height: 5vw;\n  width: 8.2vw;\n  position: relative;\n"])), function (props) { return props.src; });
-var dropzoneUploadingUI = (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ mb: 12 }, { children: backgroundSvg2 }), void 0), _jsx(Div, __assign({ h5: true }, { children: " Drop your file here to upload!" }), void 0)] }, void 0));
-var LineDecoration = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  width: 200px;\n  height: 1px;\n"], ["\n  background-color: ", ";\n  width: 200px;\n  height: 1px;\n"])), theme.colors.gray400);
+var DropzoneUploadingContainer = styled(Div)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css;
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background: ", ";\n    border: 1px solid ", ";\n  "], ["\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background: ", ";\n    border: 1px solid ", ";\n  "])), theme.colors.blue100, theme.colors.blue500);
+});
+var dropzoneUploadingUI = (_jsx(DropzoneUploadingContainer, __assign({ centered: true }, { children: _jsxs(Div, { children: [_jsx(Div, __assign({ centered: true, mb: 12 }, { children: UploadIndicatorSvg }), void 0), _jsx(Div, __assign({ h5: true }, { children: " Drop your file here to upload!" }), void 0)] }, void 0) }), void 0));
 var DragAndDropComponent = function (_a) {
     var openUploadFileDialog = _a.openUploadFileDialog;
-    return (_jsxs(Div, __assign({ centered: true, flexColumn: true, pb: 40 }, { children: [_jsx(Div, __assign({ mb: 12 }, { children: backgroundSvg1 }), void 0), _jsx(Div, __assign({ h4: true, mb: 12 }, { children: "Drag & drop your file here" }), void 0), _jsxs(Div, __assign({ alignCenter: true, mb: 12 }, { children: [_jsx(LineDecoration, {}, void 0), _jsx(Div, __assign({ body1: true, textAlignCenter: true, mr: 16, ml: 16 }, { children: "or" }), void 0), _jsx(LineDecoration, {}, void 0)] }), void 0), _jsx(Button, __assign({ mb: 118, w: 133, maxh: 34, onClick: openUploadFileDialog }, { children: "Browse Files" }), void 0), _jsxs(Div, __assign({ dflex: true }, { children: [_jsx(Div, __assign({ body1: true, textAlignCenter: true }, { children: "Don\u2019t have a file?\u00A0" }), void 0), _jsx(Div, __assign({ link: true, c: theme.colors.pink500 }, { children: "Enter data manually" }), void 0)] }), void 0)] }), void 0));
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(Div, __assign({ mb: 12 }, { children: DragAndDropSvg }), void 0), _jsx(Div, __assign({ h4: true }, { children: "Drag & drop your file here" }), void 0), _jsx(Div, __assign({ body1: true, textAlignCenter: true, m: 20 }, { children: "Or" }), void 0), _jsx(Button, __assign({ variant: "secondary", w: 133, isSmall: true, onClick: openUploadFileDialog }, { children: "Browse Files" }), void 0)] }), void 0));
 };
 var ImporterDropzone = function () {
     var _a = useUploaderContext(), setIsUploading = _a.setIsUploading, setFileName = _a.setFileName;
     var setUploadedData = useImporterContext().setUploadedData;
+    var validHeadersCount = function (headersLength) {
+        var headersCountLimit = 50;
+        if (headersLength > headersCountLimit) {
+            addToast("File cannot contain more than ".concat(headersCountLimit, " columns"), "error");
+            return false;
+        }
+        else {
+            return true;
+        }
+    };
     var onDrop = function (acceptedFiles) {
         acceptedFiles.forEach(function (file) {
             setIsUploading(true);
@@ -54,7 +67,10 @@ var ImporterDropzone = function () {
                     return XLSX.utils.sheet_to_json(sheet, { header: 1 });
                 };
                 var fileData = getDataFromFile(results);
-                setUploadedData(fileData);
+                var headersCount = fileData[0].length;
+                if (validHeadersCount(headersCount)) {
+                    setUploadedData(fileData);
+                }
                 setIsUploading(false);
             };
             reader.readAsArrayBuffer(file);
@@ -83,7 +99,7 @@ var ImporterDropzone = function () {
         maxFiles: 1,
         maxSize: 10000000,
     }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps, open = _b.open, isDragActive = _b.isDragActive;
-    return (_jsxs(DragAndDropCard, __assign({ isDragActive: isDragActive }, getRootProps(), { children: [_jsx("input", __assign({}, getInputProps()), void 0), isDragActive ? (dropzoneUploadingUI) : (_jsx(DragAndDropComponent, { openUploadFileDialog: open }, void 0))] }), void 0));
+    return (_jsxs(DragAndDropCard, __assign({ centered: true, pRelative: true }, getRootProps(), { children: [_jsx("input", __assign({}, getInputProps()), void 0), isDragActive && dropzoneUploadingUI, _jsx(DragAndDropComponent, { openUploadFileDialog: open }, void 0)] }), void 0));
 };
 export { ImporterDropzone };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImporterDropzone.js","sourceRoot":"","sources":["../../../../../src/Importer/Uploader/DragAndDropImporter/ImporterDropzone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImporterDropzone.js","sourceRoot":"","sources":["../../../../../src/Importer/Uploader/DragAndDropImporter/ImporterDropzone.tsx"],"names":[],"mappings":"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"}

package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const backgroundSvg1: JSX.Element;
-export declare const backgroundSvg2: JSX.Element;
+export declare const DragAndDropSvg: JSX.Element;
+export declare const UploadIndicatorSvg: JSX.Element;

package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.js

@@ -10,6 +10,6 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var backgroundSvg1 = (_jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "112", height: "64", fill: "none", viewBox: "0 0 112 64" }, { children: [_jsx("path", { fill: "#C2CEEC", stroke: "#333", strokeWidth: "2", d: "M1.742 14.584a2 2 0 011.415-2.45l12.58-3.37a8 8 0 016.647 1.166l12.587 8.78a8 8 0 013.15 4.492l4.9 18.282a2 2 0 01-1.415 2.45l-27.924 7.482a2 2 0 01-2.45-1.414l-9.49-35.418z" }, void 0), _jsx("path", { fill: "#fff", stroke: "#333", strokeWidth: "2", d: "M1.742 14.584a2 2 0 011.415-2.45l12.76-3.418a3 3 0 013.674 2.121l2.592 9.674a2.5 2.5 0 003.062 1.768l8.885-2.381a3 3 0 013.675 2.121l5.215 19.465a2 2 0 01-1.414 2.45l-27.924 7.482a2 2 0 01-2.45-1.414l-9.49-35.418z" }, void 0), _jsx("rect", { width: "27.151", height: "19.394", x: "8.766", y: "29.676", fill: "#333", rx: "1", transform: "rotate(-15 8.766 29.676)" }, void 0), _jsx("path", { fill: "#fff", d: "M11.141 31.047H18.899V34.926H11.141z", transform: "rotate(-15 11.141 31.047)" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M12.647 36.668H20.405V40.547H12.647z", transform: "rotate(-15 12.647 36.668)" }, void 0), _jsx("path", { fill: "#fff", d: "M14.153 42.285H21.911V46.163999999999994H14.153z", transform: "rotate(-15 14.153 42.285)" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M20.508 28.539H34.084V32.418H20.508z", transform: "rotate(-15 20.508 28.54)" }, void 0), _jsx("path", { fill: "#fff", d: "M22.014 34.156H35.59V38.035H22.014z", transform: "rotate(-15 22.014 34.156)" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M23.52 39.777H37.096000000000004V43.656H23.52z", transform: "rotate(-15 23.52 39.777)" }, void 0), _jsx("path", { fill: "#C2CEEC", stroke: "#333", strokeWidth: "2", d: "M78.141 6.067a2 2 0 012.45-1.414l12.58 3.37a8 8 0 015.174 4.334l6.51 13.898a8 8 0 01.483 5.464l-4.899 18.282a2 2 0 01-2.45 1.415l-27.923-7.482a2 2 0 01-1.415-2.45l9.49-35.417z" }, void 0), _jsx("path", { fill: "#fff", stroke: "#333", strokeWidth: "2", d: "M78.141 6.067a2 2 0 012.45-1.414l12.76 3.419a3 3 0 012.122 3.674L92.88 21.42a2.5 2.5 0 001.767 3.062l8.885 2.38a3 3 0 012.122 3.675l-5.216 19.465a2 2 0 01-2.45 1.414l-27.923-7.482a2 2 0 01-1.415-2.45l9.49-35.417z" }, void 0), _jsx("rect", { width: "27.151", height: "19.394", x: "76.679", y: "22.648", fill: "#333", rx: "1", transform: "rotate(15 76.68 22.648)" }, void 0), _jsx("path", { fill: "#fff", d: "M78.05 25.023H85.80799999999999V28.902H78.05z", transform: "rotate(15 78.05 25.023)" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M76.545 30.645H84.303V34.524H76.545z", transform: "rotate(15 76.545 30.645)" }, void 0), _jsx("path", { fill: "#fff", d: "M75.039 36.266H82.797V40.144999999999996H75.039z", transform: "rotate(15 75.039 36.266)" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M87.417 27.535H100.993V31.414H87.417z", transform: "rotate(15 87.417 27.535)" }, void 0), _jsx("path", { fill: "#fff", d: "M85.911 33.152H99.487V37.031H85.911z", transform: "rotate(15 85.911 33.152)" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M84.405 38.773H97.981V42.652H84.405z", transform: "rotate(15 84.405 38.773)" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M30.06 2.91A2.91 2.91 0 0132.97 0h23.346a8.727 8.727 0 016.676 3.106l17.38 20.64a8.728 8.728 0 012.052 5.621v31.724A2.91 2.91 0 0179.515 64H32.97a2.91 2.91 0 01-2.91-2.91V2.91z" }, void 0), _jsx("path", { fill: "#333", fillRule: "evenodd", d: "M32.97 62.06h46.545a.97.97 0 00.97-.97V29.368c0-1.6-.565-3.149-1.596-4.372l-17.38-20.64a6.788 6.788 0 00-5.193-2.416H32.97a.97.97 0 00-.97.97v58.182c0 .535.434.97.97.97zm0-62.06a2.91 2.91 0 00-2.91 2.91v58.18A2.91 2.91 0 0032.97 64h46.545a2.91 2.91 0 002.91-2.91V29.368a8.728 8.728 0 00-2.052-5.622L62.992 3.105A8.727 8.727 0 0056.316 0H32.97z", clipRule: "evenodd" }, void 0), _jsx("path", { fill: "#fff", d: "M30.06 2.91A2.91 2.91 0 0132.97 0h23.528a3.879 3.879 0 013.878 3.879v17.94c0 .803.652 1.454 1.455 1.454h16.714a3.879 3.879 0 013.88 3.878v33.94A2.91 2.91 0 0179.514 64H32.97a2.91 2.91 0 01-2.91-2.91V2.91z" }, void 0), _jsx("path", { fill: "#333", fillRule: "evenodd", d: "M32.97 62.06h46.545a.97.97 0 00.97-.97V27.152a1.94 1.94 0 00-1.94-1.939H61.831a3.394 3.394 0 01-3.394-3.394V3.878a1.94 1.94 0 00-1.94-1.939H32.97a.97.97 0 00-.97.97v58.182c0 .535.434.97.97.97zm0-62.06a2.91 2.91 0 00-2.91 2.91v58.18A2.91 2.91 0 0032.97 64h46.545a2.91 2.91 0 002.91-2.91V27.152a3.879 3.879 0 00-3.88-3.878H61.831a1.455 1.455 0 01-1.455-1.455V3.878A3.879 3.879 0 0056.498 0H32.97z", clipRule: "evenodd" }, void 0), _jsx("path", { fill: "#333", d: "M35.879 31.032a.97.97 0 01.97-.97h38.787a.97.97 0 01.97.97v26.182a.97.97 0 01-.97.97H36.85a.97.97 0 01-.97-.97V31.032z" }, void 0), _jsx("path", { fill: "#fff", d: "M37.818 32h12.606v6.788H37.818V32z" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M37.818 40.73h12.606v6.788H37.818V40.73z" }, void 0), _jsx("path", { fill: "#fff", d: "M37.818 49.457h12.606v6.788H37.818v-6.788z" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M52.364 32h22.303v6.788H52.364V32z" }, void 0), _jsx("path", { fill: "#fff", d: "M52.364 40.73h22.303v6.788H52.364V40.73z" }, void 0), _jsx("path", { fill: "#C2CEEC", d: "M52.364 49.457h22.303v6.788H52.364v-6.788z" }, void 0)] }), void 0));
-export var backgroundSvg2 = (_jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", fill: "none", viewBox: "0 0 40 40" }, { children: [_jsx("path", { stroke: "#333", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4.167 20c-.834-2.5-.834-5-.834-6.74 0-5.796 5.191-11.593 11.594-11.593A11.59 11.59 0 0124.97 7.464h1.551c4.802 0 9.312 3.37 9.312 7.536 0 1.667 0 3.333-.833 5" }, void 0), _jsx("path", { stroke: "#333", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M25.971 24.447l-6.805-6.53-6.806 6.53" }, void 0), _jsx("path", { stroke: "#333", strokeLinecap: "round", strokeWidth: "2", d: "M19.166 19.635v18.333" }, void 0)] }), void 0));
+export var DragAndDropSvg = (_jsxs("svg", __assign({ width: "164", height: "96", viewBox: "0 0 164 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { d: "M70.5229 74.0865C70.7599 74.9708 70.2351 75.8798 69.3508 76.1167L20.8309 89.1176C19.9466 89.3545 19.0377 88.8297 18.8007 87.9455L1.0238 21.6011C0.786859 20.7168 1.31164 19.8079 2.19593 19.5709L25.801 13.246C26.2207 13.1335 26.6678 13.1904 27.0461 13.4043L58.5194 31.2049C58.9065 31.4238 59.1894 31.7891 59.3045 32.2187L70.5229 74.0865Z", fill: "url(#paint0_linear_1658_47819)" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M26.1516 13.1523L58.22 31.2361L34.3354 37.6359C33.4988 37.8601 32.6389 37.3636 32.4148 36.527L26.1516 13.1523Z", fill: "#E8CF81" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M145.75 88.0883C145.511 88.9799 144.594 89.509 143.703 89.2701L95.2092 76.2763C94.3176 76.0374 93.7885 75.121 94.0274 74.2294L111.797 7.9115C112.036 7.0199 112.953 6.49079 113.844 6.72969L137.431 13.0496C137.854 13.163 138.216 13.4381 138.438 13.8155L156.789 44.9582C157.016 45.3445 157.079 45.8061 156.963 46.2392L145.75 88.0883Z", fill: "url(#paint1_linear_1658_47819)" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M138.09 13.2272L156.82 44.9224L132.676 38.4529C131.983 38.2672 131.571 37.5548 131.757 36.8617L138.09 13.2272Z", fill: "#68CECA" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M118.113 93.183C118.113 94.7388 116.852 96.0001 115.296 96.0001L49.5348 96.0001C47.979 96.0001 46.7177 94.7388 46.7177 93.183L46.7177 2.81711C46.7177 1.2613 47.979 6.91772e-05 49.5348 6.87584e-05L81.2634 6.02178e-05C82.0018 6.00191e-05 82.7108 0.290033 83.2376 0.807552L117.271 34.2418C117.81 34.7715 118.113 35.4956 118.113 36.2514L118.113 93.183Z", fill: "url(#paint2_linear_1658_47819)" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M81.9936 0.00131226L117.054 34.3579H83.8716C82.8344 34.3579 81.9936 33.5171 81.9936 32.4799L81.9936 0.00131226Z", fill: "#6FE7E2" }, void 0) }, void 0), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1658_47819", x1: "40.3734", y1: "13.1259", x2: "-7.01613", y2: "51.8154", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }, void 0), _jsx("stop", { offset: "1", stopColor: "#FEE18F" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "paint1_linear_1658_47819", x1: "119.456", y1: "82.7732", x2: "171.105", y2: "7.1263", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#006BA8" }, void 0), _jsx("stop", { offset: "1", stopColor: "#01FFD7" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "paint2_linear_1658_47819", x1: "82.4156", y1: "96.0001", x2: "103.774", y2: "10.7256", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#24D2EA" }, void 0), _jsx("stop", { offset: "1", stopColor: "#10F9EB" }, void 0)] }), void 0)] }, void 0)] }), void 0));
+export var UploadIndicatorSvg = (_jsxs("svg", __assign({ width: "96", height: "96", viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { d: "M1 79.3761L95.7523 79.3762L48.3762 32L1 79.3761Z", fill: "url(#paint0_linear_1630_46301)" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M1 55.3761L95.7523 55.3762L48.3762 8L1 55.3761Z", fill: "url(#paint1_linear_1630_46301)" }, void 0) }, void 0), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1630_46301", x1: "48.3761", y1: "32", x2: "40.1872", y2: "94.8016", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#88CDF3" }, void 0), _jsx("stop", { offset: "1", stopColor: "#00C7A8", stopOpacity: "0.895833" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "paint1_linear_1630_46301", x1: "78.6058", y1: "-24.6165", x2: "64.3686", y2: "81.3108", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#0098B9" }, void 0), _jsx("stop", { offset: "1", stopColor: "#00A8CD", stopOpacity: "0.895833" }, void 0)] }), void 0)] }, void 0)] }), void 0));
 //# sourceMappingURL=backgrounds.js.map

package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.js.map

@@ -1 +1 @@
-{"version":3,"file":"backgrounds.js","sourceRoot":"","sources":["../../../../../src/Importer/Uploader/DragAndDropImporter/backgrounds.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"backgrounds.js","sourceRoot":"","sources":["../../../../../src/Importer/Uploader/DragAndDropImporter/backgrounds.tsx"],"names":[],"mappings":"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"}

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

@@ -13,41 +13,51 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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;
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import styled from "styled-components";
 import { closeIconWithCircle, errorIcon, fileExtensionIcon, } from "../../common/icons";
 import { ImporterDropzone } from "./ImporterDropzone";
 import { useUploaderContext } from "../UploaderContextProvider";
-import { useImporterContext } from "../../ImporterContextProvider";
+import { useImporterContext, } from "../../ImporterContextProvider";
 import { theme } from "../../../styled/theme";
 import { colors } from "../../../styled/theme/colorPalette";
 import { Div } from "../../../styled/utils";
-var HeaderCardWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid ", ";\n  border-radius: 8px;\n  padding: 24px;\n  box-sizing: border-box;\n  max-width: 256px;\n  overflow-y: auto;\n  height: -webkit-fill-available;\n  max-height: 550px;\n  display: flex;\n  flex-direction: column;\n"], ["\n  border: 1px solid ", ";\n  border-radius: 8px;\n  padding: 24px;\n  box-sizing: border-box;\n  max-width: 256px;\n  overflow-y: auto;\n  height: -webkit-fill-available;\n  max-height: 550px;\n  display: flex;\n  flex-direction: column;\n"])), theme.colors.gray200);
-var CardContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 550px;\n  flex-direction: row;\n  > div {\n    margin: 16px;\n  }\n"], ["\n  height: 550px;\n  flex-direction: row;\n  > div {\n    margin: 16px;\n  }\n"])));
-var ErrorCardContainer = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 8px;\n  width: 1120px;\n  height: 550px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  justify-content: center;\n"], ["\n  border-radius: 8px;\n  width: 1120px;\n  height: 550px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  justify-content: center;\n"])), theme.colors.blue100, theme.colors.blue500);
+var HeaderCardWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid ", ";\n  border-radius: 8px;\n  padding: 24px;\n  box-sizing: border-box;\n  width: 256px;\n  overflow-y: auto;\n  background: ", ";\n  max-height: 530px;\n"], ["\n  border: 1px solid ", ";\n  border-radius: 8px;\n  padding: 24px;\n  box-sizing: border-box;\n  width: 256px;\n  overflow-y: auto;\n  background: ", ";\n  max-height: 530px;\n"])), theme.colors.gray200, function (p) { return p.theme.colors.white; });
+var ErrorCardContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 8px;\n  width: 1120px;\n  height: 550px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  justify-content: center;\n"], ["\n  border-radius: 8px;\n  width: 1120px;\n  height: 550px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  justify-content: center;\n"])), theme.colors.blue100, theme.colors.blue500);
 export var ErrorCard = function () {
     var templateError = useImporterContext().templateError;
     return (_jsxs(ErrorCardContainer, { children: [_jsx(Div, __assign({ mb: 28 }, { children: errorIcon }), void 0), _jsx(Div, __assign({ h3: true, mb: 16 }, { children: "Something\u2019s wrong" }), void 0), _jsx(Div, __assign({ body1: true }, { children: templateError }), void 0)] }, void 0));
 };
-var HeaderListItem = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), function (p) { return (p.isLast ? 0 : 8); });
+var HeaderListItem = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), function (p) { return (p.isLast ? 0 : 8); });
 var HeadersList = function (_a) {
-    var title = _a.title, headers = _a.headers, mt = _a.mt;
-    return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ label3: true, mb: 12, mt: mt }, { children: title }), void 0), headers.map(function (header, index) {
+    var title = _a.title, headers = _a.headers, props = __rest(_a, ["title", "headers"]);
+    return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ label3: true }, props, { children: title }), void 0), headers.map(function (header, index) {
                 var isLast = index === headers.length - 1;
-                return (_jsx(HeaderListItem, __assign({ body2: true, isLast: isLast }, { children: header }), index));
+                return (_jsx(HeaderListItem, __assign({ body1: true, isLast: isLast, mt: 16 }, { children: header }), index));
             })] }, void 0));
 };
 var HeaderCard = function (_a) {
-    var templateHeaders = _a.templateHeaders;
+    var templateHeaders = _a.templateHeaders, props = __rest(_a, ["templateHeaders"]);
     var requiredHeaders = templateHeaders
         .filter(function (h) { return h.required; })
         .map(function (h) { return "".concat(h.label, "*"); });
     var optionalHeaders = templateHeaders
         .filter(function (h) { return !h.required; })
         .map(function (h) { return h.label; });
-    return (_jsxs(HeaderCardWrapper, { children: [_jsxs(Div, __assign({ body2: true, mb: 16 }, { children: ["Make sure your document contains data similar to this:", " "] }), void 0), requiredHeaders.length > 0 && (_jsx(HeadersList, { title: "Required Headers", headers: requiredHeaders, mt: 0 }, void 0)), optionalHeaders.length > 0 && (_jsx(HeadersList, { title: "Optional Headers", headers: optionalHeaders, mt: 24 }, void 0))] }, void 0));
+    return (_jsx(Div, { children: _jsxs(HeaderCardWrapper, __assign({}, props, { children: [_jsx(Div, __assign({ body3: true, mb: 24 }, { children: "Make sure your document contains data similar to this:" }), void 0), requiredHeaders.length > 0 && (_jsx(HeadersList, { title: "Required Headers", headers: requiredHeaders }, void 0)), optionalHeaders.length > 0 && (_jsx(HeadersList, { title: "Optional Headers", headers: optionalHeaders, mt: 30 }, void 0))] }), void 0) }, void 0));
 };
-var LoadingCardWrapper = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  box-shadow: 0px 0px 12px rgba(33, 75, 167, 0.24);\n  border-radius: 8px;\n  max-width: 544px;\n  height: 102px;\n  padding-left: 30px;\n  padding-right: 30px;\n"], ["\n  box-shadow: 0px 0px 12px rgba(33, 75, 167, 0.24);\n  border-radius: 8px;\n  max-width: 544px;\n  height: 102px;\n  padding-left: 30px;\n  padding-right: 30px;\n"])));
+var LoadingCardWrapper = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  box-shadow: 0px 0px 12px rgba(33, 75, 167, 0.24);\n  border-radius: 8px;\n  max-width: 544px;\n  height: 102px;\n  padding-left: 30px;\n  padding-right: 30px;\n  background: ", ";\n"], ["\n  box-shadow: 0px 0px 12px rgba(33, 75, 167, 0.24);\n  border-radius: 8px;\n  max-width: 544px;\n  height: 102px;\n  padding-left: 30px;\n  padding-right: 30px;\n  background: ", ";\n"])), function (p) { return p.theme.colors.white; });
 var LoadingCard = function () {
     var fileName = useUploaderContext().fileName;
     var resetImport = useImporterContext().resetImport;
@@ -57,12 +67,13 @@ var LoadingCard = function () {
 };
 var ImporterSection = function () {
     var _a = useImporterContext(), templateHeaders = _a.templateHeaders, templateError = _a.templateError;
-    return templateError ? (_jsx(ErrorCard, {}, void 0)) : (_jsx(_Fragment, { children: templateHeaders && (_jsxs(_Fragment, { children: [_jsx(ImporterDropzone, {}, void 0), _jsx(HeaderCard, { templateHeaders: templateHeaders }, void 0)] }, void 0)) }, void 0));
+    return templateError ? (_jsx(ErrorCard, {}, void 0)) : (_jsx(_Fragment, { children: templateHeaders && (_jsxs(Div, __assign({ dflex: true }, { children: [_jsx(ImporterDropzone, {}, void 0), _jsx(HeaderCard, { ml: 25, templateHeaders: templateHeaders }, void 0)] }), void 0)) }, void 0));
 };
 var DragAndDropImporter = function () {
     var isUploading = useUploaderContext().isUploading;
-    return (_jsx(_Fragment, { children: _jsxs(Div, __assign({ flexColumn: true, centered: true, mt: 40 }, { children: [_jsx(Div, __assign({ h3: true, mb: 16 }, { children: "Upload a File to Import your Data" }), void 0), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true }, { children: "Upload any .csv, .tsv, .xls, .xlsx spreadsheet file with any set of columns as long as it has one record per row." }), void 0), _jsx(CardContainer, __assign({ alignStart: true }, { children: isUploading ? _jsx(LoadingCard, {}, void 0) : _jsx(ImporterSection, {}, void 0) }), void 0)] }), void 0) }, void 0));
+    var headerUI = (_jsxs(Div, __assign({ textAlignCenter: true }, { children: [_jsx(Div, __assign({ h2: true, mb: 16, mt: 64 }, { children: "Upload a File to Import your Data" }), void 0), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true }, { children: "Upload any .csv, .tsv, .xls, .xlsx spreadsheet file with any set of columns as long as it has one record per row." }), void 0)] }), void 0));
+    return (_jsxs(Div, __assign({ flexColumn: true, centered: true }, { children: [headerUI, isUploading ? (_jsx(Div, __assign({ mt: 40 }, { children: _jsx(LoadingCard, {}, void 0) }), void 0)) : (_jsx(ImporterSection, {}, void 0))] }), void 0));
 };
 export { DragAndDropImporter };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Importer/Uploader/DragAndDropImporter/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Importer/Uploader/DragAndDropImporter/index.tsx"],"names":[],"mappings":"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"}

package/lib/esm/Importer/Uploader/HeadersPreview.js

@@ -36,7 +36,7 @@ var HeaderButtons = function () {
     var onClick = function () {
         setCurrentStepIndex(1);
     };
-    return (_jsxs(HeaderButtonsWrapper, __assign({ dflex: true, spaceBetween: true, mb: 24 }, { children: [_jsx(Button, __assign({ w: 180, maxh: 34, variant: "secondary", onClick: resetImport }, { children: "No, Re-upload file" }), void 0), _jsx(Button, __assign({ w: 142, maxh: 34, onClick: onClick }, { children: "Yes, continue" }), void 0)] }), void 0));
+    return (_jsxs(HeaderButtonsWrapper, __assign({ dflex: true, spaceBetween: true, mb: 24 }, { children: [_jsx(Button, __assign({ w: 180, isSmall: true, variant: "secondary", onClick: resetImport }, { children: "No, Re-upload file" }), void 0), _jsx(Button, __assign({ w: 142, isSmall: true, onClick: onClick }, { children: "Yes, continue" }), void 0)] }), void 0));
 };
 var HeadersPreview = function () {
     var uploadedData = useImporterContext().uploadedData;
@@ -68,7 +68,7 @@ var HeadersPreview = function () {
             isRequired: false,
         };
     });
-    return (_jsx(_Fragment, { children: _jsxs(Div, __assign({ flexColumn: true, centered: true, mt: 40 }, { children: [_jsx(Div, __assign({ h3: true, mb: 16 }, { children: "Does the first row contain column headers?" }), void 0), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true }, { children: "Files must contain column headers to proceed." }), void 0), _jsx(HeaderButtons, {}, void 0), _jsx(Div, __assign({ h: 500, w100: true, centered: true, mt: 30, mb: 36 }, { children: _jsx(Div, __assign({ maxw: 1440, w100: true }, { children: _jsx(Spreadsheet, __assign({ rowWidth: getSpreadsheetRowWidth(readonlyFields, 6), isReadOnly: true, initialData: formattedData }, { fields: readonlyFields }, { highlightFirstRow: true }), void 0) }), void 0) }), void 0)] }), void 0) }, void 0));
+    return (_jsx(_Fragment, { children: _jsxs(Div, __assign({ flexColumn: true, centered: true, pt: 40 }, { children: [_jsx(Div, __assign({ h2: true, mb: 16 }, { children: "Verify Your Column Headers" }), void 0), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true }, { children: "File must contain column headers to proceed." }), void 0), _jsx(HeaderButtons, {}, void 0), _jsx(Div, __assign({ h: 500, w100: true, centered: true, mt: 30, mb: 36 }, { children: _jsx(Div, __assign({ maxw: 1440, w100: true }, { children: _jsx(Spreadsheet, __assign({ rowWidth: getSpreadsheetRowWidth(readonlyFields, 6), isReadOnly: true, initialData: formattedData }, { fields: readonlyFields }, { highlightFirstRow: true }), void 0) }), void 0) }), void 0)] }), void 0) }, void 0));
 };
 export default HeadersPreview;
 var templateObject_1;

package/lib/esm/Importer/Uploader/HeadersPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadersPreview.js","sourceRoot":"","sources":["../../../../src/Importer/Uploader/HeadersPreview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeadersPreview.js","sourceRoot":"","sources":["../../../../src/Importer/Uploader/HeadersPreview.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { DivCSSProps } from "../../../styled/utils";
 declare type Props = {
+    height?: number;
     scrollTop: number;
 } & DivCSSProps;
-export declare const SpreadsheetRowNumbers: ({ scrollTop, ...props }: Props) => JSX.Element;
+export declare const SpreadsheetRowNumbers: ({ height, scrollTop, ...props }: Props) => JSX.Element;
 export {};

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

@@ -28,10 +28,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Grid } from "react-virtualized";
 import styled from "styled-components";
 import { Div } from "../../../styled/utils";
+import { spreadsheetRowHeightPx } from "./common";
 import { useSpreadsheetContext } from "./SpreadsheetContextProvider";
+import { spreadsheetHeaderHeightPx } from "./common/index";
 var SPREADSHEET_ROW_NUMBERS_WIDTH = 75;
 export var SpreadsheetRowNumbers = function (_a) {
-    var scrollTop = _a.scrollTop, props = __rest(_a, ["scrollTop"]);
+    var height = _a.height, scrollTop = _a.scrollTop, props = __rest(_a, ["height", "scrollTop"]);
     var data = useSpreadsheetContext().data;
     var rowRenderer = function (_a) {
         var rowIndex = _a.rowIndex, style = _a.style;
@@ -43,10 +45,10 @@ export var SpreadsheetRowNumbers = function (_a) {
         overflowY: "hidden",
         overflowX: "scroll",
     };
-    return (_jsxs(SpreadsheetRowNumbersContainer, __assign({}, props, { children: [_jsx(SpreadsheetRowNumbersHeader, {}, void 0), _jsx(Grid, { scrollTop: scrollTop, style: gridStyles, width: SPREADSHEET_ROW_NUMBERS_WIDTH, columnCount: 1, columnWidth: SPREADSHEET_ROW_NUMBERS_WIDTH, height: 529, rowHeight: 40, cellRenderer: rowRenderer, rowCount: data.length }, void 0)] }), void 0));
+    return (_jsxs(SpreadsheetRowNumbersContainer, __assign({}, props, { h: height }, { children: [_jsx(SpreadsheetRowNumbersHeader, {}, void 0), _jsx(Grid, { scrollTop: scrollTop, style: gridStyles, width: SPREADSHEET_ROW_NUMBERS_WIDTH, columnCount: 1, columnWidth: SPREADSHEET_ROW_NUMBERS_WIDTH, height: height - spreadsheetHeaderHeightPx + 5, rowHeight: 40, cellRenderer: rowRenderer, rowCount: data.length }, void 0)] }), void 0));
 };
-var RowNumber = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: inset 0 -1px 0 ", ";\n  background-color: ", ";\n  ", ";\n"], ["\n  box-shadow: inset 0 -1px 0 ", ";\n  background-color: ", ";\n  ", ";\n"])), function (p) { return p.theme.colors.gray200; }, function (p) { return p.theme.colors.gray50; }, function (p) { return p.theme.css.label3; });
-var SpreadsheetRowNumbersHeader = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 55px;\n  border-top-left-radius: 8px;\n  width: calc(100% - 1px);\n  background-color: ", ";\n  box-shadow: inset 0 -1px 0px ", ";\n"], ["\n  height: 55px;\n  border-top-left-radius: 8px;\n  width: calc(100% - 1px);\n  background-color: ", ";\n  box-shadow: inset 0 -1px 0px ", ";\n"])), function (p) { return p.theme.colors.gray50; }, function (p) { return p.theme.colors.gray200; });
-var SpreadsheetRowNumbersContainer = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", "px;\n  border-top-left-radius: 8px;\n  border-right: solid 1px ", ";\n"], ["\n  width: ", "px;\n  border-top-left-radius: 8px;\n  border-right: solid 1px ", ";\n"])), SPREADSHEET_ROW_NUMBERS_WIDTH, function (p) { return p.theme.colors.gray200; });
+var RowNumber = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: inset 0 -1px 0 ", ";\n  background-color: ", ";\n  ", ";\n"], ["\n  box-shadow: inset 0 -1px 0 ", ";\n  background-color: ", ";\n  ", ";\n"])), function (p) { return p.theme.colors.gray300; }, function (p) { return p.theme.colors.tableHeader; }, function (p) { return p.theme.css.label3; });
+var SpreadsheetRowNumbersHeader = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", "px;\n  border-top-left-radius: 8px;\n  width: calc(100% - 1px);\n  background-color: ", ";\n  box-shadow: inset 0 -1px 0px ", ";\n"], ["\n  height: ", "px;\n  border-top-left-radius: 8px;\n  width: calc(100% - 1px);\n  background-color: ", ";\n  box-shadow: inset 0 -1px 0px ", ";\n"])), spreadsheetRowHeightPx, function (p) { return p.theme.colors.tableHeader; }, function (p) { return p.theme.colors.gray300; });
+var SpreadsheetRowNumbersContainer = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", "px;\n  border-top-left-radius: 8px;\n  border-right: solid 1px ", ";\n"], ["\n  width: ", "px;\n  border-top-left-radius: 8px;\n  border-right: solid 1px ", ";\n"])), SPREADSHEET_ROW_NUMBERS_WIDTH, function (p) { return p.theme.colors.gray300; });
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=SpreadsheetRowNumbers.js.map

package/lib/esm/Importer/common/Spreadsheet/SpreadsheetRowNumbers.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetRowNumbers.js","sourceRoot":"","sources":["../../../../../src/Importer/common/Spreadsheet/SpreadsheetRowNumbers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,GAAG,EAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,IAAM,6BAA6B,GAAG,EAAE,CAAC;AAKzC,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAA8B;IAA5B,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IACjD,IAAA,IAAI,GAAK,qBAAqB,EAAE,KAA5B,CAA6B;IAEzC,IAAM,WAAW,GAAG,UAAC,EAAmB;YAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CAC3C,KAAC,SAAS,aAAC,KAAK,EAAE,KAAK,EAAiB,WAAW,QAAC,UAAU,sBAC5D,KAAC,GAAG,aAAC,YAAY,QAAC,EAAE,EAAE,EAAE,EAAE,cAAc,sBACrC,QAAQ,GAAG,CAAC,YACT,KAHsB,QAAQ,CAI1B,CACb;IAN4C,CAM5C,CAAC;IAEF,IAAM,UAAU,GAAwB;QACtC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;KACpB,CAAC;IAEF,OAAO,CACL,MAAC,8BAA8B,eAAK,KAAK,eACvC,KAAC,2BAA2B,aAAG,EAC/B,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,6BAA6B,EACpC,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,6BAA6B,EAC1C,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,MAAM,WACrB,aAC6B,CAClC,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,+IAAA,iCACE,EAA6B,yBACtC,EAA4B,OAC9C,EAAyB,KAC5B,KAH8B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,EACtC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAArB,CAAqB,EAC9C,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAlB,CAAkB,CAC5B,CAAC;AAEF,IAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAAC,qNAAA,qGAIzB,EAA4B,oCACjB,EAA6B,KAC7D,KAFqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAArB,CAAqB,EACjB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,CAC7D,CAAC;AAEF,IAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAC,0JAAA,aACvC,EAA6B,iEAEZ,EAA6B,KACxD,KAHU,6BAA6B,EAEZ,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,CACxD,CAAC"}
+{"version":3,"file":"SpreadsheetRowNumbers.js","sourceRoot":"","sources":["../../../../../src/Importer/common/Spreadsheet/SpreadsheetRowNumbers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,GAAG,EAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,IAAM,6BAA6B,GAAG,EAAE,CAAC;AAMzC,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAI9B;IAHN,IAAA,MAAM,YAAA,EACN,SAAS,eAAA,EACN,KAAK,cAH4B,uBAIrC,CADS;IAEA,IAAA,IAAI,GAAK,qBAAqB,EAAE,KAA5B,CAA6B;IAEzC,IAAM,WAAW,GAAG,UAAC,EAAmB;YAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CAC3C,KAAC,SAAS,aAAC,KAAK,EAAE,KAAK,EAAiB,WAAW,QAAC,UAAU,sBAC5D,KAAC,GAAG,aAAC,YAAY,QAAC,EAAE,EAAE,EAAE,EAAE,cAAc,sBACrC,QAAQ,GAAG,CAAC,YACT,KAHsB,QAAQ,CAI1B,CACb;IAN4C,CAM5C,CAAC;IAEF,IAAM,UAAU,GAAwB;QACtC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;KACpB,CAAC;IAEF,OAAO,CACL,MAAC,8BAA8B,eAAK,KAAK,IAAE,CAAC,EAAE,MAAM,iBAClD,KAAC,2BAA2B,aAAG,EAC/B,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,6BAA6B,EACpC,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,6BAA6B,EAC1C,MAAM,EAAE,MAAM,GAAG,yBAAyB,GAAG,CAAC,EAC9C,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,MAAM,WACrB,aAC6B,CAClC,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,+IAAA,iCACE,EAA6B,yBACtC,EAAiC,OACnD,EAAyB,KAC5B,KAH8B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,EACtC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAA1B,CAA0B,EACnD,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAlB,CAAkB,CAC5B,CAAC;AAEF,IAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAAC,uNAAA,cACnC,EAAsB,uFAGZ,EAAiC,oCACtB,EAA6B,KAC7D,KALW,sBAAsB,EAGZ,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAA1B,CAA0B,EACtB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,CAC7D,CAAC;AAEF,IAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAC,0JAAA,aACvC,EAA6B,iEAEZ,EAA6B,KACxD,KAHU,6BAA6B,EAEZ,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,CACxD,CAAC"}

package/lib/esm/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-export declare const SpreadsheetAutocomplete: ({ name, record, options }: {
+export declare const SpreadsheetAutocomplete: ({ name, record, options, isInputDisabled, }: {
     name: any;
     record: any;
     options: any;
+    isInputDisabled?: boolean;
 }) => JSX.Element;

package/lib/esm/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.js

@@ -14,23 +14,23 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Autocomplete as AutocompleteBase } from "../../../../../common/inputs/Autocomplete";
 import styled, { css } from "styled-components";
 import { SpreadsheetField, useSpreadsheetField, useValidationError } from ".";
-import { SelectMenuDiv } from "../../../../../common/inputs/SelectMenu";
+import { Autocomplete as AutocompleteBase } from "../../../../../common/inputs/Autocomplete";
+import { SelectMenuDiv, SelectMenuScrollArea, } from "../../../../../common/inputs/SelectMenu";
 import { HTMLInput } from "../../../../../common/inputs/TextInput";
 import { useSpreadsheetContext } from "../../SpreadsheetContextProvider";
-var Autocomplete = styled(AutocompleteBase)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", " {\n    border: none;\n    border-radius: 0;\n    margin: 0;\n    background: transparent;\n    ", "\n\n    ::placeholder {\n      ", ";\n      ", "\n    }\n  }\n  ", " {\n    margin-top: 0px;\n    max-height: 250px;\n  }\n"], ["\n  ", " {\n    border: none;\n    border-radius: 0;\n    margin: 0;\n    background: transparent;\n    ", "\n\n    ::placeholder {\n      ", ";\n      ", "\n    }\n  }\n  ", " {\n    margin-top: 0px;\n    max-height: 250px;\n  }\n"])), HTMLInput, function (p) {
+var Autocomplete = styled(AutocompleteBase)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", " {\n    border: none;\n    border-radius: 0;\n    margin: 0;\n    height: 40px;\n    background: transparent;\n\n    ", "\n\n    ::placeholder {\n      ", "\n    }\n    :focus {\n      border: none;\n      box-shadow: none;\n    }\n  }\n  ", " {\n    border-radius: 7px;\n  }\n  ", " {\n    padding: 4px;\n  }\n"], ["\n  ", " {\n    border: none;\n    border-radius: 0;\n    margin: 0;\n    height: 40px;\n    background: transparent;\n\n    ", "\n\n    ::placeholder {\n      ", "\n    }\n    :focus {\n      border: none;\n      box-shadow: none;\n    }\n  }\n  ", " {\n    border-radius: 7px;\n  }\n  ", " {\n    padding: 4px;\n  }\n"])), HTMLInput, function (p) {
     return p.hasError && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (p) { return p.theme.colors.error; });
-}, function (p) { return p.theme.css.body2; }, function (p) {
+}, function (p) {
     return p.hasError && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), function (p) { return p.theme.colors.error; });
-}, SelectMenuDiv);
+}, SelectMenuDiv, SelectMenuScrollArea);
 export var SpreadsheetAutocomplete = function (_a) {
-    var name = _a.name, record = _a.record, options = _a.options;
+    var name = _a.name, record = _a.record, options = _a.options, _b = _a.isInputDisabled, isInputDisabled = _b === void 0 ? false : _b;
     var validationError = useValidationError(name, record).validationError;
-    var _b = useSpreadsheetField(name, record), value = _b.value, setValue = _b.setValue;
+    var _c = useSpreadsheetField(name, record), value = _c.value, setValue = _c.setValue;
     var setIsScrollingEnabled = useSpreadsheetContext().setIsScrollingEnabled;
-    return (_jsx(SpreadsheetField, __assign({}, { name: name, record: record }, { children: _jsx(Autocomplete, { hasError: !!validationError, onToggle: function (isOpen) { return setIsScrollingEnabled(!isOpen); }, options: options, value: value, onChange: function (v) { return setValue(v); } }, void 0) }), void 0));
+    return (_jsx(SpreadsheetField, __assign({}, { name: name, record: record }, { children: _jsx(Autocomplete, { placement: "bottom", isInputDisabled: isInputDisabled, hasError: !!validationError, onToggle: function (isOpen) { return setIsScrollingEnabled(!isOpen); }, options: options, value: value, onChange: function (v) { return setValue(v); } }, void 0) }), void 0));
 };
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=SpeadsheetAutocomplete.js.map

package/lib/esm/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpeadsheetAutocomplete.js","sourceRoot":"","sources":["../../../../../../../src/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAE7F,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAKzE,IAAM,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC,4SAAmB,MAC5D,EAAS,kGAKP,EAIC,iCAGC,EAAwB,WACxB,EAIC,kBAGL,EAAa,yDAIhB,KAxBG,SAAS,EAKP,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,QAAQ,IACV,GAAG,mGAAA,mBACQ,EAA2B,WACrC,KADU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAApB,CAAoB,CACrC;AAHD,CAGC,EAGC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAjB,CAAiB,EACxB,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,QAAQ,IACV,GAAG,uGAAA,qBACQ,EAA2B,aACrC,KADU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAApB,CAAoB,CACrC;AAHD,CAGC,EAGL,aAAa,CAIhB,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAAyB;QAAvB,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IACrD,IAAA,eAAe,GAAK,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC,gBAArC,CAAsC;IACvD,IAAA,KAAsB,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,EAArD,KAAK,WAAA,EAAE,QAAQ,cAAsC,CAAC;IACtD,IAAA,qBAAqB,GAAK,qBAAqB,EAAE,sBAA5B,CAA6B;IAE1D,OAAO,CACL,KAAC,gBAAgB,eAAK,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,cACpC,KAAC,YAAY,IACX,QAAQ,EAAE,CAAC,CAAC,eAAe,EAC3B,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,qBAAqB,CAAC,CAAC,MAAM,CAAC,EAA9B,CAA8B,EACpD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,EAAX,CAAW,WAC5B,YACe,CACpB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SpeadsheetAutocomplete.js","sourceRoot":"","sources":["../../../../../../../src/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAC9E,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EACL,aAAa,EACb,oBAAoB,GACrB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAKzE,IAAM,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC,oYAAmB,MAC5D,EAAS,uHAOP,EAIC,iCAGC,EAIC,qFAOL,EAAa,sCAGb,EAAoB,8BAGvB,KA/BG,SAAS,EAOP,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,QAAQ,IACV,GAAG,mGAAA,mBACQ,EAA2B,WACrC,KADU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAApB,CAAoB,CACrC;AAHD,CAGC,EAGC,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,QAAQ,IACV,GAAG,uGAAA,qBACQ,EAA2B,aACrC,KADU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAApB,CAAoB,CACrC;AAHD,CAGC,EAOL,aAAa,EAGb,oBAAoB,CAGvB,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAKvC;QAJC,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA;IAEf,IAAA,eAAe,GAAK,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC,gBAArC,CAAsC;IACvD,IAAA,KAAsB,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,EAArD,KAAK,WAAA,EAAE,QAAQ,cAAsC,CAAC;IACtD,IAAA,qBAAqB,GAAK,qBAAqB,EAAE,sBAA5B,CAA6B;IAE1D,OAAO,CACL,KAAC,gBAAgB,eAAK,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,cACpC,KAAC,YAAY,IACX,SAAS,EAAC,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,CAAC,eAAe,EAC3B,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,qBAAqB,CAAC,CAAC,MAAM,CAAC,EAA9B,CAA8B,EACpD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,EAAX,CAAW,WAC5B,YACe,CACpB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,4 +1,6 @@
 import { Field, Record, BatchValidationErrors } from "../../../../types";
+export declare const spreadsheetRowHeightPx = 40;
+export declare const spreadsheetHeaderHeightPx = 40;
 export declare const recordIsEmpty: (record: any, fields: any) => any;
 export declare const getRenderedRecordWithErrors: ({ record, validationErrors, }: {
     record: any;

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

@@ -10,6 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { FieldTypes, } from "../../../../types";
+export var spreadsheetRowHeightPx = 40;
+export var spreadsheetHeaderHeightPx = 40;
 export var recordIsEmpty = function (record, fields) {
     return fields.reduce(function (isEmptyRecord, f) { return isEmptyRecord && !record[f.name]; }, true);
 };
@@ -24,14 +26,21 @@ export var getRecordErrors = function (_a) {
         var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
         return Boolean(value.match(emailRegex));
     };
+    var isEmptyString = function (string) {
+        return string.replace(/\s/g, "") === "";
+    };
     var recordHasData = !recordIsEmpty(record, fields);
     if (recordHasData) {
         var recordIsRequiredErrors = fields.reduce(function (errors, field) {
             var newErrors = __assign({}, errors);
-            if (field.isRequired && !record[field.name])
+            var fieldValue = record[field.name];
+            if (field.isRequired && !fieldValue)
                 newErrors[field.name] = "".concat(field.label, " is required");
-            if (FieldTypes.email === field.type && !isEmail(record[field.name]))
+            if (FieldTypes.email === field.type &&
+                !isEmptyString(fieldValue) &&
+                !isEmail(fieldValue)) {
                 newErrors[field.name] = "Must be an email";
+            }
             return newErrors;
         }, {});
         var recordValidationErrors = (function () {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Importer/common/Spreadsheet/common/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAKL,UAAU,GACX,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,MAAM,EAAE,MAAM;IAC1C,OAAA,MAAM,CAAC,MAAM,CAAC,UAAC,aAAa,EAAE,CAAC,IAAK,OAAA,aAAa,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhC,CAAgC,EAAE,IAAI,CAAC;AAA3E,CAA2E,CAAC;AAE9E,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAG3C;QAFC,MAAM,YAAA,EACN,gBAAgB,sBAAA;IACJ,OAAA,uBACT,MAAM,KACT,KAAK,wBACA,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,KACvB,qBAAqB,EAAE,gBAAgB,EACvC,OAAO,EAAE,IAAI,OAEf;AAPY,CAOZ,CAAC;AAQH,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAKV;QAJpB,MAAM,YAAA,EACN,MAAM,YAAA,EACN,qBAAqB,2BAAA,EACrB,aAAa,mBAAA;IAEb,IAAM,eAAe,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CACzC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,EAA9B,CAA8B,CACtC,CAAC;IACF,IAAM,OAAO,GAAG,UAAC,KAAK;QACpB,IAAM,UAAU,GAAG,kCAAkC,CAAC;QACtD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrD,IAAI,aAAa,EAAE;QACjB,IAAM,sBAAsB,GAAqB,MAAM,CAAC,MAAM,CAC5D,UAAC,MAAM,EAAE,KAAK;YACZ,IAAM,SAAS,gBAAQ,MAAM,CAAE,CAAC;YAChC,IAAI,KAAK,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;gBACzC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,UAAG,KAAK,CAAC,KAAK,iBAAc,CAAC;YACvD,IAAI,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACjE,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC;YAC7C,OAAO,SAAS,CAAC;QACnB,CAAC,EACD,EAAE,CACH,CAAC;QAEF,IAAM,sBAAsB,GAAG,CAAC;;YAC9B,IAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,OAAO;gBAAE,OAAO,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC;YACtE,OAAO,qBAAqB;gBAC1B,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxC,CAAC,CAAC,EAAE,CAAC;QACT,CAAC,CAAC,EAAE,CAAC;QAEL,IAAI,mBAAmB,GAAG,EAAE,CAAC;QAC7B,IAAI,MAAM,CAAC,KAAK,CAAC,mBAAmB,EAAE;YACpC,IAAM,wBAAwB,GAAG,MAAM,CAAC,IAAI,CAC1C,MAAM,CAAC,KAAK,CAAC,mBAAmB,CACjC,CAAC;YACF,mBAAmB,GAAG,wBAAwB,CAAC,MAAM,CAAC,UAAC,MAAM,EAAE,KAAK;gBAClE,IAAM,SAAS,gBAAQ,MAAM,CAAE,CAAC;gBAChC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,eAAe,CAAC,KAAK,CAAC;oBAC1C,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC7D,OAAO,SAAS,CAAC;YACnB,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;QAED,IAAM,YAAY,kCACb,sBAAsB,GACtB,sBAAsB,GACtB,mBAAmB,CACvB,CAAC;QACF,OAAO,YAAY,CAAC;KACrB;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Importer/common/Spreadsheet/common/index.tsx"],"names":[],"mappings":"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"}