fuse-importer 0.17.0 → 0.22.0

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

@@ -61,11 +61,19 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import styled, { css } from "styled-components";
-import { getRecordErrors, getRenderedRecordWithErrors } from "..";
+import { getRecordErrors, getRenderedRecordWithErrors, isFloat, isInteger, } from "..";
 import { TooltipProvider } from "../../../../../common/TooltipProvider";
 import { Div } from "../../../../../styled/utils";
+import { FieldTypes } from "../../../../../types";
 import { useSpreadsheetReviewContext } from "../../../../SpreadsheetReviewContextProvider";
 import { useSpreadsheetContext } from "../../SpreadsheetContextProvider";
+export var parseValue = function (fieldType, value) {
+    if (fieldType === FieldTypes.float)
+        return isFloat(value) ? parseFloat(value) : value;
+    if (fieldType === FieldTypes.integer)
+        return isInteger(value) ? parseInt(value) : value;
+    return value;
+};
 export var useValidationError = function (fieldName, record) {
     var isSubmitting = useSpreadsheetReviewContext().isSubmitting;
     var _a = useSpreadsheetContext(), fields = _a.fields, submittedData = _a.submittedData, batchValidationErrors = _a.batchValidationErrors;
@@ -81,9 +89,10 @@ export var useValidationError = function (fieldName, record) {
     }
     return { validationError: validationError };
 };
-export var useSpreadsheetField = function (name, record) {
+export var useSpreadsheetField = function (name, record, fieldType) {
     var _a = useSpreadsheetContext(), data = _a.data, setData = _a.setData, onValidateRecord = _a.onValidateRecord;
     var _b = useState(record[name]), value = _b[0], setValue = _b[1];
+    var validationError = useValidationError(name, record).validationError;
     // used for debouncing validations
     var timeoutIdRef = useRef(null);
     // used for getting updated data in setTimeout
@@ -110,7 +119,7 @@ export var useSpreadsheetField = function (name, record) {
                 switch (_f.label) {
                     case 0:
                         newData = __spreadArray([], dataRef.current, true);
-                        newRecord = __assign(__assign({}, recordRef.current), (_d = {}, _d[name] = value, _d));
+                        newRecord = __assign(__assign({}, recordRef.current), (_d = {}, _d[name] = parseValue(fieldType, value), _d));
                         rowIndex = newData.findIndex(function (r) { return r._meta.id === record._meta.id; });
                         _a = newData;
                         _b = rowIndex;
@@ -128,7 +137,7 @@ export var useSpreadsheetField = function (name, record) {
             });
         }); }, 300);
     }, [value]);
-    return { value: value, setValue: setValue };
+    return { value: value, setValue: setValue, validationError: validationError };
 };
 var ContentContainer = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: calc(100% - 1px);\n  width: 100%;\n  ", ";\n  ", "\n  ", "\n"], ["\n  height: calc(100% - 1px);\n  width: 100%;\n  ", ";\n  ", "\n  ", "\n"])), function (p) { return p.theme.css.alignCenter; }, function (p) {
     return p.hasError && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.error; }, function (p) { return p.theme.colors.red100; }, function (p) { return p.theme.colors.error; });
@@ -140,9 +149,8 @@ var Wrapper = styled(Div)(function (_a) {
     return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), isLoading && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "]))));
 });
 export var SpreadsheetField = function (_a) {
-    var name = _a.name, record = _a.record, children = _a.children;
+    var validationError = _a.validationError, children = _a.children;
     var _b = useSpreadsheetContext(), isReadOnly = _b.isReadOnly, isLoading = _b.isLoading;
-    var validationError = useValidationError(name, record).validationError;
-    return (_jsx(Wrapper, __assign({ dim: "100%", isLoading: isLoading }, { children: _jsx(TooltipProvider, __assign({ tooltip: validationError }, { children: _jsx(Div, __assign({ dim: "100%" }, { children: _jsx(ContentContainer, __assign({ hasError: !!validationError, isReadOnly: isReadOnly }, { children: children }), void 0) }), void 0) }), void 0) }), void 0));
+    return (_jsx(Wrapper, __assign({ dim: "100%", isLoading: isLoading }, { children: _jsx(TooltipProvider, __assign({ tooltip: validationError }, { children: _jsx(Div, __assign({ dim: "100%" }, { children: _jsx(ContentContainer, __assign({ hasError: !!validationError, isReadOnly: isReadOnly }, { children: children })) })) })) })));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -1,6 +1,9 @@
 import { Field, Record, BatchValidationErrors } from "../../../../types";
 export declare const spreadsheetRowHeightPx = 40;
 export declare const spreadsheetHeaderHeightPx = 40;
+export declare const isTrue: (value: string) => boolean;
+export declare const isInteger: (value: string) => boolean;
+export declare const isFloat: (value: string) => boolean;
 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

@@ -9,7 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var _a;
 import { FieldTypes, } from "../../../../types";
+import { DateTime } from "luxon";
 export var spreadsheetRowHeightPx = 40;
 export var spreadsheetHeaderHeightPx = 40;
 var isEmpty = function (value) {
@@ -18,6 +20,22 @@ var isEmpty = function (value) {
         (typeof value === "object" && Object.keys(value).length === 0) ||
         (typeof value === "string" && value.trim().length === 0));
 };
+var isEmail = function (value) {
+    var emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+    return emailRegex.test(value);
+};
+var isUrl = function (value) {
+    var urlRegex = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/g;
+    return urlRegex.test(value);
+};
+export var isTrue = function (value) {
+    var _value = (value || "").toString().toLowerCase();
+    return ["true", "yes", "1", "y", "on", "t"].includes(_value);
+};
+export var isInteger = function (value) { return /^-?[0-9]+$/.test(value + ""); };
+export var isFloat = function (value) {
+    return /^-?[0-9]+(?:\.[0-9]+)?$/.test(value + "");
+};
 export var recordIsEmpty = function (record, fields) {
     return fields.reduce(function (isEmptyRecord, f) { return isEmptyRecord && isEmpty(record[f.name]); }, true);
 };
@@ -25,24 +43,50 @@ export var getRenderedRecordWithErrors = function (_a) {
     var record = _a.record, validationErrors = _a.validationErrors;
     return (__assign(__assign({}, record), { _meta: __assign(__assign({}, (record._meta || {})), { localValidationErrors: validationErrors, wasSeen: true }) }));
 };
+var validateDatePattern = function (field, fieldValue) {
+    var date = DateTime.fromFormat(fieldValue, field.pattern);
+    if (!date.isValid) {
+        return "".concat(field.label, " must match the pattern ").concat(field.pattern);
+    }
+};
+var validations = (_a = {},
+    _a[FieldTypes.email] = function (field, fieldValue) {
+        if (!isEmail(fieldValue)) {
+            return "".concat(field.label, " is not a valid email");
+        }
+    },
+    _a[FieldTypes.url] = function (field, fieldValue) {
+        if (!isUrl(fieldValue)) {
+            return "".concat(field.label, " is not a valid url");
+        }
+    },
+    _a[FieldTypes.integer] = function (field, fieldValue) {
+        if (!isInteger(fieldValue)) {
+            return "".concat(field.label, " is not a valid integer");
+        }
+    },
+    _a[FieldTypes.float] = function (field, fieldValue) {
+        if (!isFloat(fieldValue)) {
+            return "".concat(field.label, " is not a valid float");
+        }
+    },
+    _a[FieldTypes.date] = validateDatePattern,
+    _a[FieldTypes.time] = validateDatePattern,
+    _a[FieldTypes.datetime] = validateDatePattern,
+    _a);
 export var getRecordErrors = function (_a) {
     var record = _a.record, fields = _a.fields, batchValidationErrors = _a.batchValidationErrors, submittedData = _a.submittedData;
     var submittedRecord = submittedData === null || submittedData === void 0 ? void 0 : submittedData.find(function (r) { return r._meta.id === record._meta.id; });
-    var isEmail = function (value) {
-        var emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        return emailRegex.test(value);
-    };
     var recordHasData = !recordIsEmpty(record, fields);
     if (recordHasData) {
         var recordTemplateValidationErrors = fields.reduce(function (errors, field) {
             var newErrors = __assign({}, errors);
             var fieldValue = record[field.name];
-            if (isEmpty(fieldValue)) {
-                if (field.isRequired)
-                    newErrors[field.name] = "".concat(field.label, " is required");
+            if (isEmpty(fieldValue) && field.isRequired) {
+                newErrors[field.name] = "".concat(field.label, " is required");
             }
-            else if (field.type === FieldTypes.email && !isEmail(fieldValue)) {
-                newErrors[field.name] = "".concat(field.label, " is not a valid email");
+            else if (validations[field.type]) {
+                newErrors[field.name] = validations[field.type](field, fieldValue);
             }
             return newErrors;
         }, {});

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

@@ -49,29 +49,34 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
-import styled, { css } from "styled-components";
+import { useEffect, useMemo, useRef, useState, useCallback, } from "react";
+import styled from "styled-components";
 import { getTableHeight } from "..";
-import { TooltipProvider } from "../../../common";
 import { TableView as TableViewBase, TableViewCellContainer, TableViewRow, } from "../../../common/Table/TableView";
 import { colors } from "../../../styled/theme/colorPalette";
 import { Div } from "../../../styled/utils";
-import { FieldTypes, } from "../../../types";
 import { useSpreadsheetReviewContext } from "../../SpreadsheetReviewContextProvider";
 import { getUnsubmittedData } from "../utils";
 import { spreadsheetHeaderHeightPx, spreadsheetRowHeightPx } from "./common";
-import { SpreadsheetAutocomplete } from "./common/fields/SpeadsheetAutocomplete";
-import { SpreadsheetInput } from "./common/fields/SpreadsheetInput";
+import { FieldHeader } from "./common/FieldHeader";
 import GlobalStyle from "./GlobalStyle";
 import { SpreadsheetContextProvider, useSpreadsheetContext, } from "./SpreadsheetContextProvider";
 import { SpreadsheetRowNumbers } from "./SpreadsheetRowNumbers";
+import { inputTypes } from "./inputs";
 var SpreadSheetWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: solid 1px ", ";\n  border-radius: 8px;\n  background: ", ";\n  overflow: hidden !important;\n"], ["\n  border: solid 1px ", ";\n  border-radius: 8px;\n  background: ", ";\n  overflow: hidden !important;\n"])), function (p) { return p.theme.colors.gray300; }, function (p) { return p.theme.colors.white; });
 var TableView = styled(TableViewBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  border: none;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  overflow: hidden;\n  background-color: ", ";\n  ", " {\n    border-bottom: none;\n    height: 40px;\n  }\n  ", " {\n    padding: 0;\n    border-right: 1px solid ", ";\n  }\n"], ["\n  width: 100%;\n  border: none;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  overflow: hidden;\n  background-color: ", ";\n  ", " {\n    border-bottom: none;\n    height: 40px;\n  }\n  ", " {\n    padding: 0;\n    border-right: 1px solid ", ";\n  }\n"])), function (p) { return p.theme.colors.gray50; }, TableViewRow, TableViewCellContainer, function (p) { return p.theme.colors.gray300; });
-var ErrorCount = styled(Div)(function (_a) {
-    var _b = _a.theme, colors = _b.colors, c = _b.css;
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    color: ", ";\n    background: ", ";\n    border: solid 1px ", ";\n    padding: 4px 7px;\n    border-radius: 56px;\n    min-width: 24px;\n    ", ";\n  "], ["\n    color: ", ";\n    background: ", ";\n    border: solid 1px ", ";\n    padding: 4px 7px;\n    border-radius: 56px;\n    min-width: 24px;\n    ", ";\n  "])), colors.error, colors.red100, colors.error, c.centered);
-});
 var Spreadsheet = function (_a) {
     var isReadOnly = _a.isReadOnly, initialData = _a.initialData, rowWidth = _a.rowWidth, fields = _a.fields, appResponse = _a.appResponse, options = _a.options, _b = _a.onValidateRecord, onValidateRecord = _b === void 0 ? null : _b, submittedData = _a.submittedData, setReviewedData = _a.setReviewedData, _c = _a.onValidateBatch, onValidateBatch = _c === void 0 ? null : _c, _d = _a.highlightFirstRow, highlightFirstRow = _d === void 0 ? false : _d;
     return (_jsx(SpreadsheetContextProvider, __assign({}, {
@@ -86,19 +91,15 @@ var Spreadsheet = function (_a) {
         onValidateBatch: onValidateBatch,
         highlightFirstRow: highlightFirstRow,
         options: options,
-    }, { children: _jsx(SpreadSheetWithContext, {}, void 0) }), void 0));
+    }, { children: _jsx(SpreadSheetWithContext, {}) })));
 };
 var SpreadSheetWithContext = function () {
     var _a = useSpreadsheetContext(), isReadOnly = _a.isReadOnly, totalErrors = _a.totalErrors, batchValidationPercentage = _a.batchValidationPercentage;
-    var batchValidationProgressUI = (_jsxs(Div, __assign({ body1: true, dflex: true, mb: 22 }, { children: ["Calculating Data...", _jsxs(Div, __assign({ bold: true, ml: 5 }, { children: [batchValidationPercentage, "%"] }), void 0), _jsxs(Div, __assign({ bold: true, c: colors.error, ml: 5 }, { children: ["(", totalErrors, " errors)"] }), void 0)] }), void 0));
+    var batchValidationProgressUI = (_jsxs(Div, __assign({ body1: true, dflex: true, mb: 22 }, { children: ["Calculating Data...", _jsxs(Div, __assign({ bold: true, ml: 5 }, { children: [batchValidationPercentage, "%"] })), _jsxs(Div, __assign({ bold: true, c: colors.error, ml: 5 }, { children: ["(", totalErrors, " errors)"] }))] })));
     return (_jsxs(Div, { children: [_jsx(Div, __assign({ h: 32 }, { children: !isReadOnly &&
                     batchValidationPercentage < 100 &&
-                    batchValidationProgressUI }), void 0), _jsx(SpreadsheetData, {}, void 0)] }, void 0));
+                    batchValidationProgressUI })), _jsx(SpreadsheetData, {})] }));
 };
-var booleanOptions = [
-    { label: "True", value: true },
-    { label: "False", value: false },
-];
 var SpreadsheetData = function () {
     var _a = useSpreadsheetReviewContext(), appResponse = _a.appResponse, isSubmitting = _a.isSubmitting;
     var _b = useSpreadsheetContext(), fields = _b.fields, data = _b.data, isLoading = _b.isLoading, isReadOnly = _b.isReadOnly, rowWidth = _b.rowWidth, sortByFieldErrors = _b.sortByFieldErrors, setSortByFieldErrors = _b.setSortByFieldErrors, validateRenderedRecords = _b.validateRenderedRecords, setIsLoading = _b.setIsLoading;
@@ -112,7 +113,7 @@ var SpreadsheetData = function () {
             setSortByFieldErrors(null);
         }, 10);
     }, [sortByFieldErrors]);
-    var onSectionRendered = function (_a) {
+    var onSectionRendered = useCallback(function (_a) {
         var data = _a.data;
         return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_b) {
@@ -128,59 +129,29 @@ var SpreadsheetData = function () {
                 return [2 /*return*/];
             });
         });
-    };
+    }, [isSortingTableData]);
     var columns = useMemo(function () {
-        return fields.map(function (f) { return ({
-            Header: function () {
-                var columnErrorCounts = useSpreadsheetContext().columnErrorCounts;
-                var fieldErrorCount = columnErrorCounts[f.name];
-                return (_jsxs(Div, __assign({ p: "0 16px", spaceBetween: true, w100: true, alignCenter: true }, { children: [_jsxs(Div, __assign({ truncateText: true }, { children: [f.label, f.isRequired && "*"] }), void 0), fieldErrorCount && (_jsx(TooltipProvider, __assign({ mr: 3, w: 35, tooltip: "Sort by ".concat(f.label, " errors") }, { children: _jsx(ErrorCount, __assign({ onClick: function () { return setSortByFieldErrors(f.name); } }, { children: _jsx(Div, __assign({ centered: true }, { children: _jsx(Div, __assign({ w: 35, textAlignCenter: true, label3: true, truncateText: true }, { children: fieldErrorCount }), void 0) }), void 0) }), void 0) }), void 0))] }), void 0));
-            },
+        return fields.map(function (field) { return ({
+            Header: function () { return (_jsx(FieldHeader, { field: field, sortByFieldErrors: setSortByFieldErrors })); },
             Content: function (record) {
-                var props = {
-                    name: f.name,
-                    record: (function () {
-                        var res = __assign({}, record);
-                        delete res.rowIndex;
-                        return res;
-                    })(),
-                };
-                switch (f.type) {
-                    case FieldTypes.boolean:
-                        return (_jsx(SpreadsheetAutocomplete, __assign({ isInputDisabled: true }, props, { options: booleanOptions }), void 0));
-                    case FieldTypes.enum:
-                        return (_jsx(SpreadsheetAutocomplete, __assign({}, props, { options: f === null || f === void 0 ? void 0 : f.options.map(function (o) { return ({ label: o, value: o }); }) }), void 0));
-                    case FieldTypes.integer:
-                        return (_jsx(SpreadsheetInput, __assign({}, props, { type: "number", step: "1", onKeyDown: function (event) {
-                                if (event.key === "." ||
-                                    event.key === "," ||
-                                    event.key === "e") {
-                                    event.preventDefault();
-                                }
-                            } }), void 0));
-                    case FieldTypes.float:
-                        return (_jsx(SpreadsheetInput, __assign({}, props, { type: "number", onKeyDown: function (event) {
-                                if (event.key === "e") {
-                                    event.preventDefault();
-                                }
-                            } }), void 0));
-                    case FieldTypes.string:
-                        return _jsx(SpreadsheetInput, __assign({}, props, { type: "email" }), void 0);
-                    case FieldTypes.email:
-                        return _jsx(SpreadsheetInput, __assign({}, props, { type: "text" }), void 0);
-                }
+                var Input = inputTypes[field.type];
+                var rowIndex = record.rowIndex, recordProp = __rest(record, ["rowIndex"]);
+                return (_jsx(Input, { fieldType: field.type, name: field.name, options: field.options, record: recordProp }));
             },
         }); });
     }, [fields]);
-    var unsubmittedData = getUnsubmittedData(data, appResponse);
+    var unsubmittedData = useMemo(function () { return getUnsubmittedData(data, appResponse); }, [
+        data,
+        appResponse,
+    ]);
     var spreadsheetHeight = getTableHeight({
         headerHeight: spreadsheetHeaderHeightPx,
         rowHeight: spreadsheetRowHeightPx,
         dataCount: unsubmittedData.length,
-        mininmumTableHeight: 450,
+        minimumTableHeight: 450,
         maxVisibleRows: 12,
     });
-    return (_jsxs(_Fragment, { children: [_jsx(GlobalStyle, {}, void 0), !isSortingTableData && !isSubmitting && (_jsxs(SpreadSheetWrapper, __assign({ h: spreadsheetHeight, dflex: true, w: 1400 }, { children: [_jsx(SpreadsheetRowNumbers, { spreadsheetHasXScroll: rowWidth > 1, scrollTop: scrollTop, height: spreadsheetHeight }, void 0), _jsx(TableView, { tableHeadersHeight: spreadsheetHeaderHeightPx, highlightFirstRow: isReadOnly, rowHeight: spreadsheetRowHeightPx, onSectionRendered: onSectionRendered, onTableScroll: function (_scrollTop) { return setScrollTop(_scrollTop); }, h: spreadsheetHeight, rowWidth: rowWidth, data: unsubmittedData, columns: columns, isLoading: isLoading }, void 0)] }), void 0))] }, void 0));
+    return (_jsxs(_Fragment, { children: [_jsx(GlobalStyle, {}), !isSortingTableData && !isSubmitting && (_jsxs(SpreadSheetWrapper, __assign({ h: spreadsheetHeight, dflex: true, w: 1400 }, { children: [_jsx(SpreadsheetRowNumbers, { spreadsheetHasXScroll: rowWidth > 1, scrollTop: scrollTop, height: spreadsheetHeight }), _jsx(TableView, { tableHeadersHeight: spreadsheetHeaderHeightPx, highlightFirstRow: isReadOnly, rowHeight: spreadsheetRowHeightPx, onSectionRendered: onSectionRendered, onTableScroll: function (_scrollTop) { return setScrollTop(_scrollTop); }, h: spreadsheetHeight, rowWidth: rowWidth, data: unsubmittedData, columns: columns, isLoading: isLoading })] })))] }));
 };
 export { Spreadsheet };
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2;

package/lib/esm/Importer/common/Spreadsheet/inputs/Boolean.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SpreadsheetAutocompleteProps } from "../common/fields/SpeadsheetAutocomplete";
+export declare const BooleanInput: React.FC<SpreadsheetAutocompleteProps>;

package/lib/esm/Importer/common/Spreadsheet/inputs/Boolean.js

@@ -0,0 +1,18 @@
+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 { SpreadsheetAutocomplete, } from "../common/fields/SpeadsheetAutocomplete";
+var booleanOptions = [
+    { label: "True", value: true },
+    { label: "False", value: false },
+];
+export var BooleanInput = function (props) { return (_jsx(SpreadsheetAutocomplete, __assign({ isInputDisabled: true }, props, { options: booleanOptions }))); };

package/lib/esm/Importer/common/Spreadsheet/inputs/EmailInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SpreadsheetTextInputArgs } from "../common/fields/SpreadsheetInput";
+export declare const EmailInput: React.FC<SpreadsheetTextInputArgs>;

package/lib/esm/Importer/common/Spreadsheet/inputs/EmailInput.js

@@ -0,0 +1,14 @@
+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 { SpreadsheetInput, } from "../common/fields/SpreadsheetInput";
+export var EmailInput = function (props) { return (_jsx(SpreadsheetInput, __assign({}, props, { type: "email" }))); };

package/lib/esm/Importer/common/Spreadsheet/inputs/EnumInput.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SpreadsheetAutocompleteProps } from "../common/fields/SpeadsheetAutocomplete";
+export declare type EnumInputProps = {
+    options: any;
+} & SpreadsheetAutocompleteProps;
+export declare const EnumInput: React.FC<EnumInputProps>;

package/lib/esm/Importer/common/Spreadsheet/inputs/EnumInput.js

@@ -0,0 +1,30 @@
+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 } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { SpreadsheetAutocomplete, } from "../common/fields/SpeadsheetAutocomplete";
+export var EnumInput = function (_a) {
+    var options = _a.options, props = __rest(_a, ["options"]);
+    var mapped = useMemo(function () { return options === null || options === void 0 ? void 0 : options.map(function (o) { return ({ label: o, value: o }); }); }, [options]);
+    return _jsx(SpreadsheetAutocomplete, __assign({}, props, { options: mapped }));
+};

package/lib/esm/Importer/common/Spreadsheet/inputs/FloatInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SpreadsheetTextInputArgs } from "../common/fields/SpreadsheetInput";
+export declare const FloatInput: React.FC<SpreadsheetTextInputArgs>;

package/lib/esm/Importer/common/Spreadsheet/inputs/FloatInput.js

@@ -0,0 +1,16 @@
+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 { SpreadsheetInput, } from "../common/fields/SpreadsheetInput";
+export var FloatInput = function (props) {
+    return _jsx(SpreadsheetInput, __assign({}, props, { type: "text" }));
+};

package/lib/esm/Importer/common/Spreadsheet/inputs/IntegerInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SpreadsheetTextInputArgs } from "../common/fields/SpreadsheetInput";
+export declare const IntegerInput: React.FC<SpreadsheetTextInputArgs>;

package/lib/esm/Importer/common/Spreadsheet/inputs/IntegerInput.js

@@ -0,0 +1,16 @@
+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 { SpreadsheetInput, } from "../common/fields/SpreadsheetInput";
+export var IntegerInput = function (props) {
+    return _jsx(SpreadsheetInput, __assign({}, props, { type: "text", step: "1" }));
+};

package/lib/esm/Importer/common/Spreadsheet/inputs/StringInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SpreadsheetTextInputArgs } from "../common/fields/SpreadsheetInput";
+export declare const StringInput: React.FC<SpreadsheetTextInputArgs>;

package/lib/esm/Importer/common/Spreadsheet/inputs/StringInput.js

@@ -0,0 +1,14 @@
+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 { SpreadsheetInput, } from "../common/fields/SpreadsheetInput";
+export var StringInput = function (props) { return (_jsx(SpreadsheetInput, __assign({}, props, { type: "text" }))); };

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const inputTypes: {
+    boolean: import("react").FC<import("../common/fields/SpeadsheetAutocomplete").SpreadsheetAutocompleteProps>;
+    email: import("react").FC<import("../common/fields/SpreadsheetInput").SpreadsheetTextInputArgs>;
+    enum: import("react").FC<import("./EnumInput").EnumInputProps>;
+    float: import("react").FC<import("../common/fields/SpreadsheetInput").SpreadsheetTextInputArgs>;
+    integer: import("react").FC<import("../common/fields/SpreadsheetInput").SpreadsheetTextInputArgs>;
+    string: import("react").FC<import("../common/fields/SpreadsheetInput").SpreadsheetTextInputArgs>;
+    url: import("react").FC<import("../common/fields/SpreadsheetInput").SpreadsheetTextInputArgs>;
+    date: import("react").FC<import("../common/fields/SpreadsheetInput").SpreadsheetTextInputArgs>;
+    datetime: import("react").FC<import("../common/fields/SpreadsheetInput").SpreadsheetTextInputArgs>;
+    time: import("react").FC<import("../common/fields/SpreadsheetInput").SpreadsheetTextInputArgs>;
+};

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

@@ -0,0 +1,20 @@
+var _a;
+import { FieldTypes } from "../../../../types";
+import { BooleanInput } from "./Boolean";
+import { EmailInput } from "./EmailInput";
+import { EnumInput } from "./EnumInput";
+import { FloatInput } from "./FloatInput";
+import { IntegerInput } from "./IntegerInput";
+import { StringInput } from "./StringInput";
+export var inputTypes = (_a = {},
+    _a[FieldTypes.boolean] = BooleanInput,
+    _a[FieldTypes.email] = EmailInput,
+    _a[FieldTypes.enum] = EnumInput,
+    _a[FieldTypes.float] = FloatInput,
+    _a[FieldTypes.integer] = IntegerInput,
+    _a[FieldTypes.string] = StringInput,
+    _a[FieldTypes.url] = StringInput,
+    _a[FieldTypes.date] = StringInput,
+    _a[FieldTypes.datetime] = StringInput,
+    _a[FieldTypes.time] = StringInput,
+    _a);

package/lib/esm/Importer/common/icons/index.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 fileExtensionIcon = (_jsxs("svg", __assign({ width: "36", height: "44", viewBox: "0 0 36 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M33 43.0001H3C1.89543 43.0001 1 42.1046 1 41.0001V3.00006C1 1.89549 1.89543 1.00006 3 1.00006H16.655C19.0148 1.00006 21.2542 2.04193 22.7743 3.84697L33.1193 16.1317C34.3339 17.5741 35 19.3991 35 21.2848V41.0001C35 42.1046 34.1046 43.0001 33 43.0001Z", fill: "#C2CEEC", stroke: "#333333", strokeWidth: "2" }, void 0), _jsx("path", { d: "M33 43.0004H3C1.89543 43.0004 1 42.105 1 41.0004V3.0004C1 1.89583 1.89543 1.0004 3 1.0004H16.8421C18.499 1.0004 19.8421 2.34354 19.8421 4.0004V14.5004C19.8421 15.8811 20.9614 17.0004 22.3421 17.0004H32C33.6569 17.0004 35 18.3435 35 20.0004V41.0004C35 42.105 34.1046 43.0004 33 43.0004Z", fill: "white", stroke: "#333333", strokeWidth: "2" }, void 0)] }), void 0));
-export var closeIconWithCircle = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", stroke: "#989898", strokeWidth: "2" }, void 0), _jsx("path", { d: "M9 9L15 15", stroke: "#989898", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M9 15L15 9", stroke: "#989898", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
-export var errorIcon = (_jsxs("svg", __assign({ width: "76", height: "64", viewBox: "0 0 76 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M38 3.95611L72.0101 62H3.98992L38 3.95611Z", stroke: "black", strokeWidth: "4" }, void 0), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.5 26.5C40.5 25.1193 39.3807 24 38 24C36.6193 24 35.5 25.1193 35.5 26.5V39.8333C35.5 41.214 36.6193 42.3333 38 42.3333C39.3807 42.3333 40.5 41.214 40.5 39.8333V26.5ZM40.5 50.5C40.5 49.1193 39.3807 48 38 48C36.6193 48 35.5 49.1193 35.5 50.5V51.8333C35.5 53.214 36.6193 54.3333 38 54.3333C39.3807 54.3333 40.5 53.214 40.5 51.8333V50.5Z", fill: "black" }, void 0)] }), void 0));
+export var fileExtensionIcon = (_jsxs("svg", __assign({ width: "36", height: "44", viewBox: "0 0 36 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M33 43.0001H3C1.89543 43.0001 1 42.1046 1 41.0001V3.00006C1 1.89549 1.89543 1.00006 3 1.00006H16.655C19.0148 1.00006 21.2542 2.04193 22.7743 3.84697L33.1193 16.1317C34.3339 17.5741 35 19.3991 35 21.2848V41.0001C35 42.1046 34.1046 43.0001 33 43.0001Z", fill: "#C2CEEC", stroke: "#333333", strokeWidth: "2" }), _jsx("path", { d: "M33 43.0004H3C1.89543 43.0004 1 42.105 1 41.0004V3.0004C1 1.89583 1.89543 1.0004 3 1.0004H16.8421C18.499 1.0004 19.8421 2.34354 19.8421 4.0004V14.5004C19.8421 15.8811 20.9614 17.0004 22.3421 17.0004H32C33.6569 17.0004 35 18.3435 35 20.0004V41.0004C35 42.105 34.1046 43.0004 33 43.0004Z", fill: "white", stroke: "#333333", strokeWidth: "2" })] })));
+export var closeIconWithCircle = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", stroke: "#989898", strokeWidth: "2" }), _jsx("path", { d: "M9 9L15 15", stroke: "#989898", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M9 15L15 9", stroke: "#989898", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+export var errorIcon = (_jsxs("svg", __assign({ width: "76", height: "64", viewBox: "0 0 76 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M38 3.95611L72.0101 62H3.98992L38 3.95611Z", stroke: "black", strokeWidth: "4" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.5 26.5C40.5 25.1193 39.3807 24 38 24C36.6193 24 35.5 25.1193 35.5 26.5V39.8333C35.5 41.214 36.6193 42.3333 38 42.3333C39.3807 42.3333 40.5 41.214 40.5 39.8333V26.5ZM40.5 50.5C40.5 49.1193 39.3807 48 38 48C36.6193 48 35.5 49.1193 35.5 50.5V51.8333C35.5 53.214 36.6193 54.3333 38 54.3333C39.3807 54.3333 40.5 53.214 40.5 51.8333V50.5Z", fill: "black" })] })));

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

@@ -8,8 +8,8 @@ declare type GetTableHeightArgs = {
     headerHeight: number;
     rowHeight: number;
     maxVisibleRows: number;
-    mininmumTableHeight?: number;
+    minimumTableHeight?: number;
     dataCount: number;
 };
-export declare const getTableHeight: ({ headerHeight, rowHeight, maxVisibleRows, mininmumTableHeight, dataCount, }: GetTableHeightArgs) => number;
+export declare const getTableHeight: ({ headerHeight, rowHeight, maxVisibleRows, minimumTableHeight, dataCount, }: GetTableHeightArgs) => number;
 export {};

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

@@ -8,6 +8,6 @@ export var baseUrls = {
 };
 var MINIMUM_TABLE_HEIGHT = 375;
 export var getTableHeight = function (_a) {
-    var _b = _a.headerHeight, headerHeight = _b === void 0 ? defaultTableHeaderHeightPx : _b, _c = _a.rowHeight, rowHeight = _c === void 0 ? defaultTableRowHeightPx : _c, _d = _a.maxVisibleRows, maxVisibleRows = _d === void 0 ? 7 : _d, _e = _a.mininmumTableHeight, mininmumTableHeight = _e === void 0 ? MINIMUM_TABLE_HEIGHT : _e, dataCount = _a.dataCount;
-    return Math.max(headerHeight + rowHeight * Math.min(dataCount, maxVisibleRows + 0.5), mininmumTableHeight);
+    var _b = _a.headerHeight, headerHeight = _b === void 0 ? defaultTableHeaderHeightPx : _b, _c = _a.rowHeight, rowHeight = _c === void 0 ? defaultTableRowHeightPx : _c, _d = _a.maxVisibleRows, maxVisibleRows = _d === void 0 ? 7 : _d, _e = _a.minimumTableHeight, minimumTableHeight = _e === void 0 ? MINIMUM_TABLE_HEIGHT : _e, dataCount = _a.dataCount;
+    return Math.max(headerHeight + rowHeight * Math.min(dataCount, maxVisibleRows + 0.5), minimumTableHeight);
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ImporterOptions, OnSubmit, OnValidateBatch, OnValidateRecord } from "../types";
+import { FormatRecord, ImporterOptions, OnSubmit, OnValidateBatch, OnValidateRecord } from "../types";
 declare type LayoutProps = {
     zIndex: number;
 };
@@ -8,12 +8,14 @@ declare type Props = {
     templateSlug: string;
     apiToken: string;
     options: ImporterOptions;
+    formatRecord: FormatRecord;
     onValidateRecord?: OnValidateRecord;
     onValidateBatch?: OnValidateBatch;
     onSubmit?: OnSubmit;
     onClose: any;
+    previewMode?: boolean;
 };
-declare const Importer: ({ templateSlug, apiToken, onSubmit, onValidateRecord, onValidateBatch, options, onClose, }: Props) => JSX.Element;
+declare const Importer: ({ templateSlug, apiToken, onSubmit, onValidateRecord, onValidateBatch, formatRecord, options, onClose, }: Props) => JSX.Element;
 export * from "./common/Spreadsheet";
 export * from "./common/utils";
 export * from "./SpreadsheetReviewContextProvider";