fuse-importer 0.0.1-staging

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

@@ -0,0 +1,4 @@
+import { ToastOptions, ToastType } from "react-hot-toast";
+export declare const addToast: (msg: JSX.Element | string, type?: ToastType, toastOptions?: ToastOptions) => void;
+declare const Toast: () => JSX.Element;
+export { Toast };

package/lib/esm/common/Toast.js

@@ -0,0 +1,69 @@
+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 toast, { ToastBar, Toaster, } from "react-hot-toast";
+import styled from "styled-components";
+import { defaultCheckIcon, greenCheckIcon, redXIcon } from "./icons";
+import { colors } from "../styled/theme/colorPalette";
+import { Div } from "../styled/utils";
+var defaultDuration = 5000;
+var defaultPosition = "bottom-right";
+var toastBorderRadius = 4;
+var toastMaxWidth = "85%";
+export var addToast = function (msg, type, toastOptions) {
+    if (type === void 0) { type = "blank"; }
+    if (toastOptions === void 0) { toastOptions = {}; }
+    var _toastOptions = __assign({ duration: defaultDuration, position: defaultPosition }, toastOptions);
+    var toastFn = type === "blank" ? toast : toast[type];
+    toastFn(msg, _toastOptions);
+};
+var toastContainerCss = {
+    padding: 0,
+    marginRight: 72,
+    borderRadius: toastBorderRadius,
+    boxShadow: "none",
+    maxWidth: toastMaxWidth,
+};
+var toastTypeStyles = {
+    success: {
+        backgroundColor: colors.blue50,
+        color: colors.text,
+        icon: greenCheckIcon,
+    },
+    error: {
+        color: colors.red800,
+        backgroundColor: colors.red100,
+        icon: redXIcon,
+    },
+    blank: {
+        backgroundColor: colors.white,
+        color: colors.text,
+        icon: defaultCheckIcon,
+    },
+};
+var ToastWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 10px;\n  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);\n  border-radius: ", "px;\n  ", ";\n"], ["\n  padding: 10px;\n  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);\n  border-radius: ", "px;\n  ", ";\n"])), toastBorderRadius, function (p) { return p.theme.css.alignCenter; });
+var Toast = function () {
+    return (_jsx(Toaster, __assign({ toastOptions: {
+            style: toastContainerCss,
+        } }, { children: function (t) { return (_jsx(ToastBar, __assign({ toast: t }, { children: function (_a) {
+                var message = _a.message, hotToastIcon = _a.icon;
+                var _b = toastTypeStyles[t.type] || {}, icon = _b.icon, color = _b.color, backgroundColor = _b.backgroundColor;
+                return (_jsxs(ToastWrapper, __assign({ c: color, bg: backgroundColor }, { children: [_jsx(Div, __assign({ alignCenter: true }, { children: icon || hotToastIcon })), _jsx(Div, __assign({ alignCenter: true }, { children: message })), _jsx(Div, __assign({ p: 5, clickable: true, onClick: function () { return toast.dismiss(t.id); } }, { children: closeIcon }))] })));
+            } }))); } })));
+};
+export { Toast };
+var closeIcon = (_jsxs("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M2.5 2.5L7.82258 7.82258", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2.5 7.82251L7.82258 2.49993", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+var templateObject_1;

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

@@ -0,0 +1,19 @@
+import { Placement } from "@popperjs/core";
+import React from "react";
+import { DivCSSProps } from "../styled/utils";
+type TooltipContentProps = {
+    isActionable?: boolean;
+};
+export declare const TooltipContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../styled/utils").CSSProps & TooltipContentProps, never>;
+export type TooltipProps = {
+    tooltip: JSX.Element | string;
+    placement?: Placement;
+    flip?: boolean;
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    tooltipMaxWidth?: number;
+    tooltipMinWidth?: number;
+    offset?: number[];
+} & DivCSSProps;
+export declare const TooltipProvider: React.FC<TooltipProps>;
+export {};

package/lib/esm/common/TooltipProvider.js

@@ -0,0 +1,57 @@
+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, useState } from "react";
+import { usePopper } from "react-popper";
+import styled from "styled-components";
+import { Div } from "../styled/utils";
+export var TooltipContent = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  background: ", ";\n  border-radius: 4px;\n  padding: 10px;\n  pointer-events: none;\n  z-index: 1000;\n"], ["\n  ", ";\n  color: ", ";\n  background: ", ";\n  border-radius: 4px;\n  padding: 10px;\n  pointer-events: none;\n  z-index: 1000;\n"])), function (p) { return p.theme.css.body4; }, function (p) { return p.theme.colors.white; }, function (p) { return p.theme.colors.black; });
+export var TooltipProvider = function (_a) {
+    var tooltip = _a.tooltip, children = _a.children, tooltipMaxWidth = _a.tooltipMaxWidth, tooltipMinWidth = _a.tooltipMinWidth, _b = _a.placement, placement = _b === void 0 ? "top-start" : _b, _c = _a.flip, flip = _c === void 0 ? true : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isOpen, isOpen = _e === void 0 ? false : _e, _f = _a.offset, offset = _f === void 0 ? [0, 4] : _f, props = __rest(_a, ["tooltip", "children", "tooltipMaxWidth", "tooltipMinWidth", "placement", "flip", "isDisabled", "isOpen", "offset"]);
+    var _g = useState(false), isDisplayingTooltip = _g[0], setIsDisplayingTooltip = _g[1];
+    var _h = useState(null), referenceElement = _h[0], setReferenceElement = _h[1];
+    var _j = useState(null), popperElement = _j[0], setPopperElement = _j[1];
+    var options = useMemo(function () { return ({
+        placement: placement,
+        modifiers: [
+            {
+                name: "offset",
+                options: {
+                    offset: offset,
+                },
+            },
+            {
+                name: "flip",
+                enabled: flip,
+            },
+        ],
+    }); }, [placement, offset]);
+    var _k = usePopper(referenceElement, popperElement, options), styles = _k.styles, attributes = _k.attributes;
+    var showTooltip = isOpen || (isDisplayingTooltip && !!tooltip);
+    return (_jsxs(Div, __assign({ dim: "100%", ref: setReferenceElement, onMouseOver: function () { return isDisabled || setIsDisplayingTooltip(true); }, onMouseOut: function () { return isDisabled || setIsDisplayingTooltip(false); } }, props, { children: [children, showTooltip && (_jsx(TooltipContent, __assign({ ref: setPopperElement, style: styles.popper, maxw: tooltipMaxWidth, minw: tooltipMinWidth }, attributes.popper, { children: tooltip })))] })));
+};
+var templateObject_1;

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

@@ -0,0 +1,50 @@
+import { CSSProps } from "../styled/utils";
+declare const types: readonly ["primary", "secondary", "tertiary", "link"];
+export type ButtonTypes = typeof types[number];
+export type BtnProps = {
+    onClick?: () => void;
+    backgroundColor?: string;
+    variant?: ButtonTypes;
+    children?: any;
+    isDisabled?: boolean;
+    isSmall?: boolean;
+    isButtonElement?: boolean;
+    svgNormalFillColorOverride?: string;
+    svgActiveFillColorOverride?: string;
+    svgDisabledFillColorOverride?: string;
+    svgNormalStrokeColorOverride?: string;
+    svgActiveStrokeColorOverride?: string;
+    svgDisabledStrokeColorOverride?: string;
+} & CSSProps;
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CSSProps & {
+    onClick?: () => void;
+    backgroundColor?: string;
+    variant?: ButtonTypes;
+    children?: any;
+    isDisabled?: boolean;
+    isSmall?: boolean;
+    isButtonElement?: boolean;
+    svgNormalFillColorOverride?: string;
+    svgActiveFillColorOverride?: string;
+    svgDisabledFillColorOverride?: string;
+    svgNormalStrokeColorOverride?: string;
+    svgActiveStrokeColorOverride?: string;
+    svgDisabledStrokeColorOverride?: string;
+}, never>;
+export declare const ButtonElementWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, CSSProps & {
+    onClick?: () => void;
+    backgroundColor?: string;
+    variant?: ButtonTypes;
+    children?: any;
+    isDisabled?: boolean;
+    isSmall?: boolean;
+    isButtonElement?: boolean;
+    svgNormalFillColorOverride?: string;
+    svgActiveFillColorOverride?: string;
+    svgDisabledFillColorOverride?: string;
+    svgNormalStrokeColorOverride?: string;
+    svgActiveStrokeColorOverride?: string;
+    svgDisabledStrokeColorOverride?: string;
+}, never>;
+export declare const Button: ({ onClick, isDisabled, variant, isSmall, children, isButtonElement, ...props }: BtnProps) => JSX.Element;
+export {};

package/lib/esm/common/buttons.js

@@ -0,0 +1,97 @@
+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, 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", "link"];
+var getBgColor = function (props) {
+    return get(props, "backgroundColor", get(props.theme, "colors.pink500"));
+};
+var getBorderColor = function (props) {
+    return get(props, "backgroundColor", get(props.theme, "colors.pink700"));
+};
+var getSvgFillColorForNormalState = function (props) {
+    return get(props, "svgNormalFillColorOverride", get(props.theme, "colors.black"));
+};
+var getSvgFillColorForActiveState = function (props) {
+    return get(props, "svgActiveFillColorOverride", get(props.theme, "colors.white"));
+};
+var getSvgFillColorForDisabledState = function (props) {
+    return get(props, "svgDisabledFillColorOverride", get(props.theme, "colors.gray390"));
+};
+var getSvgStrokeColorForNormalState = function (props) {
+    return get(props, "svgNormalStrokeColorOverride", get(props.theme, "colors.black"));
+};
+var getSvgStrokeColorForActiveState = function (props) {
+    return get(props, "svgActiveStrokeColorOverride", get(props.theme, "colors.white"));
+};
+var getSvgStrokeColorForDisabledState = function (props) {
+    return get(props, "svgDisabledStrokeColorOverride", get(props.theme, "colors.black"));
+};
+var withoutBrandingCSS = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: underline;\n"], ["\n  text-decoration: underline;\n"])));
+var withBrandingCSS = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  :hover {\n    background: transparent;\n    text-decoration: underline;\n  }\n"], ["\n  :hover {\n    background: transparent;\n    text-decoration: underline;\n  }\n"])));
+var styles = {
+    primary: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    color: ", ";\n    background: ", ";\n\n    border: solid 4px ", ";\n    box-sizing: border-box;\n\n    :hover {\n      background: ", ";\n      /* a3 at the end adds 0.64 opacity */\n      box-shadow: 0px 0px 8px ", "a3;\n    }\n    :active {\n      background: ", ";\n      border: 4px solid ", ";\n    }\n    :focus {\n      background: ", ";\n      /* a3 at the end adds 0.64 opacity */\n      box-shadow: 0px 0px 8px ", "a3;\n    }\n    ", "\n  "], ["\n    color: ", ";\n    background: ", ";\n\n    border: solid 4px ", ";\n    box-sizing: border-box;\n\n    :hover {\n      background: ", ";\n      /* a3 at the end adds 0.64 opacity */\n      box-shadow: 0px 0px 8px ", "a3;\n    }\n    :active {\n      background: ", ";\n      border: 4px solid ", ";\n    }\n    :focus {\n      background: ", ";\n      /* a3 at the end adds 0.64 opacity */\n      box-shadow: 0px 0px 8px ", "a3;\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.white; }, getBgColor, getBgColor, getBgColor, getBgColor, getBgColor, getBorderColor, getBgColor, getBgColor, function (props) {
+        return props.isDisabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        background: ", " !important;\n        opacity: 0.4;\n        box-shadow: none !important;\n        border: none !important;\n        cursor: not-allowed !important;\n      "], ["\n        background: ", " !important;\n        opacity: 0.4;\n        box-shadow: none !important;\n        border: none !important;\n        cursor: not-allowed !important;\n      "])), getBgColor);
+    }),
+    secondary: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    background: ", ";\n    box-sizing: border-box;\n    border: solid 1px ", ";\n    color: ", ";\n    & > svg {\n      & > path {\n        fill: ", ";\n        stroke: ", ";\n      }\n    }\n    :active {\n      border: 1px solid ", ";\n      background: ", ";\n      color: ", ";\n      & > svg {\n        & > path {\n          fill: ", ";\n          stroke: ", ";\n        }\n      }\n    }\n    :focus {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n    }\n    ", "\n  "], ["\n    background: ", ";\n    box-sizing: border-box;\n    border: solid 1px ", ";\n    color: ", ";\n    & > svg {\n      & > path {\n        fill: ", ";\n        stroke: ", ";\n      }\n    }\n    :active {\n      border: 1px solid ", ";\n      background: ", ";\n      color: ", ";\n      & > svg {\n        & > path {\n          fill: ", ";\n          stroke: ", ";\n        }\n      }\n    }\n    :focus {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, getSvgFillColorForNormalState, getSvgStrokeColorForNormalState, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, getSvgFillColorForActiveState, getSvgStrokeColorForActiveState, function (props) {
+        return props.isDisabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        border: 2px solid ", ";\n        color: ", ";\n        & > svg {\n          & > path {\n            fill: ", ";\n            stroke: ", ";\n          }\n        }\n      "], ["\n        border: 2px solid ", ";\n        color: ", ";\n        & > svg {\n          & > path {\n            fill: ", ";\n            stroke: ", ";\n          }\n        }\n      "])), function (props) { return props.theme.colors.gray390; }, function (props) { return props.theme.colors.gray390; }, getSvgFillColorForDisabledState, getSvgStrokeColorForDisabledState);
+    }),
+    tertiary: css(templateObject_8 || (templateObject_8 = __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_7 || (templateObject_7 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (props) { return props.theme.colors.gray300; });
+    }),
+    link: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n\n    :hover {\n      background: ", ";\n    }\n\n    ", "\n\n    ", "\n\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n  "], ["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n\n    :hover {\n      background: ", ";\n    }\n\n    ", "\n\n    ", "\n\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n  "])), function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white50; }, function (props) {
+        return props.isDisabled && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (props) { return props.theme.colors.gray300; });
+    }, function (_a) {
+        var theme = _a.theme;
+        return theme.colors.black === "black"
+            ? withoutBrandingCSS
+            : withBrandingCSS;
+    }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }),
+};
+var commonButtonStyle = css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  padding: 12px 24px;\n  user-select: none;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 4px;\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  user-select: none;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 4px;\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_11 || (templateObject_11 = __makeTemplateObject(["\n      padding: 6px 20px;\n    "], ["\n      padding: 6px 20px;\n    "])));
+}, function (props) {
+    return props.isDisabled && css(templateObject_12 || (templateObject_12 = __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_14 || (templateObject_14 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
+export var ButtonElementWrapper = styled(HTMLButton)(templateObject_15 || (templateObject_15 = __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) {
+                var code = _a.code;
+                if ((code === "Space" || (code === "Enter" && onClick)) &&
+                    !isDisabled) {
+                    onClick();
+                }
+            }, 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, templateObject_12, templateObject_13, templateObject_14, templateObject_15;

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

@@ -0,0 +1,15 @@
+import { TransformationOptionKeys, TransformationTypes } from "../types";
+export type TransformationOption = {
+    type: "text" | "number";
+    key: TransformationOptionKeys;
+    tooltip: string;
+};
+export type Transformation = {
+    value: TransformationTypes;
+    label: string;
+    options?: TransformationOption[];
+};
+export declare const transformationsByColumnType: {
+    [key: string]: Transformation[];
+};
+export declare const transformationsByType: {};

package/lib/esm/common/columnsTransformations.js

@@ -0,0 +1,92 @@
+var commonDateAndTimeTransformations = [
+    {
+        value: "autoformat",
+        label: "Autoformat",
+    },
+];
+var stringTransformations = [
+    {
+        value: "sentence_case",
+        label: "Sentence Case",
+    },
+    {
+        value: "capitalize",
+        label: "Capitalize",
+    },
+    {
+        value: "uppercase",
+        label: "Uppercase",
+    },
+    {
+        value: "lowercase",
+        label: "Lowercase",
+    },
+    {
+        value: "trim_whitespace",
+        label: "Trim Whitespace",
+    },
+];
+var urlTransformations = [
+    {
+        value: "prefix",
+        label: "Prefix",
+        options: [
+            {
+                key: "prefix",
+                type: "text",
+                tooltip: "Add Prefix (e.g., 'example.com' becomes 'https://example.com')",
+            },
+        ],
+    },
+];
+var floatTransformations = [
+    {
+        value: "number_of_decimals",
+        label: "Number of Decimals",
+        options: [
+            {
+                key: "number_of_decimals",
+                type: "number",
+                tooltip: "Set Number of Decimals (e.g., '10.567' becomes '10.57' with 2 decimals)",
+            },
+        ],
+    },
+];
+var integerTransformations = [
+    {
+        value: "round",
+        label: "Round",
+    },
+    {
+        value: "floor",
+        label: "Floor",
+    },
+    {
+        value: "ceiling",
+        label: "Ceiling",
+    },
+];
+var enumTransformations = [
+    {
+        value: "autodetect",
+        label: "Autodetect",
+    },
+];
+export var transformationsByColumnType = {
+    string: stringTransformations,
+    integer: integerTransformations,
+    float: floatTransformations,
+    enum: enumTransformations,
+    url: urlTransformations,
+    date: commonDateAndTimeTransformations,
+    datetime: commonDateAndTimeTransformations,
+    time: commonDateAndTimeTransformations,
+};
+// the final object will look like this:
+// { autodetect: { value: "autodetect", label: "Autodetect" }, ... }
+export var transformationsByType = Object.values(transformationsByColumnType)
+    .reduce(function (acc, arr) { return acc.concat(arr); }, [])
+    .reduce(function (result, p) {
+    result[p.value] = p;
+    return result;
+}, {});

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

@@ -0,0 +1,45 @@
+import { ColumnRequiredProps, ValidationOptionKeys, ValidationTypes } from "../types";
+export type ValidationOption = {
+    type: "text" | "number" | "date";
+    key: ValidationOptionKeys;
+    tooltip: string;
+};
+export type Validation = {
+    value: ValidationTypes;
+    label: string;
+    isDefaultValidation?: boolean;
+    options?: ValidationOption[];
+};
+export declare const validationsByColumnType: {
+    [key: string]: Validation[];
+};
+export declare const validationsByType: {};
+export declare const availableColumnTypes: string[];
+export declare const datePatterns: {
+    value: string;
+    label: string;
+}[];
+export declare const dateTimePatterns: {
+    value: string;
+    label: string;
+}[];
+export declare const timePatterns: {
+    value: string;
+    label: string;
+}[];
+export declare const allowedPatterns: {
+    date: {
+        value: string;
+        label: string;
+    }[];
+    datetime: {
+        value: string;
+        label: string;
+    }[];
+    time: {
+        value: string;
+        label: string;
+    }[];
+};
+export declare const patternsColumnTypes: string[];
+export declare const validateColumn: <T extends "string" | "boolean" | "time" | "integer" | "float" | "email" | "url" | "enum" | "date" | "datetime">(columnData: ColumnRequiredProps<T>) => Promise<void>;