fuse-importer 0.23.4 → 0.23.7

package/lib/esm/common/inputs/Autocomplete.js

@@ -25,7 +25,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useState, useMemo } from "react";
 import styled, { css } from "styled-components";
 import { MenuItem } from "..";
 import { Div } from "../../styled/utils";
@@ -72,9 +72,13 @@ var Autocomplete = function (_a) {
         onChange(v);
         setIsMenuOpen(false);
     };
-    var filteredOptions = updatedText
-        ? options.filter(function (o) { return o.label.toLowerCase().includes(text.toLowerCase()); })
-        : options;
+    var filteredOptions = useMemo(function () {
+        return updatedText
+            ? options.filter(function (o) {
+                return o.label.toLowerCase().includes(text.toLowerCase());
+            })
+            : options;
+    }, [updatedText, options]);
     var inputIconUI = text ? (_jsx(ClearIcon, __assign({ clickable: true, dim: 24, centered: true, onClick: function (evt) {
             evt.preventDefault();
             evt.stopPropagation();

package/lib/esm/common/inputs/TextInput.d.ts

@@ -15,6 +15,7 @@ declare type Props = {
     onFocus?: any;
     withDebounce?: boolean;
     autoFocus?: boolean;
+    id?: string;
 } & DivCSSProps;
-declare const TextInput: ({ label, icon, placeholder, value, type, onChange, onBlur, isDisabled, hasError, onFocus, withDebounce, autoFocus, ...props }: Props) => JSX.Element;
+declare const TextInput: ({ label, icon, placeholder, value, type, onChange, onBlur, isDisabled, hasError, onFocus, withDebounce, autoFocus, id, ...props }: Props) => JSX.Element;
 export { TextInput };

package/lib/esm/common/inputs/TextInput.js

@@ -37,18 +37,19 @@ export var HTMLInput = styled.input(templateObject_3 || (templateObject_3 = __ma
 });
 export var TextInputIcon = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  right: 11px;\n  top: 0;\n  height: 100%;\n"], ["\n  position: absolute;\n  right: 11px;\n  top: 0;\n  height: 100%;\n"])));
 var TextInput = function (_a) {
-    var label = _a.label, _b = _a.icon, icon = _b === void 0 ? null : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, value = _a.value, _d = _a.type, type = _d === void 0 ? "text" : _d, onChange = _a.onChange, _e = _a.onBlur, onBlur = _e === void 0 ? null : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.hasError, hasError = _g === void 0 ? false : _g, _h = _a.onFocus, onFocus = _h === void 0 ? null : _h, _j = _a.withDebounce, withDebounce = _j === void 0 ? true : _j, _k = _a.autoFocus, autoFocus = _k === void 0 ? false : _k, props = __rest(_a, ["label", "icon", "placeholder", "value", "type", "onChange", "onBlur", "isDisabled", "hasError", "onFocus", "withDebounce", "autoFocus"]);
+    var label = _a.label, _b = _a.icon, icon = _b === void 0 ? null : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, value = _a.value, _d = _a.type, type = _d === void 0 ? "text" : _d, onChange = _a.onChange, _e = _a.onBlur, onBlur = _e === void 0 ? null : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.hasError, hasError = _g === void 0 ? false : _g, _h = _a.onFocus, onFocus = _h === void 0 ? null : _h, _j = _a.withDebounce, withDebounce = _j === void 0 ? true : _j, _k = _a.autoFocus, autoFocus = _k === void 0 ? false : _k, id = _a.id, props = __rest(_a, ["label", "icon", "placeholder", "value", "type", "onChange", "onBlur", "isDisabled", "hasError", "onFocus", "withDebounce", "autoFocus", "id"]);
     var _l = useDebounce(value, onChange, withDebounce ? 0 : 300), _value = _l._value, set_Value = _l.set_Value;
     var res = usePasswordVisibleIcon(type);
     var passwordVisibleIcon = res.passwordVisibleIcon, isPasswordVisible = res.isPasswordVisible;
     var _icon = passwordVisibleIcon || icon;
-    return (_jsxs(Div, __assign({ w100: true }, props, { children: [label && (_jsx(FormInputLabel, __assign({ isDisabled: isDisabled, mb: 8 }, { children: label }))), _jsxs(Div, __assign({ pRelative: true }, { children: [_jsx(HTMLInput, __assign({}, {
+    return (_jsxs(Div, __assign({ w100: true }, props, { children: [label && (_jsx(FormInputLabel, __assign({ isDisabled: isDisabled, mb: 8, htmlFor: id }, { children: label }))), _jsxs(Div, __assign({ pRelative: true }, { children: [_jsx(HTMLInput, __assign({}, {
                         placeholder: placeholder,
                         isDisabled: isDisabled,
                         onFocus: onFocus,
                         hasError: hasError,
                         autoFocus: autoFocus,
                         disabled: isDisabled,
+                        id: id,
                     }, { type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
                             var value = _a.target.value;
                             return set_Value(value);

package/lib/esm/styled/utils.d.ts

@@ -10,10 +10,13 @@ export declare type CSSAnyProps = CSSProps | {
 export declare const Div: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CSSProps, never>;
 export declare const HTMLButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, CSSProps, never>;
 export declare const Span: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CSSProps, never>;
+export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, CSSProps, never>;
 export declare const P: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, CSSProps, never>;
+export declare const BaseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, CSSProps, never>;
 export declare type DivProps = React.HTMLAttributes<HTMLDivElement>;
 export declare type HTMLButtonProps = React.HTMLAttributes<HTMLButtonElement>;
 export declare type HTMLInputProps = React.InputHTMLAttributes<HTMLInputElement>;
+export declare type HTMLLabelProps = React.InputHTMLAttributes<HTMLLabelElement>;
 export declare type DivCSSProps = DivProps & CSSProps;
 export declare type HTMLButtonCSSProps = HTMLButtonProps & CSSProps;
 export declare type HTMLInputCSSProps = HTMLInputProps & CSSProps;

package/lib/esm/styled/utils.js

@@ -11,5 +11,7 @@ export var themeProps = css(templateObject_1 || (templateObject_1 = __makeTempla
 export var Div = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
 export var HTMLButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
 export var Span = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
-export var P = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+export var Label = styled.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
+export var P = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
+export var BaseButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  outline: none;\n  margin: none;\n  padding: none;\n  background: transparent;\n  border: none;\n"], ["\n  ", ";\n  outline: none;\n  margin: none;\n  padding: none;\n  background: transparent;\n  border: none;\n"])), themeProps);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/lib/esm/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const EnvironmentTypes: readonly ["local", "development", "production", "test"];
 export declare type EnvironmentType = typeof EnvironmentTypes[number];
 export declare type SpreadsheetOptions = {
@@ -8,6 +9,8 @@ export declare type ImporterOptions = {
     zIndex?: number;
     env?: EnvironmentType;
     previewMode?: boolean;
+    loadingComponent?: () => JSX.Element;
+    disableSubmitIfInvalid?: boolean;
 } & SpreadsheetOptions;
 export declare enum FieldTypes {
     boolean = "boolean",
@@ -32,15 +35,16 @@ export declare type Field = {
 export declare type SpreadsheetValidationErrors = {
     [rowId: string]: ValidationErrors;
 };
+export declare type Meta = {
+    appValidationErrors?: ValidationErrors;
+    localValidationErrors?: ValidationErrors;
+    wasSeen?: boolean;
+    id: string;
+    rowIndex: number;
+};
 export declare type Record = {
     [key: string]: any;
-    _meta?: {
-        appValidationErrors?: ValidationErrors;
-        localValidationErrors?: ValidationErrors;
-        wasSeen?: boolean;
-        id: string;
-        rowIndex: number;
-    };
+    _meta?: Meta;
 };
 export declare type ValidationErrors = {
     [k: string]: string;

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

@@ -1 +1,2 @@
 export declare const isString: (variable: any) => boolean;
+export declare const sleep: (n: number) => Promise<unknown>;

package/lib/esm/utils/index.js

@@ -1,3 +1,6 @@
 export var isString = function (variable) {
     return typeof variable === "string" || variable instanceof String;
 };
+export var sleep = function (n) {
+    return new Promise(function (resolve) { return setTimeout(resolve, n); });
+};