fuse-importer 0.25.4 → 0.25.6

package/lib/esm/common/buttons.js

@@ -28,7 +28,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { get } from "lodash";
 import styled, { css } from "styled-components";
 import { Div, HTMLButton } from "../styled/utils";
-var types = ["primary", "secondary", "tertiary"];
+var types = ["primary", "secondary", "tertiary", "link"];
 var getBgColor = function (props) {
     return get(props, "backgroundColor", get(props.theme, "colors.pink500"));
 };
@@ -63,17 +63,20 @@ var styles = {
     tertiary: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "], ["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.text; }, function (props) { return props.theme.colors.white50; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) {
         return props.isDisabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (props) { return props.theme.colors.gray300; });
     }),
+    link: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    text-decoration: underline;\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "], ["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    text-decoration: underline;\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.text; }, function (props) { return props.theme.colors.white50; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) {
+        return props.isDisabled && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (props) { return props.theme.colors.gray300; });
+    }),
 };
-var commonButtonStyle = css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: 12px 24px;\n  height: 48px;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"], ["\n  padding: 12px 24px;\n  height: 48px;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"])), function (props) {
-    return props.isSmall && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      height: 36px;\n      padding: 6px 20px;\n    "], ["\n      height: 36px;\n      padding: 6px 20px;\n    "])));
+var commonButtonStyle = css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  padding: 12px 24px;\n  height: 48px;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"], ["\n  padding: 12px 24px;\n  height: 48px;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"])), function (props) {
+    return props.isSmall && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      height: 36px;\n      padding: 6px 20px;\n    "], ["\n      height: 36px;\n      padding: 6px 20px;\n    "])));
 }, function (props) {
-    return props.isDisabled && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
+    return props.isDisabled && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
 }, function (props) {
     var c = props.theme.css;
     return [c.centered, c.buttonText];
 }, function (props) { return styles[props.variant || "primary"]; });
-export var ButtonWrapper = styled(Div)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
-export var ButtonElementWrapper = styled(HTMLButton)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
+export var ButtonWrapper = styled(Div)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
+export var ButtonElementWrapper = styled(HTMLButton)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
 export var Button = function (_a) {
     var _b = _a.onClick, onClick = _b === void 0 ? null : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d, _e = _a.isSmall, isSmall = _e === void 0 ? false : _e, children = _a.children, _f = _a.isButtonElement, isButtonElement = _f === void 0 ? false : _f, props = __rest(_a, ["onClick", "isDisabled", "variant", "isSmall", "children", "isButtonElement"]);
     return (_jsx(_Fragment, { children: isButtonElement ? (_jsx(ButtonElementWrapper, __assign({ isSmall: isSmall, isDisabled: isDisabled, disabled: isDisabled, variant: variant, type: "submit" }, props, { children: children }))) : (_jsx(ButtonWrapper, __assign({ role: "button", w: "fit-content", p: 12, isSmall: isSmall, onClick: isDisabled ? null : onClick, onKeyDown: function (_a) {
@@ -84,4 +87,4 @@ export var Button = function (_a) {
                 }
             }, tabIndex: 0 }, __assign({ variant: variant, isDisabled: isDisabled, onClick: onClick, disabled: isDisabled }, props), { children: _jsx(_Fragment, { children: children }) }))) }));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;

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

@@ -22,3 +22,4 @@ export * from "./logo";
 export * from "./Modal";
 export * from "./Spinner";
 export * from "./TooltipProvider";
+export * from "./ConfirmationModal";

package/lib/esm/common/index.js

@@ -39,4 +39,5 @@ export * from "./logo";
 export * from "./Modal";
 export * from "./Spinner";
 export * from "./TooltipProvider";
+export * from "./ConfirmationModal";
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -4,6 +4,8 @@ type Props = {
     isIndeterminate?: boolean;
     icon?: any;
     onChange?: (isChecked: boolean) => void;
+    onShiftKeyPressed?: () => void;
+    isDisabled?: boolean;
 } & DivCSSProps;
-declare const Checkbox: ({ isChecked, isIndeterminate, icon, onChange, ...props }: Props) => JSX.Element;
+declare const Checkbox: ({ isChecked, isIndeterminate, icon, onChange, onShiftKeyPressed, isDisabled, ...props }: Props) => JSX.Element;
 export { Checkbox };

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

@@ -27,24 +27,27 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { Div } from "../../styled/utils";
-var Container = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 20px;\n  width: 20px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  border-radius: 4px;\n  ", ";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n"], ["\n  height: 20px;\n  width: 20px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  border-radius: 4px;\n  ", ";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n"])), function (props) { return props.theme.colors.gray400; }, function (props) { return props.theme.colors.white; }, function (props) {
+var Container = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 20px;\n  width: 20px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  border-radius: 4px;\n  ", ";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n\n  ", "\n"], ["\n  height: 20px;\n  width: 20px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  border-radius: 4px;\n  ", ";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n\n  ", "\n"])), function (props) { return props.theme.colors.gray400; }, function (props) { return props.theme.colors.white; }, function (props) {
     return (props.isChecked || props.isIndeterminate) && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border: 1px solid white;\n      background-color: ", ";\n    "], ["\n      border: 1px solid white;\n      background-color: ", ";\n    "])), props.theme.colors.pink500);
+}, function (_a) {
+    var isDisabled = _a.isDisabled;
+    return isDisabled && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      opacity: 0.6;\n\n      :hover {\n        cursor: not-allowed;\n      }\n    "], ["\n      opacity: 0.6;\n\n      :hover {\n        cursor: not-allowed;\n      }\n    "])));
 });
 var Checkbox = function (_a) {
-    var isChecked = _a.isChecked, isIndeterminate = _a.isIndeterminate, _b = _a.icon, icon = _b === void 0 ? null : _b, onChange = _a.onChange, props = __rest(_a, ["isChecked", "isIndeterminate", "icon", "onChange"]);
-    var handleOnChange = function () {
-        if (onChange) {
-            if (isChecked) {
-                onChange(false);
-            }
-            else {
-                onChange(!isIndeterminate);
-            }
+    var isChecked = _a.isChecked, isIndeterminate = _a.isIndeterminate, _b = _a.icon, icon = _b === void 0 ? null : _b, onChange = _a.onChange, onShiftKeyPressed = _a.onShiftKeyPressed, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, props = __rest(_a, ["isChecked", "isIndeterminate", "icon", "onChange", "onShiftKeyPressed", "isDisabled"]);
+    var handleOnChange = function (event) {
+        if (!onChange)
+            return;
+        if (event.shiftKey && onShiftKeyPressed) {
+            onShiftKeyPressed();
+            return;
         }
+        var newValue = !isChecked || isIndeterminate;
+        onChange(newValue);
     };
-    return (_jsx(Container, __assign({}, __assign({ isChecked: isChecked, isIndeterminate: isIndeterminate, onClick: handleOnChange }, props), { children: isIndeterminate ? (_jsx(IndeterminateIcon, {})) : (_jsx(Div, __assign({ centered: true }, { children: isChecked && (icon || checkIcon) }))) })));
+    return (_jsx(Container, __assign({}, __assign({ isChecked: isChecked, isDisabled: isDisabled, isIndeterminate: isIndeterminate, onClick: handleOnChange }, props), { children: isIndeterminate ? (_jsx(IndeterminateIcon, {})) : (_jsx(Div, __assign({ centered: true }, { children: isChecked && (icon || checkIcon) }))) })));
 };
 var checkIcon = (_jsx("svg", __assign({ width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.10254 4.74355L5.2051 8.84612L12.8974 1.15381", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
 var IndeterminateIcon = function () { return (_jsx("svg", __assign({ width: "14", height: "2", viewBox: "0 0 14 2", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1 1H13", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) }))); };
 export { Checkbox };
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

package/lib/esm/locales/de.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
             title: string;
             description: string;
             button: string;
+            enter_data_manually: string;
         };
     };
     match: {
@@ -50,6 +51,7 @@ declare const _default: {
     };
     review: {
         title: string;
+        manual_importer_title: string;
         export: string;
         description: string;
     };

package/lib/esm/locales/de.js

@@ -33,6 +33,7 @@ export default {
             title: "Ziehen & lassen Sie Ihre Datei hier",
             description: "oder",
             button: "Dateien durchsuchen",
+            enter_data_manually: "Daten manuell eingeben",
         },
     },
     match: {
@@ -50,7 +51,8 @@ export default {
         },
     },
     review: {
-        title: "Überprüfen Sie Ihre Tabelle, bevor Sie sie einreichen",
+        title: "Überprüfen und Senden",
+        manual_importer_title: "Daten Eingeben und Senden",
         export: "Exportieren",
         description: "Einige Zellen im Dokument können Fehler im Format oder fehlende Informationen aufweisen. Bitte überprüfen Sie diese, um fortzufahren.",
     },

package/lib/esm/locales/en.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
             title: string;
             description: string;
             button: string;
+            enter_data_manually: string;
         };
     };
     match: {
@@ -50,6 +51,7 @@ declare const _default: {
     };
     review: {
         title: string;
+        manual_importer_title: string;
         export: string;
         description: string;
     };

package/lib/esm/locales/en.js

@@ -33,6 +33,7 @@ export default {
             title: "Drag & drop your file here",
             description: "or",
             button: "Browse Files",
+            enter_data_manually: "Enter data manually",
         },
     },
     match: {
@@ -50,7 +51,8 @@ export default {
         },
     },
     review: {
-        title: "Review Your Spreadsheet before Submitting",
+        title: "Review & Submit",
+        manual_importer_title: "Enter Data & Submit",
         export: "Export",
         description: "Some cells in the document might have errors in format or missing information. Please review these to continue.",
     },

package/lib/esm/locales/es.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
             title: string;
             description: string;
             button: string;
+            enter_data_manually: string;
         };
     };
     match: {
@@ -50,6 +51,7 @@ declare const _default: {
     };
     review: {
         title: string;
+        manual_importer_title: string;
         export: string;
         description: string;
     };

package/lib/esm/locales/es.js

@@ -33,6 +33,7 @@ export default {
             title: "Arrastra y suelta tu archivo aquí",
             description: "o",
             button: "Examinar archivos",
+            enter_data_manually: "Ingresar datos manualmente",
         },
     },
     match: {
@@ -50,7 +51,8 @@ export default {
         },
     },
     review: {
-        title: "Revise su hoja de cálculo antes de enviar",
+        title: "Revisar y Enviar",
+        manual_importer_title: "Ingresar Datos y Enviar",
         export: "Exportar",
         description: "Algunas celdas en el documento pueden tener errores en el formato o información faltante. Por favor revise esto para continuar.",
     },

package/lib/esm/locales/fr.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
             title: string;
             description: string;
             button: string;
+            enter_data_manually: string;
         };
     };
     match: {
@@ -50,6 +51,7 @@ declare const _default: {
     };
     review: {
         title: string;
+        manual_importer_title: string;
         export: string;
         description: string;
     };

package/lib/esm/locales/fr.js

@@ -33,6 +33,7 @@ export default {
             title: "Glissez et déposez votre fichier ici",
             description: "ou",
             button: "Parcourir les fichiers",
+            enter_data_manually: "Entrer les données manuellement",
         },
     },
     match: {
@@ -50,7 +51,8 @@ export default {
         },
     },
     review: {
-        title: "Examinez votre tableur avant de soumettre",
+        title: "Revoir et Envoyer",
+        manual_importer_title: "Saisir Des Données et Envoyer",
         export: "Exporter",
         description: "Certaines cellules du document peuvent avoir des erreurs de format ou des informations manquantes. Veuillez les examiner pour continuer.",
     },