fuse-importer 0.30.1 → 0.31.2

package/lib/main.js.LICENSE.txt

@@ -66,3 +66,5 @@ License: MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
+//! goToAndStop must be relative to the start of the current segment

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fuse-importer",
   "private": false,
-  "version": "0.30.1",
+  "version": "0.31.2",
   "description": "Flatirons Fuse is a customizable and powerful CSV Importer that works with all front-end languages",
   "browserslist": {
     "production": [
@@ -37,11 +37,17 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@popperjs/core": "^2.11.0",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toggle-group": "^1.0.4",
     "@types/styled-components": "^5.1.15",
+    "actioncable": "^5.2.8-1",
     "axios": "^0.21.4",
+    "bottleneck": "^2.19.5",
     "color": "^4.2.3",
     "eventemitter3": "^5.0.1",
     "i18next": "^22.4.13",
+    "lottie-colorify": "^0.8.0",
+    "lottie-react": "^2.4.0",
     "luxon": "^2.2.0",
     "openai": "^3.2.1",
     "papaparse": "^5.4.1",
@@ -61,6 +67,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
     "@testing-library/react-hooks": "^8.0.1",
+    "@types/actioncable": "^5.2.11",
     "@types/jest": "^28.1.7",
     "@types/node": "^12.x",
     "@types/react": "^17.x",
@@ -73,6 +80,7 @@
     "dotenv": "^16.0.3",
     "html-webpack-plugin": "^5.5.0",
     "jest": "^28.1.3",
+    "jest-canvas-mock": "^2.5.2",
     "jest-environment-jsdom": "^29.7.0",
     "react": "^17.x",
     "react-dom": "^17.x",

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

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

package/lib/esm/Importer/PreviewModeBanner.js

@@ -1,19 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Span, theme } from "../styled";
-import { infoIcon } from "./common/icons";
-import { useTranslation } from "react-i18next";
-export var PreviewModeBanner = function () {
-    var t = useTranslation("general").t;
-    return (_jsxs(Div, __assign({ bg: theme.colors.blue100, h: 80, alignCenter: true }, { children: [_jsx(Div, __assign({ ml: 33, mr: 8 }, { children: infoIcon })), _jsx(Span, __assign({ mr: 16 }, { children: t("preview_mode_banner.title") }))] })));
-};

package/lib/esm/Importer/Stepper/StepperSubmitModal.d.ts

@@ -1,8 +0,0 @@
-import { RecordDataSet } from "../../types";
-type StepperSubmitModalProps = {
-    isSubmitModalOpen: boolean;
-    onCloseModal: () => void;
-    onSubmit: (dataSet: RecordDataSet) => void;
-};
-export declare const StepperSubmitModal: ({ isSubmitModalOpen, onCloseModal, onSubmit, }: StepperSubmitModalProps) => JSX.Element;
-export {};

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

@@ -1,26 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div } from "../../styled";
-import { Button, Modal } from "../../common";
-import { submitIcon } from "./common/icons";
-import { useTranslation } from "react-i18next";
-import { useDataSetContext } from "../../Importer/common/Spreadsheet/DataSetContextProvider";
-export var StepperSubmitModal = function (_a) {
-    var isSubmitModalOpen = _a.isSubmitModalOpen, onCloseModal = _a.onCloseModal, onSubmit = _a.onSubmit;
-    var t = useTranslation("general").t;
-    var dataSet = useDataSetContext().dataSet;
-    return (_jsx(Modal, __assign({ isOpen: isSubmitModalOpen, onClose: function () { return onCloseModal(); } }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 60 }, { children: [_jsx(Div, { children: submitIcon }), _jsx(Div, __assign({ h5: true, mt: 20, "data-cy": "submit-modal-title" }, { children: t("submit_modal.title") })), _jsx(Div, __assign({ body1: true, mt: 12, w: 448, textAlignCenter: true, "data-cy": "submit-modal-description" }, { children: t("submit_modal.description") })), _jsxs(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: [_jsx(Button, __assign({ w: 115, variant: "secondary", mr: 10, onClick: function () { return onCloseModal(); }, "data-test-id": "submit-modal-go-back" }, { children: t("submit_modal.cancel") })), _jsx(Button, __assign({ "data-cy": "yes-submit", w: 140, ml: 10, onClick: function () {
-                                onSubmit(dataSet === null || dataSet === void 0 ? void 0 : dataSet.current);
-                                onCloseModal();
-                            } }, { children: t("submit_modal.submit") }))] }))] })) })));
-};

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

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

package/lib/esm/Importer/TrialModeBanner.js

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

package/lib/esm/Importer/Uploader/UploaderContextProvider.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-type State = {
-    isUploading: boolean;
-    setIsUploading: React.Dispatch<boolean>;
-    fileName: string;
-    setFileName: React.Dispatch<string>;
-};
-type UploaderContextProviderProps = {
-    children: JSX.Element;
-};
-export declare const UploaderContextProvider: ({ children, }: UploaderContextProviderProps) => JSX.Element;
-export declare const useUploaderContext: () => State;
-export {};

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

@@ -1,27 +0,0 @@
-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 { createContext, useContext, useState } from "react";
-var UploaderContext = createContext({});
-export var UploaderContextProvider = function (_a) {
-    var children = _a.children;
-    var _b = useState(false), isUploading = _b[0], setIsUploading = _b[1];
-    var _c = useState(null), fileName = _c[0], setFileName = _c[1];
-    var value = {
-        isUploading: isUploading,
-        setIsUploading: setIsUploading,
-        fileName: fileName,
-        setFileName: setFileName,
-    };
-    return (_jsx(UploaderContext.Provider, __assign({ value: value }, { children: children })));
-};
-export var useUploaderContext = function () { return useContext(UploaderContext); };

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

@@ -1,42 +0,0 @@
-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 } from ".";
-import { Autocomplete as AutocompleteBase, } from "../../../../../common/inputs/Autocomplete";
-import { SelectMenuDiv, SelectMenuScrollArea, } from "../../../../../common/inputs/SelectMenu";
-import { HTMLInput, TextInputIcon, } from "../../../../../common/inputs/TextInput";
-import { useReviewContext } from "../../../../Review/ReviewContextProvider";
-import { spreadsheetRowHeightPx } from "../../common";
-var Autocomplete = styled(AutocompleteBase)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", " {\n    border: none;\n    border-radius: 0;\n    margin: 0;\n    background: transparent;\n    height: ", "px;\n    padding: 0 12px;\n\n    ", "\n\n    ::placeholder {\n      ", "\n\n      ", "\n\n        ::placeholder {\n        ", "\n      }\n    }\n\n    :focus {\n      border: none;\n      box-shadow: none;\n    }\n\n    :hover {\n      background: transparent;\n    }\n  }\n  ", " {\n    right: 6px;\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    background: transparent;\n    height: ", "px;\n    padding: 0 12px;\n\n    ", "\n\n    ::placeholder {\n      ", "\n\n      ", "\n\n        ::placeholder {\n        ", "\n      }\n    }\n\n    :focus {\n      border: none;\n      box-shadow: none;\n    }\n\n    :hover {\n      background: transparent;\n    }\n  }\n  ", " {\n    right: 6px;\n  }\n  ", " {\n    border-radius: 7px;\n  }\n  ", " {\n    padding: 4px;\n  }\n"])), HTMLInput, spreadsheetRowHeightPx - 5, function (p) {
-    return p.hasWarning && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (p) { return p.theme.colors.orange1200; });
-}, function (p) {
-    return p.hasWarning && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), function (p) { return p.theme.colors.orange1200; });
-}, function (p) {
-    return p.hasError && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), function (p) { return p.theme.colors.error; });
-}, function (p) {
-    return p.hasError && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            color: ", ";\n          "], ["\n            color: ", ";\n          "])), function (p) { return p.theme.colors.error; });
-}, TextInputIcon, SelectMenuDiv, SelectMenuScrollArea);
-export var SpreadsheetAutocomplete = function (props) {
-    var _a, _b, _c;
-    var name = props.name, record = props.record, options = props.options, fieldType = props.fieldType, _d = props.isInputDisabled, isInputDisabled = _d === void 0 ? false : _d, id = props.id;
-    var _e = useSpreadsheetField(name, record, fieldType), value = _e.value, setValue = _e.setValue, validationError = _e.validationError, validationWarning = _e.validationWarning;
-    var hasTransformedRecords = useReviewContext().hasTransformedRecords;
-    var isHighlighted = hasTransformedRecords && ((_c = (_b = (_a = record._meta) === null || _a === void 0 ? void 0 : _a.transformedRow) === null || _b === void 0 ? void 0 : _b[name]) === null || _c === void 0 ? void 0 : _c.transformed);
-    return (_jsx(SpreadsheetField, __assign({ validationError: validationError, validationWarning: validationWarning, isHighlighted: isHighlighted }, { children: _jsx(Autocomplete, { placement: "bottom", isInputDisabled: isInputDisabled, hasError: !!validationError, hasWarning: !!validationWarning, options: options, value: value, icon: chevronDownIcon, onChange: function (v) { return !hasTransformedRecords && setValue(v); }, disabledWhen: hasTransformedRecords, id: id }) })));
-};
-var chevronDownIcon = (_jsx("svg", __assign({ width: "10", height: "6", viewBox: "0 0 10 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M8.46289 1L4.98131 4.48159L1.49972 1", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -1,14 +0,0 @@
-import { HTMLInputCSSProps } from "../../../../../styled/utils";
-import { FieldTypes, Record } from "../../../../../types";
-export type SpreadsheetTextInputArgs = {
-    name: string;
-    record: Record;
-    fieldType: FieldTypes;
-    columnWidth?: string;
-} & HTMLInputCSSProps;
-export declare const SpreadsheetInput: ({ name, record, fieldType, columnWidth, ...props }: SpreadsheetTextInputArgs) => JSX.Element;
-export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
-    hasError: boolean;
-    hasWarning?: boolean;
-    fitContent?: boolean;
-} & import("../../../../../styled/utils").HTMLInputProps & import("../../../../../styled/utils").CSSProps, never>;

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

@@ -1,77 +0,0 @@
-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 { useMemo } from "react";
-import styled, { css } from "styled-components";
-import { SpreadsheetField, useSpreadsheetField } from ".";
-import { Div } from "../../../../../styled/utils";
-import { useReviewContext } from "../../../../Review/ReviewContextProvider";
-import { AVERAGE_CHAR_SIZE, getFieldContentWidth } from "./utils";
-var parseValue = function (value) {
-    var isFalsyButNotZero = !value && value !== 0;
-    return isFalsyButNotZero ? "" : value;
-};
-export var SpreadsheetInput = function (_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var name = _a.name, record = _a.record, fieldType = _a.fieldType, columnWidth = _a.columnWidth, props = __rest(_a, ["name", "record", "fieldType", "columnWidth"]);
-    var _h = useSpreadsheetField(name, record, fieldType), value = _h.value, setValue = _h.setValue, validationError = _h.validationError, validationWarning = _h.validationWarning;
-    var hasTransformedRecords = useReviewContext().hasTransformedRecords;
-    var defaultWidthAsNumber = Number.parseInt(columnWidth.replace("px", ""));
-    var _fieldContentWidth = getFieldContentWidth({
-        record: record,
-        fieldType: fieldType,
-        isTooltipOpened: hasTransformedRecords,
-        name: name,
-    });
-    var isHighlighted = hasTransformedRecords && ((_d = (_c = (_b = record._meta) === null || _b === void 0 ? void 0 : _b.transformedRow) === null || _c === void 0 ? void 0 : _c[name]) === null || _d === void 0 ? void 0 : _d.transformed);
-    var expandedFieldWidth = useMemo(function () {
-        // if the value is falsy, returns the default width
-        if (!value)
-            return columnWidth;
-        var inputPadding = 24; // 12 left + 12 right
-        var transformedValueSize = value.length * AVERAGE_CHAR_SIZE;
-        var totalInputSize = transformedValueSize + _fieldContentWidth + inputPadding;
-        return totalInputSize > defaultWidthAsNumber
-            ? "".concat(totalInputSize, "px")
-            : "".concat(defaultWidthAsNumber, "px");
-    }, [value, record, columnWidth]);
-    return (_jsxs(SpreadsheetField, __assign({ validationError: validationError, validationWarning: validationWarning, isHighlighted: isHighlighted, defaultFieldWidth: defaultWidthAsNumber, expandedFieldWidth: expandedFieldWidth, shouldExpandInput: true }, { children: [_jsx(Input, __assign({ autoComplete: "off", hasError: !!validationError, hasWarning: !!validationWarning, value: parseValue(value), onChange: function (_a) {
-                    var value = _a.target.value;
-                    return !hasTransformedRecords && setValue(value);
-                }, disabledWhen: hasTransformedRecords }, props)), ((_g = (_f = (_e = record === null || record === void 0 ? void 0 : record._meta) === null || _e === void 0 ? void 0 : _e.transformedRow) === null || _f === void 0 ? void 0 : _f[name]) === null || _g === void 0 ? void 0 : _g.original) &&
-                hasTransformedRecords && (_jsx(SuffixText, __assign({ className: "suffix", fieldWidth: _fieldContentWidth }, { children: record._meta.transformedRow[name].original })))] })));
-};
-var SuffixText = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: #1c1c1c;\n  font-family: DM Sans;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  position: absolute;\n  left: ", "px;\n  text-decoration: line-through;\n  white-space: nowrap;\n"], ["\n  color: #1c1c1c;\n  font-family: DM Sans;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  position: absolute;\n  left: ", "px;\n  text-decoration: line-through;\n  white-space: nowrap;\n"])), function (_a) {
-    var fieldWidth = _a.fieldWidth;
-    return fieldWidth;
-});
-export var Input = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: transparent;\n  border: none;\n  box-shadow: none;\n  box-sizing: border-box;\n  height: calc(100% - 2px);\n  margin: 0px;\n  outline: none;\n  width: 100%;\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: 0 12px;\n  ", ";\n  color: ", ";\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", "\n\n  ", "\n"], ["\n  background: transparent;\n  border: none;\n  box-shadow: none;\n  box-sizing: border-box;\n  height: calc(100% - 2px);\n  margin: 0px;\n  outline: none;\n  width: 100%;\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: 0 12px;\n  ", ";\n  color: ", ";\n  ::placeholder {\n    color: ", ";\n  }\n\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.hasWarning && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (p) { return p.theme.colors.orange1200; });
-}, function (p) {
-    return p.hasError && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (p) { return p.theme.colors.error; });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

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

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

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

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

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

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

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