@onepercentio/one-ui 0.8.4 → 0.8.5-beta.10

package/dist/components/PaginationIndicator/PaginationIndicator.js

@@ -0,0 +1,131 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaginationIndicatorView = void 0;
+const react_1 = __importStar(require("react"));
+const eachBallWidthEm = 1.2;
+const pushToborder = 7 * eachBallWidthEm;
+/**
+ * A cool component to indicate how many pages are
+ **/
+function PaginationIndicatorView({ size, page, pages, className, }) {
+    const rand = (0, react_1.useMemo)(() => Math.random().toString(), []);
+    const pageIndex = page - 1;
+    const numBalls = (0, react_1.useMemo)(() => {
+        const numBalls = pages >= 7 ? 7 : Math.ceil(pages) + 1;
+        return numBalls;
+    }, [pages]);
+    const maxBallsOffset = (0, react_1.useMemo)(() => (numBalls - 1) / 2, [numBalls]);
+    const prevVal = (0, react_1.useRef)(0);
+    const balls = (0, react_1.useMemo)(() => {
+        const lastPages = pages + 1 - maxBallsOffset;
+        const isCenterPage = numBalls >= 7 && pageIndex > maxBallsOffset && pageIndex < lastPages;
+        let modulus = pageIndex % (1 + (maxBallsOffset - Math.floor(maxBallsOffset)));
+        const resetPageIndex = isCenterPage
+            ? maxBallsOffset + modulus
+            : pageIndex > lastPages - 1
+                ? numBalls - 1 - (pages - pageIndex)
+                : pageIndex;
+        prevVal.current = modulus;
+        const left = 1.2 * resetPageIndex;
+        return new Array(numBalls + 1 + (isCenterPage && pages >= 7 && page < lastPages ? 1 : 0))
+            .fill(undefined)
+            .map((_, i) => {
+            const isLastBall = i === numBalls + 1;
+            const isFirstBall = i === 1;
+            if (i === 0)
+                return (react_1.default.createElement("circle", { fill: "#fff", r: `${0.45}em`, cx: `${pushToborder}em`, cy: "0.5em" }));
+            const ballSize = numBalls < 7 || pages === 6
+                ? 0.5
+                : page <= maxBallsOffset + 1 && isLastBall
+                    ? 0
+                    : page >= lastPages + 1 && isFirstBall
+                        ? 0
+                        : isCenterPage
+                            ? isFirstBall
+                                ? 0.5 - modulus * 0.5
+                                : isLastBall
+                                    ? modulus * 0.5
+                                    : 0.5
+                            : 0.5;
+            return (react_1.default.createElement("circle", { fill: "#fff", r: `${ballSize * 0.6}em`, cx: `${pushToborder + (i - 1) * eachBallWidthEm - left}em`, cy: "0.5em" }));
+        });
+    }, [maxBallsOffset, pageIndex, pages]);
+    const [guideBall, ...pageBalls] = balls;
+    return (react_1.default.createElement("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", className: className, style: {
+            width: `${eachBallWidthEm * 7 * 2}em`,
+            minWidth: `${eachBallWidthEm * 7 * 2}em`,
+            height: "1em",
+            fontSize: `${size}px`,
+        } },
+        react_1.default.createElement("filter", { id: `goo-${rand}` },
+            react_1.default.createElement("feGaussianBlur", { in: "SourceGraphic", result: "blur", stdDeviation: "5" }),
+            react_1.default.createElement("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7", result: "goo" }),
+            react_1.default.createElement("feBlend", { in2: "goo", in: "SourceGraphic", result: "mix" })),
+        react_1.default.createElement("mask", { id: `mask-${rand}` },
+            react_1.default.createElement("g", { filter: `url(#${`goo-${rand}`})` },
+                [pageBalls],
+                guideBall)),
+        react_1.default.createElement("rect", { x: "0", y: "0", mask: `url(#${`mask-${rand}`})`, width: "100%", height: "100%", style: { fill: "var(--digital-blue)" } })));
+}
+exports.PaginationIndicatorView = PaginationIndicatorView;
+function PaginationIndicator({ scrollableRef, estimatedWidth, size, mode = "scroll", className = "", }) {
+    const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
+    const [defs, setDefs] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        const maxWidth = estimatedWidth || scrollableRef.current.scrollWidth;
+        setDefs({
+            pages: Math.ceil(maxWidth / scrollableRef.current.clientWidth) - 1,
+        });
+    }, [estimatedWidth]);
+    (0, react_1.useEffect)(() => {
+        if (!defs)
+            return;
+        const el = scrollableRef.current;
+        const calculateScroll = (e) => {
+            if (mode === "page") {
+                const eachPageWidth = scrollableRef.current.clientWidth;
+                const page = 1 + e.currentTarget.scrollLeft / eachPageWidth;
+                setCurrentPage(page);
+            }
+            else {
+                const maxWidth = estimatedWidth || scrollableRef.current.scrollWidth;
+                const availableTOScroll = maxWidth - scrollableRef.current.clientWidth;
+                const page = 1 +
+                    ((e.currentTarget.scrollLeft * 100) / availableTOScroll / 100) *
+                        defs.pages;
+                console.log(e.currentTarget.scrollLeft, availableTOScroll, (e.currentTarget.scrollLeft * 100) / availableTOScroll / 100, page - 1);
+                setCurrentPage(page);
+            }
+        };
+        el.addEventListener("scroll", calculateScroll);
+        return () => {
+            el.removeEventListener("scroll", calculateScroll);
+        };
+    }, [defs]);
+    return !defs ? null : (react_1.default.createElement(PaginationIndicatorView, { pages: defs.pages, page: currentPage, size: size, className: className }));
+}
+exports.default = PaginationIndicator;
+//# sourceMappingURL=PaginationIndicator.js.map

package/dist/components/PaginationIndicator/PaginationIndicator.js.map

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

package/dist/components/PaginationIndicator/PaginationIndicator.module.scss

@@ -0,0 +1,48 @@
+$x: 0.1em;
+
+.root {
+  position: relative;
+  height: 1.5em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  filter: contrast(20);
+  background-color: #fff;
+  overflow: hidden;
+  > * {
+    height: 1em * 1.2;
+    width: 1em * 1.2;
+    margin: 0px 0.1em;
+    border-radius: 0.5em * 1.2;
+    background-color: #000;
+    position: relative;
+    filter: blur($x);
+    opacity: 0.485;
+    // animation-name: a;
+    // animation-iteration-count: infinite;
+    // animation-duration: 1s;
+    // animation-timing-function: linear;
+    // animation-direction: alternate;
+  }
+  &::after {
+    content: " ";
+    position: absolute;
+    background-color: #00f;
+    filter: blur($x * 2);
+    height: 1em * 0.8;
+    width: 1em * 0.8;
+    border-radius: 0.5em;
+  }
+}
+
+// @keyframes a {
+//   0% {
+//     right: 2em;
+//   }
+//   50% {
+//     right: 0em;
+//   }
+//   100% {
+//     right: -2em;
+//   }
+// }

package/dist/components/PaginationIndicator/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PaginationIndicator';

package/dist/components/PaginationIndicator/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var PaginationIndicator_1 = require("./PaginationIndicator");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PaginationIndicator_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/PaginationIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6DAAgD;AAAvC,+HAAA,OAAO,OAAA"}

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -36,7 +36,7 @@ declare const _default: React.ForwardRefExoticComponent<(({
     } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
     Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "ref" | "value" | "onChange">) & React.RefAttributes<{
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "onChange" | "ref"> & React.RefAttributes<any>, "value" | "onChange" | "ref">) & React.RefAttributes<{
     validatePassword: (pass: string) => boolean;
 }>>;
 export default _default;

package/dist/components/Select/Select.d.ts

@@ -7,10 +7,12 @@ export declare type SelectItem = {
 /**
  * A dropdown select
  **/
-declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, ...otherProps }: {
+declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, rootClassName, dropdownClassName, ...otherProps }: {
     loading?: boolean;
     items: Readonly<I[]>;
     onClick: (i: I) => void;
+    rootClassName?: string;
+    dropdownClassName?: string;
 } & ({
     selected?: I["value"];
     label: string;

package/dist/components/Select/Select.js

@@ -48,7 +48,7 @@ const OneUIProvider_1 = require("../../context/OneUIProvider");
  * A dropdown select
  **/
 function Select(_a) {
-    var { items, selected, label, onClick, loading } = _a, otherProps = __rest(_a, ["items", "selected", "label", "onClick", "loading"]);
+    var { items, selected, label, onClick, loading, rootClassName = "", dropdownClassName = "" } = _a, otherProps = __rest(_a, ["items", "selected", "label", "onClick", "loading", "rootClassName", "dropdownClassName"]);
     const { StateIndicator } = (0, OneUIProvider_1.useOneUIContext)().component.select;
     const _selected = (0, react_1.useMemo)(() => {
         return items.find((a) => a.value === selected);
@@ -66,7 +66,7 @@ function Select(_a) {
     return (react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement(Input_1.default, Object.assign({}, otherProps, { className: `${Select_module_scss_1.default.input} ${!items.length ? Select_module_scss_1.default.empty : ""}`, value: (_selected === null || _selected === void 0 ? void 0 : _selected.label) || label, disabled: true, Icon: react_1.default.createElement("div", { className: `${Select_module_scss_1.default.indicator}` }, loading ? react_1.default.createElement(Loader_1.default, null) : react_1.default.createElement(StateIndicator, { open: !!open })) })), id: undefined, mode: "float", open: open, onToggleOpen: (open) => {
             if (items.length)
                 setOpen(open);
-        }, className: otherProps.disabled ? "disabled" : "", contentClassName: `${Select_module_scss_1.default.optionsContainer}` },
+        }, className: `${otherProps.disabled ? "disabled" : ""} ${rootClassName}`, contentClassName: `${Select_module_scss_1.default.optionsContainer} ${dropdownClassName}` },
         react_1.default.createElement("div", { className: Select_module_scss_1.default.items, onClick: (e) => {
                 e.stopPropagation();
                 setOpen(false);

package/dist/components/Select/Select.js.map

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

package/dist/components/Tabs/Tabs.d.ts

@@ -1,11 +1,12 @@
 /**
  * Show tabs for toggling between options
  **/
-export default function Tabs<O extends string>({ options, selected, onSelect }: {
+export default function Tabs<O extends string>({ options, selected, onSelect, itemClassName, }: {
     options: Readonly<{
         id: O;
         label: string;
     }[]>;
     selected?: O;
     onSelect: (option: O) => void;
+    itemClassName?: string;
 }): JSX.Element;

package/dist/components/Tabs/Tabs.js

@@ -31,19 +31,27 @@ const Tabs_module_scss_1 = __importDefault(require("./Tabs.module.scss"));
 /**
  * Show tabs for toggling between options
  **/
-function Tabs({ options, selected, onSelect }) {
+function Tabs({ options, selected, onSelect, itemClassName = "", }) {
     const selectedRef = (0, react_1.useRef)(null);
     const guideRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        guideRef.current.style['opacity'] = selectedRef.current ? "1" : "0";
-        guideRef.current.style['width'] = selectedRef.current ? selectedRef.current.clientWidth + "px" : "0px";
-        guideRef.current.style['left'] = selectedRef.current ? selectedRef.current.offsetLeft + "px" : "initial";
-        guideRef.current.style['top'] = selectedRef.current ? selectedRef.current.offsetTop + selectedRef.current.clientHeight + "px" : "initial";
+        guideRef.current.style["opacity"] = selectedRef.current
+            ? "1"
+            : guideRef.current.style["opacity"];
+        guideRef.current.style["width"] = selectedRef.current
+            ? selectedRef.current.clientWidth + "px"
+            : "0px";
+        guideRef.current.style["left"] = selectedRef.current
+            ? selectedRef.current.offsetLeft + "px"
+            : guideRef.current.style["left"] || "initial";
+        guideRef.current.style["top"] = selectedRef.current
+            ? selectedRef.current.offsetTop + selectedRef.current.clientHeight + "px"
+            : guideRef.current.style["top"] || "initial";
     }, [selected]);
-    return react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: Tabs_module_scss_1.default.container },
-            options.map(o => react_1.default.createElement("p", { ref: selected === o.id ? selectedRef : undefined, onClick: () => onSelect(o.id), className: selected === o.id ? Tabs_module_scss_1.default.selected : "", key: o.id, "data-testid": "tab-option" }, o.label)),
-            react_1.default.createElement("div", { ref: guideRef, className: Tabs_module_scss_1.default.guide, "data-testid": "tab-guide" })));
+            options.map((o) => (react_1.default.createElement("p", { ref: selected === o.id ? selectedRef : undefined, onClick: () => onSelect(o.id), className: `${selected === o.id ? Tabs_module_scss_1.default.selected : ""} ${itemClassName}`, key: o.id, "data-testid": "tab-option" }, o.label))),
+            react_1.default.createElement("div", { ref: guideRef, className: Tabs_module_scss_1.default.guide, "data-testid": "tab-guide" }))));
 }
 exports.default = Tabs;
 //# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAmB,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAGxB;IAC/C,MAAM,WAAW,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACrE,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACxG,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1G,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/I,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO;QACH,uCAAK,SAAS,EAAE,0BAAM,CAAC,SAAS;YAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,qCAAG,GAAG,EAAE,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,0BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,iBAAc,YAAY,IAAE,CAAC,CAAC,KAAK,CAAK,CAAC;YAC7M,uCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAM,CAAC,KAAK,iBAAc,WAAW,GAAE,CACpE,CACP,CAAC;AACR,CAAC;AAlBD,uBAkBC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAmB,EAC7C,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,aAAa,GAAG,EAAE,GAWnB;IACC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,OAAO;YACtD,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO;YACpD,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI;YACxC,CAAC,CAAC,KAAK,CAAC;QACV,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,OAAO;YACnD,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI;YACvC,CAAC,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;QACjD,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,OAAO;YAClD,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI;YACzE,CAAC,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;IAClD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,0BAAM,CAAC,SAAS;YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,qCACE,GAAG,EAAE,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7B,SAAS,EAAE,GACT,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,0BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EACxC,IAAI,aAAa,EAAE,EACnB,GAAG,EAAE,CAAC,CAAC,EAAE,iBACG,YAAY,IAEvB,CAAC,CAAC,KAAK,CACN,CACL,CAAC;YACF,uCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAM,CAAC,KAAK,iBAAc,WAAW,GAAG,CACnE,CACL,CACJ,CAAC;AACJ,CAAC;AApDD,uBAoDC"}

package/dist/components/Tabs/Tabs.module.scss

@@ -7,7 +7,6 @@
   align-items: flex-start;
   p {
     cursor: pointer;
-    margin: 1em 2em;
     &.selected {
       font-weight: bold;
     }

package/dist/components/Text/Text.d.ts

@@ -4,11 +4,11 @@ import React from "react";
  **/
 export declare function _Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
     className?: string;
-    type: "title" | "description" | "error" | "caption" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "link" | "boldTitleBig" | "content";
+    type: OnepercentUtility.UIElements.TextVariants;
 } & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<{
     className?: string | undefined;
-    type: "link" | "caption" | "title" | "content" | "description" | "error" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "boldTitleBig";
+    type: OnepercentUtility.UIElements.TextVariants;
 } & React.HTMLAttributes<HTMLParagraphElement> & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA6D;AAC7D,0EAAwC;AAExC;;IAEI;AACJ,SAAgB,KAAK,CACnB,EAqBC;QArBD,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAkBf,EAjBI,UAAU,cAJf,iCAKC,CADc;IAmBf,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,mDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IACvB,aAAa,CAAC,IAAI,CAAC,IAAI,0BAAM,CAAC,IAAI,CACpC,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAC3D,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AArCD,sBAqCC;AAED,kBAAe,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA6D;AAC7D,0EAAwC;AAExC;;IAEI;AACJ,SAAgB,KAAK,CACnB,EAUC;QAVD,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAOf,EANI,UAAU,cAJf,iCAKC,CADc;IAQf,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,mDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IACvB,aAAa,CAAC,IAAI,CAAC,IAAI,0BAAM,CAAC,IAAI,CACpC,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAC3D,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AA1BD,sBA0BC;AAED,kBAAe,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC"}

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,2CAA0D;AAC1D,kFAA0D;AA+C1D;;IAEI;AACJ,SAAS,uBAAuB,CAC9B,KAA+B,EAC/B,GAGE;IAEF,OAAO,CACL,8BAAC,8BAAiB;QAChB,8BAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CACjC,CACrB,CAAC;AACJ,CAAC;AACD;;IAEI;AACJ,SAAS,4BAA4B,CACnC,KAEC,EACD,GAGE;IAEF,OAAO,8BAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CAAC;AAC7D,CAAC;AAED,SAAS,OAAO,CAAC,EACf,mBAAmB,EACnB,cAAc,EACd,KAAK,EACL,OAAO,EAAE,sBAAsB,EAC/B,OAAO,EACP,QAAQ,GAQT;IACC,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAC;IAC3B,MAAM,sBAAsB,GAAG,IAAA,yBAAe,GAAE,CAAC;IACjD,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,sBAAsB,CAAC,OAAO,CAAC,GAAS,EAAE;YACxC,MAAM,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACjC,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAA,CAAC,CAAC;IACL,CAAC,CAAA,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,YAAY,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC3D,IAAI,WAAW,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO,EAAE,CAAC;IAChD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,2BAAmB,EACjB,OAAO,EACP,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,UAAU;KACX,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACjE,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,CACnB,CAAC;IAEF,SAAe,aAAa;;YAC1B,IAAI;gBACF,MAAM,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;oBAC5B,MAAM,EAAE,4BAA4B;oBACpC,MAAM,EAAE;wBACN;4BACE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;yBACvD;qBACF;iBACF,CAAC,CAAC;aACJ;YAAC,OAAO,CAAM,EAAE;gBACf,QAAQ,CAAC,CAAC,IAAI,EAAE;oBACd,KAAK,IAAI;wBACP,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;4BACtB,MAAM,EAAE,yBAAyB;4BACjC,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;oCACtD,SAAS,EAAE,KAAK,CAAC,IAAI;oCACrB,OAAO,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;oCACvB,iBAAiB,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC;oCACtC,cAAc,EAAE;wCACd,MAAM,EAAE,KAAK,CAAC,QAAQ;wCACtB,QAAQ,EAAE,EAAE;qCACb;iCACF;6BACF;yBACF,CAAC,CAAC;iBACN;aACF;QACH,CAAC;KAAA;IACD,MAAM,cAAc,GAAG,sBAA6B,CAAC;IACrD,OAAO,CACL;QACG,mBAAmB,IAAI,CAAC,mBAAmB,IAAI,8BAAC,mBAAmB,OAAG;QACtE,cAAc,IAAI,CAAC,cAAc,IAAI,CACpC,8BAAC,cAAc,IAAC,aAAa,EAAE,aAAa,GAAI,CACjD;QAEC,8BAAC,cAAc,oBACT,sBAAsB,IAC1B,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,EACxC,wBAAwB,EAAE,cAAc,IAAI,MAAM,CAAC,WAAW,EAAE,EAChE,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,EACjC,MAAM,EAAE,MAAM,CAAC,OAAO,KAErB,QAAQ,CACM,CAElB,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC;AACtC,QAAA,2BAA2B,GAAG,IAAA,kBAAU,EACnD,4BAA4B,CAC7B,CAAC"}
+{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/context/AsyncProcessQueue.d.ts

@@ -0,0 +1,71 @@
+import React, { PropsWithChildren, ReactElement, RefObject } from "react";
+export declare enum AsyncQueueErrors {
+    RECOVERY_IS_NOT_BEING_CALLED = "A recovery is not set for this call. If the user reloads the page, this process will not return to the async list"
+}
+declare type ReactElementWithState = ReactElement & {
+    status: "loading" | "succeded" | "failed";
+};
+declare type ContextShape = {
+    targetElRef: RefObject<HTMLDivElement>;
+    pendingTransactions: ReturnType<typeof useCounter>;
+    UIs: ReactElementWithState[];
+    setUIs: (updater: (previous: ReactElementWithState[]) => ReactElementWithState[]) => void;
+    watchPromise: <T extends keyof OnepercentUtility.AsyncQueue.UIModels>(promise: Promise<any>, retryFunc: () => Promise<any>, uiType: T, ...uiArgs: OnepercentUtility.AsyncQueue.UIModels[T]) => void;
+    recoveries: {
+        [k in keyof OnepercentUtility.AsyncQueue.RecoveryTypes]: {
+            write: (...args: OnepercentUtility.AsyncQueue.RecoveryTypes[k]) => void;
+            clear: (...args: OnepercentUtility.AsyncQueue.RecoveryTypes[k]) => void;
+        };
+    };
+};
+declare function useCounter(): {
+    count: number;
+    setCounter: React.Dispatch<React.SetStateAction<number>>;
+    increment: () => void;
+    decrement: () => void;
+    reset: () => void;
+};
+/**
+ * This propagates the utilitary functions
+ */
+export declare function AsyncProcessQueueProvider<R extends OnepercentUtility.AsyncQueue.RecoveryTypes = OnepercentUtility.AsyncQueue.RecoveryTypes, T extends keyof OnepercentUtility.AsyncQueue.UIModels = keyof OnepercentUtility.AsyncQueue.UIModels>({ children, recoveries, uiFactory, }: PropsWithChildren<{
+    recoveries: {
+        [k in keyof R]: {
+            write: (...args: R[k]) => void;
+            clear: (...args: R[k]) => void;
+            recover: () => [
+                promiseToWaitFor: Promise<any>,
+                promiseRetryFunction: () => Promise<any>,
+                uiType: T,
+                ...uiArgs: OnepercentUtility.AsyncQueue.UIModels[T]
+            ][];
+        };
+    };
+    uiFactory: (type: keyof OnepercentUtility.AsyncQueue.UIModels) => UIStateFactory;
+}>): JSX.Element;
+export declare function useAsyncProcessQueueContext(): ContextShape;
+declare type AsyncProcessStatuses = "loading" | "succeded" | "failed";
+export interface UIStateFactory {
+    (status: AsyncProcessStatuses, error?: Error, dismiss?: () => void, retry?: () => void): ReactElement;
+}
+/** This exposes the recovery registration functions available for abtract types of calls */
+export declare function useRecoveries<R extends OnepercentUtility.AsyncQueue.RecoveryTypes = OnepercentUtility.AsyncQueue.RecoveryTypes>(): {
+    [K in keyof R]: {
+        write(...args: R[K]): void;
+        clear(...args: R[K]): void;
+    };
+};
+declare type Params<U extends keyof OnepercentUtility.AsyncQueue.UIModels = keyof OnepercentUtility.AsyncQueue.UIModels> = [U, ...OnepercentUtility.AsyncQueue.UIModels[U]];
+/**
+ * This function wraps other async functions and decides when the ongoing promise should be put on the queue or not
+ */
+export declare function useAsyncProcessQueue<T extends {
+    [k: string]: (...args: any[]) => Promise<any>;
+}>(functionsToQueue: T, UIParamsFactory: <F extends keyof T>(functionName: F) => Params): T & {
+    elToTransitionToQueue: RefObject<HTMLDivElement>;
+    /**
+     * Function that wraps the current running actions and animates to the target queue element
+     */
+    wrapQueue: () => void;
+};
+export {};

package/dist/context/AsyncProcessQueue.development.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Binds to the promise and checks if a restore has been registered when finishing
+ * @param promise
+ */
+export declare function securePromise<T>(promise: Promise<T>): Promise<T>;
+/** This registers that a registration has been made an this will be recoverable */
+export declare function countRegistration(): void;
+export declare function resetRegistrationCounter(): void;

package/dist/context/AsyncProcessQueue.development.js

@@ -0,0 +1,42 @@
+"use strict";
+// This file has been created to optimize module bundling and ignore development utility
+// when on production by unused imports
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetRegistrationCounter = exports.countRegistration = exports.securePromise = void 0;
+const AsyncProcessQueue_1 = require("./AsyncProcessQueue");
+/** This count how many registrations have been made */
+let amountOfRestorationThatShouldBeNeeded = 0;
+/**
+ * Binds to the promise and checks if a restore has been registered when finishing
+ * @param promise
+ */
+function securePromise(promise) {
+    function validate() {
+        if (amountOfRestorationThatShouldBeNeeded === 0) {
+            throw new Error(AsyncProcessQueue_1.AsyncQueueErrors.RECOVERY_IS_NOT_BEING_CALLED);
+        }
+    }
+    return promise
+        .then((e) => {
+        validate();
+        return e;
+    })
+        .catch((e) => {
+        validate();
+        return Promise.reject(e);
+    })
+        .finally(() => amountOfRestorationThatShouldBeNeeded > 0
+        ? amountOfRestorationThatShouldBeNeeded--
+        : 0);
+}
+exports.securePromise = securePromise;
+/** This registers that a registration has been made an this will be recoverable */
+function countRegistration() {
+    amountOfRestorationThatShouldBeNeeded++;
+}
+exports.countRegistration = countRegistration;
+function resetRegistrationCounter() {
+    amountOfRestorationThatShouldBeNeeded = 0;
+}
+exports.resetRegistrationCounter = resetRegistrationCounter;
+//# sourceMappingURL=AsyncProcessQueue.development.js.map

package/dist/context/AsyncProcessQueue.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncProcessQueue.development.js","sourceRoot":"","sources":["../../src/context/AsyncProcessQueue.development.tsx"],"names":[],"mappings":";AAAA,wFAAwF;AACxF,uCAAuC;;;AAEvC,2DAAuD;AAEvD,uDAAuD;AACvD,IAAI,qCAAqC,GAAG,CAAC,CAAC;AAE9C;;;GAGG;AACH,SAAgB,aAAa,CAAI,OAAmB;IAClD,SAAS,QAAQ;QACf,IAAI,qCAAqC,KAAK,CAAC,EAAE;YAC/C,MAAM,IAAI,KAAK,CAAC,oCAAgB,CAAC,4BAA4B,CAAC,CAAC;SAChE;IACH,CAAC;IACD,OAAO,OAAO;SACX,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;QACV,QAAQ,EAAE,CAAC;QACX,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;SACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACX,QAAQ,EAAE,CAAC;QACX,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;SACD,OAAO,CAAC,GAAG,EAAE,CACZ,qCAAqC,GAAG,CAAC;QACvC,CAAC,CAAC,qCAAqC,EAAE;QACzC,CAAC,CAAC,CAAC,CACN,CAAC;AACN,CAAC;AApBD,sCAoBC;AAED,mFAAmF;AACnF,SAAgB,iBAAiB;IAC/B,qCAAqC,EAAE,CAAC;AAC1C,CAAC;AAFD,8CAEC;AAED,SAAgB,wBAAwB;IACtC,qCAAqC,GAAG,CAAC,CAAC;AAC5C,CAAC;AAFD,4DAEC"}