fuse-importer 0.7.0

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

@@ -0,0 +1,291 @@
+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);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+import { getRecordErrors, getRenderedRecordWithErrors, recordIsEmpty, } from "./common";
+var MINIMUM_ROW_COUNT = 20;
+// time in ms
+var batchValidationIdleTime = 500;
+var getRowId = function (id) { return "r".concat(id); };
+export var getBatchErrors = function (records, onValidateRecord) { return __awaiter(void 0, void 0, void 0, function () {
+    var getRecordError, errors;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                getRecordError = function (record) { return __awaiter(void 0, void 0, void 0, function () {
+                    var _a;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
+                            case 0:
+                                _a = {
+                                    id: record._meta.id
+                                };
+                                return [4 /*yield*/, onValidateRecord(record)];
+                            case 1: return [2 /*return*/, (_a.error = _b.sent(),
+                                    _a)];
+                        }
+                    });
+                }); };
+                return [4 /*yield*/, Promise.all(records.map(function (r) { return getRecordError(r); }))];
+            case 1:
+                errors = _a.sent();
+                return [2 /*return*/, errors.reduce(function (prevState, curr) {
+                        var newState = __assign({}, prevState);
+                        newState[curr.id] = curr.error;
+                        return newState;
+                    }, {})];
+        }
+    });
+}); };
+var SpreadsheetContext = createContext({});
+var sleep = function (n) { return new Promise(function (resolve) { return setTimeout(resolve, n); }); };
+export var SpreadsheetContextProvider = function (_a) {
+    var initialData = _a.initialData, _b = _a.rowWidth, rowWidth = _b === void 0 ? 1 : _b, _c = _a.onValidateRecord, onValidateRecord = _c === void 0 ? null : _c, _d = _a.onValidateBatch, onValidateBatch = _d === void 0 ? null : _d, appResponse = _a.appResponse, fields = _a.fields, isReadOnly = _a.isReadOnly, validationBatchSize = _a.validationBatchSize, highlightFirstRow = _a.highlightFirstRow, submittedData = _a.submittedData, setReviewedData = _a.setReviewedData, children = _a.children;
+    var _e = useState(initialData.map(function (d, i) { return (__assign(__assign({}, d), { _meta: { id: getRowId(i), rowIndex: i } })); })), data = _e[0], setData = _e[1];
+    var _f = useState(false), isLoading = _f[0], setIsLoading = _f[1];
+    var _g = useState(null), sortByFieldErrors = _g[0], setSortByFieldErrors = _g[1];
+    var _h = useState(true), isScrollingEnabled = _h[0], setIsScrollingEnabled = _h[1];
+    var _j = useState(null), batchValidationErrors = _j[0], setBatchValidationErrors = _j[1];
+    var _k = useState(0), batchValidationPercentage = _k[0], setBatchValidationPercentage = _k[1];
+    var _l = useValidationState({
+        data: data,
+        fields: fields,
+        batchValidationErrors: batchValidationErrors,
+        submittedData: submittedData,
+    }), columnErrorCounts = _l.columnErrorCounts, totalErrors = _l.totalErrors, isValidationComplete = _l.isValidationComplete;
+    useEffect(function () {
+        var init = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var addEmtpyRows, validateInBatches;
+            return __generator(this, function (_a) {
+                addEmtpyRows = function () {
+                    var newData = __spreadArray([], data, true);
+                    var emptyRecord = fields.reduce(function (obj, f) {
+                        var _a;
+                        return (__assign(__assign({}, obj), (_a = {}, _a[f.name] = null, _a)));
+                    }, {});
+                    for (var i = newData.length; i <= MINIMUM_ROW_COUNT; i++) {
+                        newData.push(__assign(__assign({}, emptyRecord), { _meta: {
+                                id: getRowId(i),
+                                rowIndex: i,
+                            } }));
+                    }
+                    setData(newData);
+                };
+                if (data.length < MINIMUM_ROW_COUNT)
+                    addEmtpyRows();
+                validateInBatches = function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var validationErrors, batchSize, idx, batch, errors;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                validationErrors = {};
+                                batchSize = Math.min(validationBatchSize, data.length) || data.length;
+                                idx = 0;
+                                _a.label = 1;
+                            case 1:
+                                if (!(idx < data.length)) return [3 /*break*/, 5];
+                                batch = data.slice(idx, idx + batchSize);
+                                return [4 /*yield*/, (onValidateBatch
+                                        ? onValidateBatch(batch)
+                                        : getBatchErrors(batch, onValidateRecord))];
+                            case 2:
+                                errors = _a.sent();
+                                validationErrors = __assign(__assign({}, validationErrors), errors);
+                                // unblocks main thread for rendering ui
+                                return [4 /*yield*/, sleep(batchValidationIdleTime)];
+                            case 3:
+                                // unblocks main thread for rendering ui
+                                _a.sent();
+                                setBatchValidationPercentage(Math.floor(((idx + batchSize) / data.length) * 100));
+                                setBatchValidationErrors(validationErrors);
+                                _a.label = 4;
+                            case 4:
+                                idx += batchSize;
+                                return [3 /*break*/, 1];
+                            case 5: return [2 /*return*/];
+                        }
+                    });
+                }); };
+                validateInBatches();
+                return [2 /*return*/];
+            });
+        }); };
+        if (!isReadOnly)
+            init();
+    }, []);
+    useEffect(function () {
+        var appValidationErrors = appResponse === null || appResponse === void 0 ? void 0 : appResponse.validationErrors;
+        if (appValidationErrors) {
+            setData(__spreadArray([], data, true).map(function (record) { return (__assign(__assign({}, record), { _meta: __assign(__assign({}, record._meta), { appValidationErrors: appValidationErrors[record._meta.id] }) })); }));
+        }
+    }, [appResponse]);
+    useEffect(function () {
+        if (!setReviewedData)
+            return;
+        if (isValidationComplete)
+            setReviewedData(data.filter(function (r) { return !recordIsEmpty(r, fields); }));
+        else
+            setReviewedData(null);
+    }, [isValidationComplete, data]);
+    useEffect(function () {
+        if (!sortByFieldErrors)
+            return;
+        var sortedByFieldErrors = __spreadArray([], data, true).sort(function (a, b) {
+            var recordHasErrors = function (record) {
+                return !!getRecordErrors({
+                    record: record,
+                    fields: fields,
+                    batchValidationErrors: batchValidationErrors,
+                    submittedData: submittedData,
+                })[sortByFieldErrors];
+            };
+            var aHasErrors = recordHasErrors(a);
+            var bHasErrors = recordHasErrors(b);
+            if (aHasErrors === bHasErrors)
+                return a._meta.rowIndex > b._meta.rowIndex ? 1 : -1;
+            return bHasErrors ? 1 : -1;
+        });
+        setData(sortedByFieldErrors);
+    }, [sortByFieldErrors]);
+    var validateRenderedRecords = function (renderedData) { return __awaiter(void 0, void 0, void 0, function () {
+        var newData;
+        return __generator(this, function (_a) {
+            if (isReadOnly)
+                return [2 /*return*/];
+            setIsLoading(true);
+            newData = __spreadArray([], data, true);
+            renderedData.forEach(function (record) { return __awaiter(void 0, void 0, void 0, function () {
+                var renderedRecordWithErrors, _a, rowIndex;
+                var _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            _a = getRenderedRecordWithErrors;
+                            _b = {
+                                record: record
+                            };
+                            return [4 /*yield*/, onValidateRecord(record)];
+                        case 1:
+                            renderedRecordWithErrors = _a.apply(void 0, [(_b.validationErrors = _c.sent(),
+                                    _b)]);
+                            rowIndex = newData.findIndex(function (r) { return r._meta.id === record._meta.id; });
+                            newData[rowIndex] = renderedRecordWithErrors;
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            setIsLoading(false);
+            setData(newData);
+            return [2 /*return*/];
+        });
+    }); };
+    var value = {
+        data: data,
+        fields: fields,
+        isLoading: isLoading,
+        setIsLoading: setIsLoading,
+        isScrollingEnabled: isScrollingEnabled,
+        isValidationComplete: isValidationComplete,
+        batchValidationErrors: batchValidationErrors,
+        batchValidationPercentage: batchValidationPercentage,
+        totalErrors: totalErrors,
+        columnErrorCounts: columnErrorCounts,
+        isReadOnly: isReadOnly,
+        rowWidth: rowWidth,
+        sortByFieldErrors: sortByFieldErrors,
+        submittedData: submittedData,
+        setSortByFieldErrors: setSortByFieldErrors,
+        setData: setData,
+        onValidateRecord: onValidateRecord,
+        validateRenderedRecords: validateRenderedRecords,
+        setIsScrollingEnabled: setIsScrollingEnabled,
+        highlightFirstRow: highlightFirstRow,
+    };
+    return (_jsx(SpreadsheetContext.Provider, __assign({ value: value }, { children: children }), void 0));
+};
+var useValidationState = function (_a) {
+    var data = _a.data, fields = _a.fields, batchValidationErrors = _a.batchValidationErrors, submittedData = _a.submittedData;
+    var _b = useState({}), columnErrorCounts = _b[0], setColumnErrorCounts = _b[1];
+    useEffect(function () {
+        var updateErrorCounts = function () {
+            var newColumnErrorCounts = {};
+            data.forEach(function (record) {
+                var updateFieldErrorCount = function (recordErrors) {
+                    var fieldsWithErrors = Object.keys(recordErrors).filter(function (f) { return recordErrors[f]; });
+                    fieldsWithErrors.forEach(function (field) {
+                        var currentCount = newColumnErrorCounts[field] || 0;
+                        newColumnErrorCounts[field] = currentCount + 1;
+                    });
+                };
+                var recordErrors = getRecordErrors({
+                    record: record,
+                    fields: fields,
+                    batchValidationErrors: batchValidationErrors,
+                    submittedData: submittedData,
+                });
+                updateFieldErrorCount(recordErrors);
+            });
+            setColumnErrorCounts(newColumnErrorCounts);
+        };
+        updateErrorCounts();
+    }, [data, batchValidationErrors]);
+    var totalErrors = Object.keys(columnErrorCounts).reduce(function (total, key) { return total + (columnErrorCounts[key] || 0); }, 0);
+    var isValidationComplete = batchValidationErrors && totalErrors === 0;
+    return { columnErrorCounts: columnErrorCounts, totalErrors: totalErrors, isValidationComplete: isValidationComplete };
+};
+export var useSpreadsheetContext = function () { return useContext(SpreadsheetContext); };
+//# sourceMappingURL=SpreadsheetContextProvider.js.map

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

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

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

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

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

@@ -0,0 +1,52 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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);
+};
+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 } from "react/jsx-runtime";
+import { Grid } from "react-virtualized";
+import styled from "styled-components";
+import { Div } from "../../../styled/utils";
+import { useSpreadsheetContext } from "./SpreadsheetContextProvider";
+var SPREADSHEET_ROW_NUMBERS_WIDTH = 75;
+export var SpreadsheetRowNumbers = function (_a) {
+    var scrollTop = _a.scrollTop, props = __rest(_a, ["scrollTop"]);
+    var data = useSpreadsheetContext().data;
+    var rowRenderer = function (_a) {
+        var rowIndex = _a.rowIndex, style = _a.style;
+        return (_jsx(RowNumber, __assign({ style: style, alignCenter: true, justifyEnd: true }, { children: _jsx(Div, __assign({ truncateText: true, mr: 16, textAlignRight: true }, { children: rowIndex + 1 }), void 0) }), rowIndex));
+    };
+    var gridStyles = {
+        outline: "none",
+        willChange: "unset",
+        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));
+};
+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 templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=SpreadsheetRowNumbers.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,36 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 } 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 { 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) {
+    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) {
+    return p.hasError && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), function (p) { return p.theme.colors.error; });
+}, SelectMenuDiv);
+export var SpreadsheetAutocomplete = function (_a) {
+    var name = _a.name, record = _a.record, options = _a.options;
+    var validationError = useValidationError(name, record).validationError;
+    var _b = useSpreadsheetField(name, record), value = _b.value, setValue = _b.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));
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=SpeadsheetAutocomplete.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { Record } from "../../../../../types";
+declare type SpreadsheetTextInputArgs = {
+    name: string;
+    record: Record;
+    type: string;
+};
+export declare const SpreadsheetTextInput: ({ name, record, type, }: SpreadsheetTextInputArgs) => JSX.Element;
+declare type InputProps = {
+    hasError: boolean;
+    type?: string;
+};
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
+    type: React.HTMLInputTypeAttribute;
+} & InputProps, "type">;
+export {};

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

@@ -0,0 +1,36 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { SpreadsheetField, useSpreadsheetField, useValidationError } from ".";
+export var SpreadsheetTextInput = function (_a) {
+    var name = _a.name, record = _a.record, type = _a.type;
+    var validationError = useValidationError(name, record).validationError;
+    var _b = useSpreadsheetField(name, record), value = _b.value, setValue = _b.setValue;
+    return (_jsx(SpreadsheetField, __assign({}, { name: name, record: record }, { children: _jsx(Input, { type: type, hasError: !!validationError, value: value || "", onChange: function (_a) {
+                var value = _a.target.value;
+                return setValue(value);
+            } }, void 0) }), void 0));
+};
+export var Input = styled.input.attrs(function (props) {
+    return {
+        type: props.type,
+    };
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  outline: none;\n  border: none;\n  width: 100%;\n  height: 30px;\n  background: transparent;\n  box-sizing: border-box;\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  /* Firefox */\n  -moz-appearance: textfield;\n\n  padding: 10px 12px;\n  ", ";\n  color: ", ";\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", "\n"], ["\n  outline: none;\n  border: none;\n  width: 100%;\n  height: 30px;\n  background: transparent;\n  box-sizing: border-box;\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  /* Firefox */\n  -moz-appearance: textfield;\n\n  padding: 10px 12px;\n  ", ";\n  color: ", ";\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", "\n"])), function (props) { return props.theme.css.body1; }, function (props) { return props.theme.colors.gray1000; }, function (props) { return props.theme.colors.placeholder; }, function (p) {
+    return p.hasError && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (p) { return p.theme.colors.error; });
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=SpreadsheetTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpreadsheetTextInput.js","sourceRoot":"","sources":["../../../../../../../src/Importer/common/Spreadsheet/common/fields/SpreadsheetTextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAQ9E,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAIV;QAHzB,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,IAAI,UAAA;IAEI,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;IAE9D,OAAO,CACL,KAAC,gBAAgB,eAAK,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,cACpC,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,eAAe,EAC3B,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,UAAC,EAAqB;oBAAT,KAAK,kBAAA;gBAAS,OAAA,QAAQ,CAAC,KAAK,CAAC;YAAf,CAAe,WACpD,YACe,CACpB,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,UAAC,KAAK;IAC5C,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC;AACJ,CAAC,CAAC,+cAAY,iUAiBV,EAAgC,cACzB,EAAsC,mCAEpC,EAAyC,cAGlD,EAIC,IACJ,KAXG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAArB,CAAqB,EACzB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAA3B,CAA2B,EAEpC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAA9B,CAA8B,EAGlD,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,QAAQ,IACV,GAAG,+FAAA,iBACQ,EAA2B,SACrC,KADU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAApB,CAAoB,CACrC;AAHD,CAGC,CACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Record } from "../../../../../types";
+export declare const useValidationError: (fieldName: string, record: Record) => {
+    validationError: any;
+};
+export declare const useSpreadsheetField: (name: any, record: Record) => {
+    value: any;
+    setValue: React.Dispatch<any>;
+};
+export declare const SpreadsheetField: ({ name, record, children }: {
+    name: any;
+    record: any;
+    children: any;
+}) => JSX.Element;