@onepercentio/one-ui 0.29.0 → 0.29.2

package/dist-ts/components/Collapsable/Collapsable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsable.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.tsx"],"names":[],"mappings":"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"}

package/dist-ts/components/Collapsable/Collapsable.module.scss

@@ -0,0 +1,42 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  > .title {
+    cursor: pointer;
+    margin: 0px;
+    display: block;
+  }
+}
+
+.open .title::after {
+  transform: translateX(-0.5em) rotateX(180deg) rotateZ(45deg);
+}
+.closed .title::after {
+  transform: translateX(-0.5em) rotateX(0deg) rotateZ(45deg);
+}
+
+.content {
+  width: 100%;
+  max-width: 500px;
+  overflow: hidden;
+  transition: height $fast ease-in;
+  height: 0px;
+  &.float {
+    width: initial;
+    max-width: initial;
+    position: fixed;
+    z-index: 100;
+    background: $mainBackgroundColor;
+    overflow: auto;
+  }
+  &.block {
+    box-sizing: initial;
+  }
+  &.transitionMarginTop {
+    transition: height $fast ease-in, margin-top $fast ease-in;
+  }
+}
+
+.open {
+  transition: height $fast ease-out;
+}

package/dist-ts/components/Collapsable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Collapsable";
+export * from "./Collapsable";

package/dist-ts/components/Collapsable/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Collapsable";
+export * from "./Collapsable";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Collapsable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collapsable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC"}

package/dist-ts/components/Countdown/Countdown.d.ts

@@ -0,0 +1,24 @@
+export type TimeObject = {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+export declare function calculateTimeFromTimespan(timespan: number): TimeObject;
+export declare enum CountdownTextModel {
+    /** This shows the countdown on the format 00:00:00 */
+    CLOCK = 0,
+    /** This shows the countdown on the format 00h 00m 00s */
+    SHORT = 1
+}
+/**
+ * You five it some time, and a countdown is shown
+ **/
+export default function Countdown({ timeRemaining, onFinish, model, options, }: {
+    timeRemaining: number;
+    onFinish?: () => void;
+    model?: CountdownTextModel;
+    options?: {
+        /** Controls if the hours fragment should be shown */
+        hours: boolean;
+    };
+}): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/Countdown/Countdown.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useEffect, useLayoutEffect, useMemo, useState, } from "react";
+export function calculateTimeFromTimespan(timespan) {
+    const seconds = Math.floor(timespan / 1000);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    return {
+        hours,
+        minutes: minutes % 60,
+        seconds: seconds % 60,
+    };
+}
+const IntegerFormatter = new Intl.NumberFormat(undefined, {
+    minimumIntegerDigits: 2,
+});
+export var CountdownTextModel;
+(function (CountdownTextModel) {
+    /** This shows the countdown on the format 00:00:00 */
+    CountdownTextModel[CountdownTextModel["CLOCK"] = 0] = "CLOCK";
+    /** This shows the countdown on the format 00h 00m 00s */
+    CountdownTextModel[CountdownTextModel["SHORT"] = 1] = "SHORT";
+})(CountdownTextModel || (CountdownTextModel = {}));
+/**
+ * You five it some time, and a countdown is shown
+ **/
+export default function Countdown({ timeRemaining, onFinish, model = CountdownTextModel.CLOCK, options, }) {
+    const [t, setT] = useState(() => calculateTimeFromTimespan(timeRemaining));
+    useLayoutEffect(() => {
+        setT(calculateTimeFromTimespan(timeRemaining));
+    }, [timeRemaining]);
+    useEffect(() => {
+        const cl = setInterval(() => {
+            setT((prev) => {
+                let nextSecond = prev.seconds - 1;
+                let nextMinute = prev.minutes;
+                let nextHour = prev.hours;
+                if (nextSecond < 0) {
+                    nextSecond = 59;
+                    nextMinute -= 1;
+                    if (nextMinute < 0) {
+                        nextMinute = 59;
+                        nextHour -= 1;
+                    }
+                }
+                if (nextHour === 0 && nextMinute === 0 && nextSecond === 0) {
+                    if (onFinish)
+                        onFinish();
+                    clearInterval(cl);
+                }
+                return {
+                    seconds: nextSecond,
+                    minutes: nextMinute,
+                    hours: nextHour,
+                };
+            });
+        }, 1000);
+        return () => {
+            clearInterval(cl);
+        };
+    }, [timeRemaining]);
+    const txt = useMemo(() => {
+        switch (model) {
+            case CountdownTextModel.CLOCK:
+                const hourFragment = (options?.hours ?? true) ? `${IntegerFormatter.format(t.hours)}:` : "";
+                return (_jsx(Fragment, { children: `${hourFragment}${IntegerFormatter.format(t.minutes)}:${IntegerFormatter.format(t.seconds)}` }));
+            case CountdownTextModel.SHORT:
+                const hourFragmentS = (options?.hours ?? true) ? (_jsxs(_Fragment, { children: [IntegerFormatter.format(t.hours), _jsx("span", { children: "h" }), "\u00A0"] })) : ("");
+                return (_jsxs(Fragment, { children: [hourFragmentS, IntegerFormatter.format(t.minutes), _jsx("span", { children: "m" }), "\u00A0", IntegerFormatter.format(t.seconds), _jsx("span", { children: "s" })] }));
+        }
+    }, [t, model]);
+    return _jsx("span", { children: txt });
+}
+//# sourceMappingURL=Countdown.js.map

package/dist-ts/components/Countdown/Countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.js","sourceRoot":"","sources":["../../../src/components/Countdown/Countdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,QAAQ,EACR,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAQf,MAAM,UAAU,yBAAyB,CAAC,QAAgB;IACxD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACvC,OAAO;QACL,KAAK;QACL,OAAO,EAAE,OAAO,GAAG,EAAE;QACrB,OAAO,EAAE,OAAO,GAAG,EAAE;KACtB,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IACxD,oBAAoB,EAAE,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,CAAN,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,sDAAsD;IACtD,6DAAK,CAAA;IACL,yDAAyD;IACzD,6DAAK,CAAA;AACP,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,QAK7B;AAED;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,aAAa,EACb,QAAQ,EACR,KAAK,GAAG,kBAAkB,CAAC,KAAK,EAChC,OAAO,GASR;IACC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAa,GAAG,EAAE,CAC1C,yBAAyB,CAAC,aAAa,CAAC,CACzC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,yBAAyB,CAAC,aAAa,CAAC,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;YAC1B,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACZ,IAAI,UAAU,GAAG,IAAK,CAAC,OAAO,GAAG,CAAC,CAAC;gBACnC,IAAI,UAAU,GAAG,IAAK,CAAC,OAAO,CAAC;gBAC/B,IAAI,QAAQ,GAAG,IAAK,CAAC,KAAK,CAAC;gBAC3B,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;oBACnB,UAAU,GAAG,EAAE,CAAC;oBAChB,UAAU,IAAI,CAAC,CAAC;oBAChB,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;wBACnB,UAAU,GAAG,EAAE,CAAC;wBAChB,QAAQ,IAAI,CAAC,CAAC;oBAChB,CAAC;gBACH,CAAC;gBAED,IAAI,QAAQ,KAAK,CAAC,IAAI,UAAU,KAAK,CAAC,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;oBAC3D,IAAI,QAAQ;wBAAE,QAAQ,EAAE,CAAC;oBACzB,aAAa,CAAC,EAAE,CAAC,CAAC;gBACpB,CAAC;gBAED,OAAO;oBACL,OAAO,EAAE,UAAU;oBACnB,OAAO,EAAE,UAAU;oBACnB,KAAK,EAAE,QAAQ;iBAChB,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,kBAAkB,CAAC,KAAK;gBAC3B,MAAM,YAAY,GAChB,CAAA,OAAO,EAAE,KAAK,IAAI,IAAI,EAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;gBACxE,OAAO,CACL,KAAC,QAAQ,cACN,GAAG,YAAY,GAAG,gBAAgB,CAAC,MAAM,CACxC,CAAE,CAAC,OAAO,CACX,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAE,CAAC,OAAO,CAAC,EAAE,GACjC,CACZ,CAAC;YACJ,KAAK,kBAAkB,CAAC,KAAK;gBAC3B,MAAM,aAAa,GACjB,CAAA,OAAO,EAAE,KAAK,IAAI,IAAI,EAAC,CAAC,CAAC,CACvB,8BACG,gBAAgB,CAAC,MAAM,CAAC,CAAE,CAAC,KAAK,CAAC,EAClC,+BAAc,cACb,CACJ,CAAC,CAAC,CAAC,CACF,EAAE,CACH,CAAC;gBACJ,OAAO,CACL,MAAC,QAAQ,eACN,aAAa,EACb,gBAAgB,CAAC,MAAM,CAAC,CAAE,CAAC,OAAO,CAAC,EACpC,+BAAc,YACb,gBAAgB,CAAC,MAAM,CAAC,CAAE,CAAC,OAAO,CAAC,EACpC,+BAAc,IACL,CACZ,CAAC;QACN,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IAEf,OAAO,yBAAO,GAAG,GAAQ,CAAC;AAC5B,CAAC"}

package/dist-ts/components/Countdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Countdown";
+export * from "./Countdown";

package/dist-ts/components/Countdown/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Countdown";
+export * from "./Countdown";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Countdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Countdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,aAAa,CAAC"}

package/dist-ts/components/CurrencyInput/CurrencyInput.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+import Input from "../Input";
+export default function CurrencyInput({ locale, value: amount, currency, onChange, placeholder, error, ...props }: Omit<ComponentProps<typeof Input>, 'onChange'> & {
+    currency: string;
+    onChange?: (formatted: string) => void;
+    locale: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/CurrencyInput/CurrencyInput.hook.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function useCurrencyInput(amount: string | undefined, locale: string, currency: string, onChange?: (formattedCurrency: string) => void): {
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
+    moneyFormat: string;
+    lastPosition: import("react").RefObject<number>;
+};

package/dist-ts/components/CurrencyInput/CurrencyInput.hook.js

@@ -0,0 +1,23 @@
+import { useLayoutEffect, useMemo, useRef } from "react";
+import { currencyFormatterFactory } from "../../utils/formatters";
+export function useCurrencyInput(amount, locale, currency, onChange) {
+    const formatter = useMemo(() => currencyFormatterFactory(locale, currency), []);
+    const number = useMemo(() => Number(amount?.replace(/[^0-9]/g, "") || 0) / 100, [amount]);
+    const moneyFormat = useMemo(() => {
+        return formatter.format(number);
+    }, [number, formatter]);
+    const lastPosition = useRef(0);
+    const inputRef = useRef(null);
+    useLayoutEffect(() => {
+        const el = inputRef.current;
+        const putCaretOn = el.value.length - lastPosition.current;
+        el.setSelectionRange(putCaretOn, putCaretOn);
+        onChange?.(moneyFormat);
+    }, [moneyFormat]);
+    return {
+        inputRef,
+        moneyFormat,
+        lastPosition,
+    };
+}
+//# sourceMappingURL=CurrencyInput.hook.js.map

package/dist-ts/components/CurrencyInput/CurrencyInput.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.hook.js","sourceRoot":"","sources":["../../../src/components/CurrencyInput/CurrencyInput.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAElE,MAAM,UAAU,gBAAgB,CAC9B,MAA0B,EAC1B,MAAc,EACd,QAAgB,EAChB,QAA8C;IAE9C,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,wBAAwB,CAAC,MAAM,EAAE,QAAQ,CAAC,EAChD,EAAE,CACH,CAAC;IACF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,EACvD,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAQ,CAAC;QAC7B,MAAM,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC;QAC1D,EAAE,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAE7C,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO;QACL,QAAQ;QACR,WAAW;QACX,YAAY;KACb,CAAC;AACJ,CAAC"}

package/dist-ts/components/CurrencyInput/CurrencyInput.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import Input from "../Input";
+import { useCurrencyInput } from "./CurrencyInput.hook";
+export default function CurrencyInput({ locale, value: amount, currency, onChange, placeholder, error, ...props }) {
+    const { inputRef, moneyFormat, lastPosition } = useCurrencyInput(amount, locale, currency, onChange);
+    return (_jsx(_Fragment, { children: _jsx(Input, { ref: inputRef, placeholder: placeholder, value: moneyFormat, error: error, "data-testid": props['data-testid'], onChange: ({ target: { value, selectionStart = value.length }, }) => {
+                const diffFromEndToStart = value.length - selectionStart;
+                lastPosition.current = diffFromEndToStart;
+                onChange?.(value);
+            } }) }));
+}
+//# sourceMappingURL=CurrencyInput.js.map

package/dist-ts/components/CurrencyInput/CurrencyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/components/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEvD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiI;IAC5O,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;IACpG,OAAO,CACH,4BACI,KAAC,KAAK,IACF,GAAG,EAAE,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,KAAe,iBACT,KAAK,CAAC,aAAa,CAAC,EACjC,QAAQ,EAAE,CAAC,EACP,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,MAAM,EAAE,GACnD,EAAE,EAAE;gBACD,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,GAAG,cAAe,CAAA;gBACzD,YAAY,CAAC,OAAO,GAAG,kBAAkB,CAAA;gBACzC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,GACH,GACH,CACN,CAAA;AACL,CAAC"}

package/dist-ts/components/CurrencyInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./CurrencyInput";
+export * from "./CurrencyInput";

package/dist-ts/components/CurrencyInput/index.js

@@ -0,0 +1,3 @@
+export { default } from "./CurrencyInput";
+export * from "./CurrencyInput";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/CurrencyInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CurrencyInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}

package/dist-ts/components/Divider/Divider.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Guess what this does
+ **/
+export default function Divider({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/Divider/Divider.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import Styles from "./Divider.module.scss";
+/**
+ * Guess what this does
+ **/
+export default function Divider({ className = "" }) {
+    return (_jsx(_Fragment, { children: _jsx("div", { className: `${Styles.container} ${className}` }) }));
+}
+//# sourceMappingURL=Divider.js.map

package/dist-ts/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAC,SAAS,GAAG,EAAE,EAAuB;IACpE,OAAO,CACL,4BACE,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,GAAI,GACrD,CACJ,CAAC;AACJ,CAAC"}

package/dist-ts/components/Divider/Divider.module.scss

@@ -0,0 +1,7 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  margin: 16px 0px;
+  height: 1px;
+  background-color: $lightGray;
+}

package/dist-ts/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Divider";
+export * from "./Divider";

package/dist-ts/components/Divider/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Divider";
+export * from "./Divider";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,WAAW,CAAC"}

package/dist-ts/components/EmailInput/EmailInput.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export declare function validateEmail(email: string): boolean;
+/**
+ * A Input based wrapper to handle inputs of email
+ **/
+declare const EmailInput: React.ForwardRefExoticComponent<Omit<Omit<{
+    decoration?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null | undefined;
+    error?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    hideError?: "onfocus" | undefined;
+    placeholder?: string | undefined;
+    disclaimer?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    multiline?: number | undefined;
+    border?: boolean | undefined;
+    icon?: ({
+        onClick?: (() => void) | undefined;
+    } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
+    Icon?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
+    value?: string | undefined;
+    'data-testid'?: string | undefined;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "value" | "onChange"> & React.RefAttributes<any>, "value" | "onChange"> & {
+    onChange: (email: string, isValid: boolean) => void;
+    value: string;
+    messages: {
+        invalidEmail: string;
+    };
+}, "ref"> & React.RefAttributes<{
+    validateEmail: (email: string) => boolean;
+}>>;
+export default EmailInput;

package/dist-ts/components/EmailInput/EmailInput.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useState, } from "react";
+import Input from "../Input";
+export function validateEmail(email) {
+    return /@.*\./.test(email);
+}
+function _EmailInput(props, ref) {
+    const [localWarning, setLocalWarning] = useState(props.value ? !validateEmail(props.value) : false);
+    useImperativeHandle(ref, () => ({
+        validateEmail: validateEmail,
+    }));
+    function _handleInputChange(e) {
+        props.onChange(e.target.value, validateEmail(e.target.value));
+    }
+    return (_jsx(Input, { ...props, error: localWarning ? props.messages.invalidEmail : props.error, onBlur: ({ target: { value } }) => {
+            setLocalWarning(!!value && !validateEmail(value));
+        }, onFocus: () => setLocalWarning(false), onChange: _handleInputChange }));
+}
+/**
+ * A Input based wrapper to handle inputs of email
+ **/
+const EmailInput = forwardRef(_EmailInput);
+export default EmailInput;
+//# sourceMappingURL=EmailInput.js.map

package/dist-ts/components/EmailInput/EmailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAGZ,UAAU,EACV,mBAAmB,EACnB,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AACD,SAAS,WAAW,CAClB,KAMC,EACD,GAEE;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAClD,CAAC;IACF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,aAAa,EAAE,aAAa;KAC7B,CAAC,CAAC,CAAC;IACJ,SAAS,kBAAkB,CAAC,CAAgC;QAC1D,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,CACL,KAAC,KAAK,OACA,KAAK,EACT,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAC/D,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAChC,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,kBAAkB,GAC5B,CACH,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC"}

package/dist-ts/components/EmailInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EmailInput";
+export * from "./EmailInput";

package/dist-ts/components/EmailInput/index.js

@@ -0,0 +1,3 @@
+export { default } from "./EmailInput";
+export * from "./EmailInput";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/EmailInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmailInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}

package/dist-ts/components/FadeIn/FadeIn.d.ts

@@ -0,0 +1,15 @@
+import React, { SyntheticEvent } from "react";
+/**
+ * Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
+ **/
+declare const FadeIn: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    active?: boolean | undefined;
+    onClick?: ((e: SyntheticEvent<HTMLDivElement>) => void) | undefined;
+    onHidden?: (() => void) | undefined;
+    "data-testid"?: string | undefined;
+    style?: any;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default FadeIn;

package/dist-ts/components/FadeIn/FadeIn.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRef, forwardRef, useEffect, useRef, useState, } from "react";
+import Styles from "./FadeIn.module.scss";
+function _FadeIn({ onHidden, children, className = "", active, onClick, ...props }, divRef) {
+    if (!divRef) {
+        divRef = createRef();
+    }
+    const [, trigger] = useState(0);
+    const prevChildren = useRef(undefined);
+    prevChildren.current = children || prevChildren.current;
+    useEffect(() => {
+        const el = divRef.current;
+        const isElHidden = active !== undefined ? !active : !children;
+        if (isElHidden) {
+            el.classList.remove(Styles.active);
+            const handler = () => {
+                prevChildren.current = null;
+                trigger((a) => a + 1);
+                if (onHidden && !el.classList.contains(Styles.active))
+                    onHidden();
+            };
+            el.addEventListener("transitionend", handler);
+            return () => {
+                el.removeEventListener("transitionend", handler);
+            };
+        }
+        else {
+            setTimeout(() => {
+                el.classList.add(Styles.active);
+            }, 0);
+        }
+    }, [children, active]);
+    return (_jsx("div", { ref: divRef, className: `${Styles.container} ${className}`, onClick: onClick, ...props, children: prevChildren.current }));
+}
+/**
+ * Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
+ **/
+const FadeIn = forwardRef(_FadeIn);
+export default FadeIn;
+//# sourceMappingURL=FadeIn.js.map

package/dist-ts/components/FadeIn/FadeIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeIn.js","sourceRoot":"","sources":["../../../src/components/FadeIn/FadeIn.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,SAAS,EAET,UAAU,EAIV,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAU1C,SAAS,OAAO,CACd,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACI,EACd,MAAoC;IAEpC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,SAAS,EAAE,CAAC;IACvB,CAAC;IACD,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,MAAM,CAAkB,SAAS,CAAC,CAAC;IACxD,YAAY,CAAC,OAAO,GAAG,QAAQ,IAAI,YAAY,CAAC,OAAO,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAI,MAAoC,CAAC,OAAQ,CAAC;QAC1D,MAAM,UAAU,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE9D,IAAI,UAAU,EAAE,CAAC;YACf,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACnC,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBACtB,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC;oBAAE,QAAQ,EAAE,CAAC;YACpE,CAAC,CAAC;YACF,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAC9C,OAAO,GAAG,EAAE;gBACV,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACnD,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,GAAG,EAAE;gBACd,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAClC,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACvB,OAAO,CACL,cACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,OAAO,EAAE,OAAO,KACZ,KAAK,YAER,YAAY,CAAC,OAAO,GACjB,CACP,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,MAAM,GAAG,UAAU,CAA8B,OAAO,CAAC,CAAC;AAChE,eAAe,MAAM,CAAC"}

package/dist-ts/components/FadeIn/FadeIn.module.scss

@@ -0,0 +1,9 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  opacity: 0;
+  transition: opacity $normal;
+  &.active {
+    opacity: 1;
+  }
+}

package/dist-ts/components/FadeIn/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./FadeIn";
+export * from "./FadeIn";

package/dist-ts/components/FadeIn/index.js

@@ -0,0 +1,3 @@
+export { default } from "./FadeIn";
+export * from "./FadeIn";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/FadeIn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FadeIn/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/dist-ts/components/FileInput/FileInput.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactElement } from "react";
+export type FileInputProps = {
+    states: {
+        waitingFile: {
+            /** The reason why this file is being requested */
+            title: string | ReactElement;
+            /** Shown below the title */
+            description?: string;
+            /** The label to show on the button */
+            button?: string;
+        };
+        fileProvided: {
+            /** Text show when the file has been provided */
+            title: string | ReactElement;
+            /** Shown below the title */
+            description?: string;
+            /** Shown on the button to remove the file */
+            button?: string;
+        };
+    };
+    footer: string;
+    file?: File;
+    onFile: (file: File | undefined) => void;
+    progress?: number;
+    disabled?: boolean;
+} & React.HTMLProps<HTMLInputElement>;
+/**
+ * A component to provide the upload of a file
+ **/
+declare function FileInput({ onFile, ...props }: FileInputProps): import("react/jsx-runtime").JSX.Element;
+export default FileInput;

package/dist-ts/components/FileInput/FileInput.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef, } from "react";
+import { useOneUIView } from "../../context/OneUIProvider";
+import Styles from "./FileInput.module.scss";
+/**
+ * A component to provide the upload of a file
+ **/
+function FileInput({ onFile, ...props }) {
+    const View = useOneUIView("component.fileInput.View", "FileInput");
+    const inputRef = useRef(null);
+    const onFileSelected = useCallback(((e) => {
+        const file = e.target.files.item(0);
+        onFile(file || undefined);
+    }), []);
+    return (_jsx(View, { ...props, onAction: () => {
+            if (props.file) {
+                inputRef.current.value = "";
+                onFile(undefined);
+            }
+            else {
+                inputRef.current.click();
+            }
+        }, inputEl: _jsx("input", { ...props, ref: inputRef, onChange: onFileSelected, type: "file", className: Styles.hidden }) }));
+}
+export default FileInput;
+//# sourceMappingURL=FileInput.js.map

package/dist-ts/components/FileInput/FileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAGZ,WAAW,EACX,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,MAAM,MAAM,yBAAyB,CAAC;AA4B7C;;IAEI;AACJ,SAAS,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkB;IACrD,MAAM,IAAI,GAAG,YAAY,CAAC,0BAA0B,EAAE,WAAW,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAC,CAAC,EAAE,EAAE;QACL,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAC5B,CAAC,CAAyC,EAC1C,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,QAAQ,EAAE,GAAG,EAAE;YACb,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;gBACf,QAAQ,CAAC,OAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;gBAC7B,MAAM,CAAC,SAAS,CAAC,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC,EACD,OAAO,EACL,mBACM,KAAK,EACT,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,CAAC,MAAM,GACxB,GAEJ,CACH,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist-ts/components/FileInput/FileInput.module.scss

@@ -0,0 +1,6 @@
+.hidden {
+  width: 0px;
+  height: 0px;
+  position: fixed;
+  opacity: 0.01;
+}

package/dist-ts/components/FileInput/View/BigFactory/BigFactory.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from "react";
+import { FileInputViewProps } from "../View.types";
+/**
+ * The file input layout with a big appearance
+ **/
+export default function BigFactory(IconComponent: () => ReactElement): ({ states: { fileProvided: { title: fileProvided, button: removeFile }, waitingFile: { button, title: reason }, }, file, footer, className, inputEl, onAction: onRemoveFile }: FileInputViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/FileInput/View/BigFactory/BigFactory.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from "./BigFactory.module.scss";
+import Spacing from "../../../Spacing/Spacing";
+import Text from "../../../Text/Text";
+import Button from "../../../Button/Button";
+/**
+ * The file input layout with a big appearance
+ **/
+export default function BigFactory(IconComponent) {
+    return function Big({ states: { fileProvided: { title: fileProvided, button: removeFile }, waitingFile: { button, title: reason }, }, file, footer, className, inputEl, onAction: onRemoveFile }) {
+        return (_jsxs("div", { className: `${Styles.container} ${className ?? ""}`, children: [_jsx(IconComponent, {}), _jsx(Spacing, { size: "small" }), _jsx(Text, { type: "description", children: file ? fileProvided : reason }), _jsx(Spacing, { size: "small" }), _jsx(Button, { variant: "filled", onClick: onRemoveFile, children: file ? removeFile : button }), inputEl, _jsx(Text, { className: Styles.footer, type: "caption", children: footer })] }));
+    };
+}
+//# sourceMappingURL=BigFactory.js.map

package/dist-ts/components/FileInput/View/BigFactory/BigFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigFactory.js","sourceRoot":"","sources":["../../../../../src/components/FileInput/View/BigFactory/BigFactory.tsx"],"names":[],"mappings":";AAMA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,aAAiC;IAClE,OAAO,SAAS,GAAG,CAAC,EAClB,MAAM,EAAE,EACN,YAAY,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,EACzD,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GACvC,EACD,IAAI,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EAAE,YAAY,EACH;QACnB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACtD,KAAC,aAAa,KAAG,EACjB,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACxB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,YAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,GAAQ,EAC9D,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACxB,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,YAAY,YAEpB,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GACpB,EACR,OAAO,EAER,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAC,SAAS,YAC3C,MAAM,GACF,IACH,CACP,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist-ts/components/FileInput/View/BigFactory/BigFactory.module.scss

@@ -0,0 +1,20 @@
+@import "../../../../assets/styles/index.scss";
+
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-color: $fileInputBackgroundColor;
+  padding: 72px;
+  border: 1px solid;
+  border-color: $fileInputBorderColor;
+  position: relative;
+  margin-bottom: 28px;
+}
+
+.footer {
+  position: absolute;
+  bottom: -24px;
+  left: 0px;
+}

package/dist-ts/components/FileInput/View/BigFactory/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./BigFactory";
+export * from "./BigFactory";

package/dist-ts/components/FileInput/View/BigFactory/index.js

@@ -0,0 +1,3 @@
+export { default } from "./BigFactory";
+export * from "./BigFactory";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/FileInput/View/BigFactory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FileInput/View/BigFactory/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}