fuse-importer 0.0.8-testing → 0.1.1-testing

package/lib/esm/common/datePatterns.js

@@ -0,0 +1,327 @@
+export var datePatterns = [
+    {
+        value: "MM/dd/yyyy",
+        label: "MM/dd/yyyy (e.g. 08/31/2023)",
+    },
+    {
+        value: "MMM dd yyyy",
+        label: "MMM dd yyyy (e.g. Jan 15 1990)",
+    },
+    {
+        value: "yyyy-MM-dd",
+        label: "yyyy-MM-dd (e.g. 2023-08-31",
+    },
+    {
+        value: "dd/MM/yyyy",
+        label: "dd/MM/yyyy (e.g. 31/08/2023",
+    },
+    {
+        value: "MM-dd-yyyy",
+        label: "MM-dd-yyyy (e.g. 08-31-2023)",
+    },
+    {
+        value: "yyyy/MM/dd",
+        label: "yyyy/MM/dd (e.g. 2023/08/31)",
+    },
+    {
+        value: "dd-MMMM-yyyy",
+        label: "dd-MMMM-yyyy (e.g. 31-August-2023)",
+    },
+    {
+        value: "MMMM dd, yyyy",
+        label: "MMMM dd, yyyy (e.g. August 31, 2023)",
+    },
+    {
+        value: "dd/MM/yy",
+        label: "dd/MM/yy (e.g. 31/08/23)",
+    },
+    {
+        value: "MMMM dd, yy",
+        label: "MMMM dd, yy (e.g. August 31, 23)",
+    },
+    {
+        value: "yy/MM/dd",
+        label: "yy/MM/dd (e.g. 23/08/31)",
+    },
+    {
+        value: "EEEE MMMM yyyy",
+        label: "Day MMMM Year (e.g. Tuesday August 2023)",
+    },
+    {
+        value: "EEEE dd MMMM yyyy",
+        label: "Day Day-of-Month Month Year (e.g. Tuesday 08 August 2023)",
+    },
+    {
+        value: "MM-dd-yy",
+        label: "MM-dd-yy (e.g. 01-15-90)",
+    },
+    {
+        value: "M-dd-yy",
+        label: "M-dd-yy (e.g. 1-15-90)",
+    },
+    {
+        value: "dd-MM-yy",
+        label: "dd-MM-yy  (e.g. 15-01-90)",
+    },
+    {
+        value: "dd-MM-yyyy",
+        label: "dd-MM-yyyy (e.g. 15-01-1990)",
+    },
+    {
+        value: "dd-M-yy",
+        label: "dd-M-yy (e.g. 15-1-90)",
+    },
+    {
+        value: "MM/dd/yy",
+        label: "MM/dd/yy (e.g. 01/15/90)",
+    },
+    {
+        value: "M/dd/yy",
+        label: "M/dd/yy (e.g. 1/15/90)",
+    },
+    {
+        value: "MM.dd.yy",
+        label: "MM.dd.yy (e.g. 01.15.90)",
+    },
+    {
+        value: "M.dd.yy",
+        label: "M.dd.yy (e.g. 1.15.90)",
+    },
+    {
+        value: "MMM-dd-yy",
+        label: "MMM-dd-yy (e.g. Jan-15-90)",
+    },
+    {
+        value: "MMMM-dd-yy",
+        label: "MMMM-dd-yy (e.g. January-15-90)",
+    },
+    {
+        value: "dd-MMM-yy",
+        label: "dd-MMM-yy (e.g. 15-Jan-90)",
+    },
+    {
+        value: "yyyy-M-dd",
+        label: "yyyy-M-dd (e.g. 1990-1-15)",
+    },
+    {
+        value: "M-dd-yyyy",
+        label: "M-dd-yyyy (e.g. 1-15-1990)",
+    },
+    {
+        value: "M/dd/yyyy",
+        label: "M/dd/yyyy (e.g. 1/15/1990)",
+    },
+    {
+        value: "dd/M/yyyy",
+        label: "dd/M/yyyy (e.g. 15/1/1990)",
+    },
+    {
+        value: "yyyy/M/dd",
+        label: "yyyy/M/dd (e.g. 1990/1/15)",
+    },
+    {
+        value: "dd.MM.yyyy",
+        label: "dd.MM.yyyy (e.g. 15.01.1990)",
+    },
+    {
+        value: "dd.M.yyyy",
+        label: "dd.M.yyyy (e.g. 15.1.1990)",
+    },
+    {
+        value: "yyyy.MM.dd",
+        label: "yyyy.MM.dd (e.g. 1990.01.15)",
+    },
+    {
+        value: "yyyy.M.dd",
+        label: "yyyy.M.dd (e.g. 1990.1.15)",
+    },
+    {
+        value: "MMM. dd, yyyy",
+        label: "MMM. dd, yyyy (e.g. Jan. 15, 1990)",
+    },
+    {
+        value: "dd MMM. yyyy",
+        label: "dd MMM. yyyy (e.g. 15 Jan. 1990)",
+    },
+    {
+        value: "MMM dd",
+        label: "MMM dd (e.g. Jan 15)",
+    },
+    {
+        value: "MMMM dd",
+        label: "MMMM dd (e.g. January 15)",
+    },
+    {
+        value: "MMM d",
+        label: "MMM d (e.g. Jan 5)",
+    },
+    {
+        value: "MMMM d",
+        label: "MMMM d (e.g. January 5)",
+    },
+    {
+        value: "dd. MMM. yyyy",
+        label: "dd. MMM. yyyy (e.g. 15. Jan. 1990)",
+    },
+    {
+        value: "EEE, MMM dd, yyyy",
+        label: "EEE, MMM dd, yyyy (e.g. Mon, Jan 15, 1990)",
+    },
+];
+export var dateTimePatterns = [
+    {
+        value: "MM/dd/yyyy HH:mm",
+        label: "MM/dd/yyyy HH:mm (e.g. 08/31/2023 12:30)",
+    },
+    {
+        value: "MM/dd/yyyy HH:mm:ss",
+        label: "MM/dd/yyyy HH:mm:ss (e.g. 08/31/2023 12:30:45)",
+    },
+    {
+        value: "MM/dd/yyyy HH:mm:ss.SSS",
+        label: "MM/dd/yyyy HH:mm:ss.SSS (e.g. 08/31/2023 12:30:45.500)",
+    },
+    {
+        value: "MM/dd/yyyy h:mm a",
+        label: "MM/dd/yyyy h:mm a (e.g. 08/31/2023 1:30 PM)",
+    },
+    {
+        value: "MM/dd/yyyy h:mm:ss a",
+        label: "MM/dd/yyyy h:mm:ss a (e.g. 08/31/2023 1:30:45 PM)",
+    },
+    {
+        value: "MMM dd HH:mm:ss yyyy",
+        label: "MMM dd HH:mm:ss yyyy (e.g. Jan 15 00:34:59 1990)",
+    },
+    {
+        value: "MMM dd yyyy HH:mm:ss",
+        label: "MMM dd yyyy HH:mm:ss (e.g. Jan 15 1990 00:34:59)",
+    },
+    {
+        value: "dd MMM HH:mm:ss yyyy",
+        label: "dd MMM HH:mm:ss yyyy (e.g. 15 Jan 00:34:59 1990)",
+    },
+    {
+        value: "MM/dd/yyyy h:mm:ss.SSS a",
+        label: "MM/dd/yyyy h:mm:ss.SSS a (e.g. 08/31/2023 1:30:45.500 PM)",
+    },
+    {
+        value: "MMMM dd, yyyy HH:mm",
+        label: "MMMM dd, yyyy HH:mm (e.g. August 31, 2023 12:30)",
+    },
+    {
+        value: "MMMM dd, yyyy HH:mm:ss",
+        label: "MMMM dd, yyyy HH:mm:ss (e.g. August 31, 2023 12:30:45)",
+    },
+    {
+        value: "MMMM dd, yyyy h:mm a",
+        label: "MMMM dd, yyyy h:mm a (e.g. August 31, 2023 1:30 PM)",
+    },
+    {
+        value: "MMMM dd, yyyy h:mm:ss a",
+        label: "MMMM dd, yyyy h:mm:ss a (e.g. August 31, 2023 1:30:45 PM)",
+    },
+    {
+        value: "MMMM dd, yyyy h:mm:ss.SSS a",
+        label: "MMMM dd, yyyy h:mm:ss.SSS a (e.g. August 31, 2023 1:30:45.500 PM)",
+    },
+    {
+        value: "MM-dd-yy HH:mm",
+        label: "MM-dd-yy HH:mm (e.g. 01-15-90 10:10)",
+    },
+    {
+        value: "dd-MM-yyyy HH:mm",
+        label: "dd-MM-yyyy HH:mm (e.g. 15-01-1990 10:10)",
+    },
+    {
+        value: "dd/MM/yyyy HH:mm",
+        label: "dd/MM/yyyy HH:mm (e.g. 15/01/1990 10:10)",
+    },
+    {
+        value: "dd-MM-yyyy h:mm a",
+        label: "dd-MM-yyyy h:mm a (e.g. 15-01-1990 10:10 AM)",
+    },
+    {
+        value: "dd/MM/yyyy h:mm a",
+        label: "dd/MM/yyyy h:mm a (e.g. 15/01/1990 10:10 AM)",
+    },
+    {
+        value: "MM/dd/yy HH:mm",
+        label: "MM/dd/yy HH:mm (e.g. 01/15/90 10:10)",
+    },
+    {
+        value: "MM/dd/yy HH:mm:ss",
+        label: "MM/dd/yy HH:mm:ss (e.g. 01/15/90 10:10:14)",
+    },
+    {
+        value: "MM/dd/yy h:mm:ss a",
+        label: "MM/dd/yy h:mm:ss a (e.g. 01/15/90 5:10:14 AM)",
+    },
+    {
+        value: "yyyy/MM/dd HH:mm",
+        label: "yyyy/MM/dd HH:mm (e.g. 1990/01/15 10:10)",
+    },
+    {
+        value: "MM-dd-yyyy HH:mm",
+        label: "MM-dd-yyyy HH:mm (e.g. 01-15-1990 10:10)",
+    },
+    {
+        value: "yyyy-MM-dd HH:mm",
+        label: "yyyy-MM-dd HH:mm (e.g. 1990-01-15 10:10)",
+    },
+    {
+        value: "MMM dd HH:mm:ss",
+        label: "MMM dd HH:mm:ss (e.g. Jan 15 10:10:25)",
+    },
+    {
+        value: "MMMM dd HH:mm:ss",
+        label: "MMMM dd HH:mm:ss (e.g. January 15 10:10:25)",
+    },
+    {
+        value: "MMM d HH:mm:ss",
+        label: "MMM d HH:mm:ss (e.g. Jan 5 10:10:25)",
+    },
+    {
+        value: "MMMM d HH:mm:ss",
+        label: "MMMM d HH:mm:ss (e.g. January 5 10:10:25)",
+    },
+    {
+        value: "yyyy-MM-dd'T'HH:mm:ss.SSSZ",
+        label: "ISO 8601 (e.g. 1990-01-15T00:34:55.020+09:30)",
+    },
+    {
+        value: "yyyy-MM-dd'T'HH:mm:ss.SSS",
+        label: "ISO 8601 without timezone offset (e.g. 1990-01-15T00:34:55.020)",
+    },
+    {
+        value: "yyyy-MM-dd'T'HH:mmZ",
+        label: "yyyy-MM-dd'T'HH:mm+offset (e.g. 1990-01-15T10:10+09:30)",
+    },
+    {
+        value: "yyyy-MM-dd'T'HH:mm",
+        label: "yyyy-MM-dd'T'HH:mm (e.g. 1990-01-15T10:10)",
+    },
+];
+export var timePatterns = [
+    {
+        value: "HH:mm",
+        label: "HH:mm (e.g. 12:30)",
+    },
+    {
+        value: "HH:mm:ss",
+        label: "HH:mm:ss (e.g. 12:30:45)",
+    },
+    {
+        value: "hh:mm a",
+        label: "hh:mm a (e.g. 01:30 PM)",
+    },
+    {
+        value: "hh:mm:ss a",
+        label: "hh:mm:ss a  (e.g. 01:30:45 PM)",
+    },
+];
+export var allowedPatterns = {
+    date: datePatterns,
+    datetime: dateTimePatterns,
+    time: timePatterns,
+};

package/lib/esm/common/icons/index.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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from "styled-components";
+export var closeIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+export var closeIconCondensed = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+export var checkIcon = (_jsx("svg", __assign({ width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.37805 5.80142L3.94469 8.28708L10.6827 1.52003", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+export var greenCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#00D085" }) })));
+export var redXIcon = (_jsxs("svg", __assign({ width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "9.49967", cy: "8.99992", r: "7.79167", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M7.375 6.875L11.625 11.125", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M7.375 11.125L11.625 6.875", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+export var defaultCheckIcon = (_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: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M9 11.9497L11.1213 14.071L15.364 9.82839", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })));
+export var WhiteCheckIcon = function () {
+    var theme = useTheme();
+    return (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: theme.colors.blue500 }) })));
+};
+export var chevronLeftIcon = (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "14", viewBox: "0 0 8 14", fill: "none" }, { children: _jsx("path", { d: "M6.22266 1.75L1.00028 6.97238L6.22266 12.1948", stroke: "#000000", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+export var ChevronRightIcon = function () {
+    var theme = useTheme();
+    return (_jsx("svg", __assign({ width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1 1L7.96317 7.96317L1 14.9263", stroke: theme.colors.black || "#3333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+};
+export var weatherStarsIcon = (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M13.0159 4.5609C13.1442 4.0594 13.8565 4.0594 13.9847 4.5609L14.3163 5.85753C14.8596 7.98189 16.5184 9.64072 18.6428 10.184L19.9394 10.5155C20.4409 10.6438 20.4409 11.3561 19.9394 11.4844L18.6428 11.816C16.5184 12.3592 14.8596 14.018 14.3163 16.1424L13.9847 17.439C13.8565 17.9405 13.1442 17.9405 13.0159 17.439L12.6843 16.1424C12.1411 14.018 10.4823 12.3592 8.3579 11.816L7.06127 11.4844C6.55977 11.3561 6.55977 10.6438 7.06127 10.5155L8.3579 10.184C10.4823 9.64072 12.1411 7.98189 12.6843 5.85754L13.0159 4.5609Z", stroke: "white", strokeWidth: "2" }), _jsx("path", { d: "M3.5 1.83337V5.16671", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M5.16634 3.5H1.83301", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4.33301 16.8334V20.1667", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6.00033 18.5H2.66699", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+export var chevronDownIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M18.9258 10L11.9626 16.9632L4.99944 10", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));

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

@@ -25,3 +25,4 @@ export * from "./TooltipProvider";
 export * from "./ConfirmationModal";
 export * from "./columnsValidations";
 export * from "./columnsTransformations";
+export * from "./datePatterns";

package/lib/esm/common/index.js

@@ -0,0 +1,46 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { Div, themeProps, Label } from "../styled/utils";
+import { colors } from "../styled/theme/colorPalette";
+export var fuseImporterId = "fuse-importer-root";
+export var MenuItem = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n  background: ", ";\n  color: ", ";\n  ", "\n  ", ";\n  ", "\n  :hover {\n    background: ", ";\n    cursor: pointer;\n  }\n"], ["\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n  background: ", ";\n  color: ", ";\n  ", "\n  ", ";\n  ", "\n  :hover {\n    background: ", ";\n    cursor: pointer;\n  }\n"])), function (props) { return props.theme.colors.white; }, function (props) { return props.color || props.theme.colors.text; }, function (props) { return props.theme.css.body1; }, function (p) { return p.theme.css.selectNone; }, function (p) {
+    return p.isSelected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (p) { return p.theme.colors.blue500; });
+}, function (props) { return props.theme.colors.blue100; });
+export var FormInputLabel = styled(Label)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  ", "\n  display: block;\n"], ["\n  ", ";\n  color: ", ";\n  ", "\n  display: block;\n"])), function (props) { return props.theme.css.body4; }, function (props) { return props.theme.colors.text; }, function (props) {
+    return props.isDisabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (props) { return props.theme.colors.gray500; });
+});
+export var InfoDivider = function (_a) {
+    var msg = _a.msg;
+    return (_jsxs(Div, __assign({ dflex: true, alignCenter: true, mt: 7, mb: 7 }, { children: [_jsx(Div, { w100: true, h: 1, bg: colors.gray300 }), _jsx(Div, __assign({ w100: true, textAlignCenter: true, c: colors.gray700, body1: true, centered: true, p: 20 }, { children: msg })), _jsx(Div, { w100: true, h: 1, bg: colors.gray300 })] })));
+};
+export var Avatar = styled.img(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  border-radius: 100%;\n  height: 36px;\n  width: 36px;\n"], ["\n  ", ";\n  border-radius: 100%;\n  height: 36px;\n  width: 36px;\n"])), themeProps);
+export var Divider = styled(Div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  height: 1px;\n  background: ", ";\n"], ["\n  width: 100%;\n  height: 1px;\n  background: ", ";\n"])), colors.black);
+export * from "./icons";
+export * from "./inputs";
+export * from "./Table";
+export * from "./buttons";
+export * from "./Toast";
+export * from "./logo";
+export * from "./Modal";
+export * from "./Spinner";
+export * from "./TooltipProvider";
+export * from "./ConfirmationModal";
+export * from "./columnsValidations";
+export * from "./columnsTransformations";
+export * from "./datePatterns";
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -0,0 +1,110 @@
+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 { useEffect, useMemo, useState } from "react";
+import styled, { css } from "styled-components";
+import { MenuItem } from "..";
+import { Div } from "../../styled/utils";
+import { SelectMenu } from "./SelectMenu";
+import { TextInput as TextInputBase } from "./TextInput";
+import { useTranslation } from "react-i18next";
+var TextInput = styled(TextInputBase)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), function (props) {
+        return props.isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        cursor: not-allowed;\n        pointer-events: none;\n      "], ["\n        cursor: not-allowed;\n        pointer-events: none;\n      "])));
+    });
+});
+var ClearIcon = styled(Div)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    pointer-events: auto;\n  "], ["\n    pointer-events: auto;\n  "])));
+});
+var ClickableArea = styled(Div)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css, isInputDisabled = _a.isInputDisabled;
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), isInputDisabled && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      :hover {\n        cursor: pointer;\n        opacity: 0.9;\n      }\n    "], ["\n      :hover {\n        cursor: pointer;\n        opacity: 0.9;\n      }\n    "]))));
+});
+var Autocomplete = function (_a) {
+    var _b = _a.label, label = _b === void 0 ? null : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isInputDisabled, isInputDisabled = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "general:autocomplete.placeholder" : _e, value = _a.value, icon = _a.icon, onChange = _a.onChange, placement = _a.placement, options = _a.options, onToggle = _a.onToggle, id = _a.id, labelTooltip = _a.labelTooltip, prefix = _a.prefix, props = __rest(_a, ["label", "isDisabled", "isInputDisabled", "placeholder", "value", "icon", "onChange", "placement", "options", "onToggle", "id", "labelTooltip", "prefix"]);
+    var _f = useState(false), updatedText = _f[0], setUpdatedText = _f[1];
+    var selectedLabel = useMemo(function () { var _a; return ((_a = options === null || options === void 0 ? void 0 : options.find(function (o) { return (o === null || o === void 0 ? void 0 : o.value) === value; })) === null || _a === void 0 ? void 0 : _a.label) || ""; }, [value]);
+    var _g = useState(selectedLabel), text = _g[0], setText = _g[1];
+    var _h = useState(false), isMenuOpen = _h[0], setIsMenuOpen = _h[1];
+    var _j = useState(null), referenceElement = _j[0], setReferenceElement = _j[1];
+    var _k = useState(false), isTyping = _k[0], setIsTyping = _k[1];
+    var t = useTranslation().t;
+    useEffect(function () {
+        if (value)
+            setText(selectedLabel);
+        else
+            setText("");
+    }, [value]);
+    useEffect(function () {
+        setUpdatedText(true);
+    }, [text]);
+    useEffect(function () {
+        setUpdatedText(false);
+        setText(selectedLabel);
+        if (onToggle)
+            onToggle(isMenuOpen);
+    }, [isMenuOpen]);
+    var onSelect = function (v) {
+        var _a;
+        setText((_a = options.find(function (o) { return (o === null || o === void 0 ? void 0 : o.value) === v; })) === null || _a === void 0 ? void 0 : _a.label);
+        onChange(v);
+        setIsMenuOpen(false);
+    };
+    var filteredOptions = useMemo(function () {
+        return updatedText
+            ? options.filter(function (o) {
+                return o.label.toLowerCase().includes(text.toLowerCase());
+            })
+            : options;
+    }, [updatedText, text, options]);
+    var inputIconUI = text ? (_jsx(ClearIcon, __assign({ clickable: true, dim: 24, centered: true, id: id ? "".concat(id, "-clear") : null, onClick: function (evt) {
+            evt.preventDefault();
+            evt.stopPropagation();
+            onChange(undefined);
+        } }, { children: clearIcon }))) : (_jsx(Div, __assign({ centered: true, dim: 24 }, { children: icon || chevronDownIcon })));
+    var textWithPrefix = "".concat(prefix).concat(text);
+    var shouldShowPrefix = prefix && !isTyping && !isMenuOpen;
+    var inputValue = shouldShowPrefix ? textWithPrefix : text;
+    return (_jsxs(Div, __assign({ w100: true }, props, { children: [_jsx(ClickableArea, __assign({ isInputDisabled: isDisabled || isInputDisabled, onClick: function () { return setIsMenuOpen(true); } }, { children: _jsx(TextInput, { setInputRef: setReferenceElement, id: id, onBlur: function () {
+                        if (isTyping && prefix)
+                            setIsTyping(false);
+                        if (filteredOptions.length === 0) {
+                            setText(selectedLabel);
+                            setIsMenuOpen(false);
+                        }
+                    }, label: label, isDisabled: isDisabled || isInputDisabled, placeholder: t(placeholder), value: inputValue, onChange: function (v) {
+                        if (!isTyping && prefix)
+                            setIsTyping(true);
+                        setText(v);
+                    }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, __assign({ "data-test-id": "autocomplete-menu-item" }, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === (o === null || o === void 0 ? void 0 : o.value), onClick: function () { return onSelect(o === null || o === void 0 ? void 0 : o.value); } }, { children: o.label })) }), index)); }) })))] })));
+};
+var chevronDownIcon = (_jsx("svg", __assign({ width: "16", height: "9", viewBox: "0 0 16 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M14.9263 1L7.9631 7.96317L0.999928 1", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+var clearIcon = (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4 4L12.5161 12.5161", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4 12.5161L12.5161 3.99998", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+export { Autocomplete };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -0,0 +1,53 @@
+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 } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { Div } from "../../styled/utils";
+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, 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 || event.nativeEvent.metaKey) && onShiftKeyPressed) {
+            onShiftKeyPressed();
+            return;
+        }
+        var newValue = !isChecked || isIndeterminate;
+        onChange(newValue);
+    };
+    return (_jsx(Container, __assign({}, __assign({ isChecked: isChecked, isDisabled: isDisabled, isIndeterminate: isIndeterminate, onClick: handleOnChange }, props), { "data-test-id": "checkbox" }, { 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, templateObject_3;

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

@@ -0,0 +1,74 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useState } from "react";
+import { usePopper } from "react-popper";
+import styled, { css } from "styled-components";
+import { Div } from "../../styled/utils";
+export var SelectMenuBackdrop = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  margin: 0px;\n  width: 100vw;\n  height: 100vh;\n  z-index: 99999999;\n  display: flex;\n"], ["\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  margin: 0px;\n  width: 100vw;\n  height: 100vh;\n  z-index: 99999999;\n  display: flex;\n"])));
+export var SelectMenuDiv = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: white;\n  border: solid 1px ", ";\n  position: absolute;\n  border-radius: 16px;\n  overflow: hidden;\n  z-index: 10000000000;\n  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);\n"], ["\n  background-color: white;\n  border: solid 1px ", ";\n  position: absolute;\n  border-radius: 16px;\n  overflow: hidden;\n  z-index: 10000000000;\n  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);\n"])), function (p) { return p.theme.colors.gray5; });
+export var SelectMenuScrollArea = styled(Div)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    padding: 16px;\n    overflow-y: auto;\n    max-height: 250px;\n    ", ";\n  "], ["\n    padding: 16px;\n    overflow-y: auto;\n    max-height: 250px;\n    ", ";\n  "])), function (p) { return p.theme.css.scrollbarDark; });
+});
+export var SelectMenu = function (_a) {
+    var _b;
+    var _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, _d = _a.onClose, onClose = _d === void 0 ? null : _d, _e = _a.placement, placement = _e === void 0 ? "auto" : _e, referenceElement = _a.referenceElement, children = _a.children, props = __rest(_a, ["isOpen", "onClose", "placement", "referenceElement", "children"]);
+    var _f = useState(null), popperElement = _f[0], setPopperElement = _f[1];
+    var _g = useState(null), width = _g[0], setWidth = _g[1];
+    var options = {
+        placement: placement,
+        strategy: "absolute",
+        modifiers: [
+            {
+                name: "offset",
+                options: {
+                    offset: [2, 3],
+                },
+            },
+            {
+                name: "preventOverflow",
+                options: {
+                    altAxis: true,
+                    boundary: "viewport",
+                },
+            },
+        ],
+    };
+    var _h = usePopper(referenceElement, popperElement, options), styles = _h.styles, attributes = _h.attributes, update = _h.update;
+    useEffect(function () {
+        if (update)
+            update();
+    }, [isOpen]);
+    var referenceElementWidth = (_b = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width;
+    useLayoutEffect(function () {
+        if (referenceElement)
+            setWidth(referenceElementWidth);
+    }, [referenceElementWidth]);
+    return (_jsx(_Fragment, { children: isOpen && (_jsxs(Div, __assign({ pRelative: true }, props, { children: [_jsx(SelectMenuBackdrop, { onClick: onClose }), _jsx(SelectMenuDiv, __assign({ ref: setPopperElement, style: __assign(__assign({}, styles.popper), { width: width }) }, attributes.popper, { children: _jsx(SelectMenuScrollArea, { children: children }) }))] }))) }));
+};
+var templateObject_1, templateObject_2, templateObject_3;