@onepercentio/one-ui 0.5.0 → 0.6.0

package/dist/components/AnimatedEntrance/AnimatedEntrance.module.scss

@@ -1,3 +1,4 @@
+@use 'sass:math';
 @keyframes expand {
   0% {
     transform: translateX(100%);
@@ -62,7 +63,7 @@ $duration: 1s;
 }
 
 .resetHeight {
-  transition: max-height $duration/2 $duration * 0.2;
+  transition: max-height math.div($duration, 2) $duration * 0.2;
   min-height: initial;
   align-items: flex-start !important;
   > * {

package/dist/components/BucketFill/BucketFill.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, ReactNode } from "react";
+/**
+ * A weird name for a component, but it's objective is to change element colors as the user progresses through a series of steps
+ *
+ * IT IS NOT READY (AND PROBABLY NEVER WILL) FOR FRAGMENT NODES
+ **/
+export default function BucketFill({ children, background, fillTo, }: {
+    children: ReactNode[];
+    fillTo: number;
+    background: string;
+}): JSX.Element;
+export declare function IgnoreFill({ children }: PropsWithChildren<{}>): JSX.Element;

package/dist/components/BucketFill/BucketFill.js

@@ -0,0 +1,66 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IgnoreFill = void 0;
+const react_1 = __importStar(require("react"));
+const BucketFill_module_scss_1 = __importDefault(require("./BucketFill.module.scss"));
+/**
+ * A weird name for a component, but it's objective is to change element colors as the user progresses through a series of steps
+ *
+ * IT IS NOT READY (AND PROBABLY NEVER WILL) FOR FRAGMENT NODES
+ **/
+function BucketFill({ children, background, fillTo, }) {
+    const rootRef = (0, react_1.useRef)(null);
+    function resize() {
+        const childs = rootRef.current.children;
+        const s = rootRef.current.style;
+        const elementAtPosition = fillTo === 0 ? null : childs.item(fillTo - 1);
+        const elementOffsetAndHeight = elementAtPosition === null
+            ? 0
+            : elementAtPosition.offsetTop + elementAtPosition.clientHeight;
+        const elementRootHeight = rootRef.current.clientHeight;
+        const percentToFill = Math.min((elementOffsetAndHeight * 100) / elementRootHeight, 100);
+        s.setProperty("--fill-height", `${percentToFill}%`);
+        s.setProperty("--empty-height", `${100 - percentToFill}%`);
+        s.setProperty("--bg-offset", `${percentToFill === 100 ? -1000 : 100 / ((100 - percentToFill) / 100)}%`);
+    }
+    (0, react_1.useEffect)(() => {
+        resize();
+        window.addEventListener("resize", resize);
+        return () => window.removeEventListener("resize", resize);
+    }, [fillTo]);
+    return (react_1.default.createElement("div", { ref: rootRef, style: {
+            "--bg": background,
+        }, className: BucketFill_module_scss_1.default.root }, children));
+}
+exports.default = BucketFill;
+function IgnoreFill({ children }) {
+    return react_1.default.createElement("div", { className: BucketFill_module_scss_1.default.ignoreFill }, children);
+}
+exports.IgnoreFill = IgnoreFill;
+//# sourceMappingURL=BucketFill.js.map

package/dist/components/BucketFill/BucketFill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BucketFill.js","sourceRoot":"","sources":["../../../src/components/BucketFill/BucketFill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+E;AAC/E,sFAA8C;AAE9C;;;;IAII;AACJ,SAAwB,UAAU,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,MAAM,GAKP;IACC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,SAAS,MAAM;QACb,MAAM,MAAM,GAAG,OAAO,CAAC,OAAQ,CAAC,QAAQ,CAAC;QACzC,MAAM,CAAC,GAAG,OAAO,CAAC,OAAQ,CAAC,KAAK,CAAC;QACjC,MAAM,iBAAiB,GACrB,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAiB,CAAC;QACjE,MAAM,sBAAsB,GAC1B,iBAAiB,KAAK,IAAI;YACxB,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,iBAAiB,CAAC,SAAS,GAAG,iBAAiB,CAAC,YAAY,CAAC;QACnE,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAQ,CAAC,YAAY,CAAC;QACxD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,CAAC,sBAAsB,GAAG,GAAG,CAAC,GAAG,iBAAiB,EAClD,GAAG,CACJ,CAAC;QAEF,CAAC,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,aAAa,GAAG,CAAC,CAAC;QACpD,CAAC,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,GAAG,GAAG,aAAa,GAAG,CAAC,CAAC;QAC3D,CAAC,CAAC,WAAW,CACX,aAAa,EACb,GAAG,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,CAAC,GAAG,CAC1E,CAAC;IACJ,CAAC;IACD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,CAAC;QACT,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,uCACE,GAAG,EAAE,OAAO,EACZ,KAAK,EACH;YACE,MAAM,EAAE,UAAU;SACZ,EAEV,SAAS,EAAE,gCAAM,CAAC,IAAI,IAErB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AApDD,6BAoDC;AAED,SAAgB,UAAU,CAAC,EAAE,QAAQ,EAAyB;IAC5D,OAAO,uCAAK,SAAS,EAAE,gCAAM,CAAC,UAAU,IAAG,QAAQ,CAAO,CAAC;AAC7D,CAAC;AAFD,gCAEC"}

package/dist/components/BucketFill/BucketFill.module.scss

@@ -0,0 +1,36 @@
+@import "../../assets/styles/variables.scss";
+
+.root {
+  position: relative;
+  z-index: 1;
+  > :not(div) {
+    mix-blend-mode: color;
+  }
+  > div > * {
+    mix-blend-mode: color;
+  }
+  &::before,
+  &::after {
+    background: var(--bg);
+    width: 100%;
+    position: absolute;
+    content: " ";
+    z-index: -1;
+    transition: height $fast, background-size $fast;
+  }
+  &::before {
+    opacity: 0;
+    top: 0;
+    height: var(--fill-height);
+  }
+  &::after {
+    opacity: 0.6;
+    bottom: 0;
+    height: var(--empty-height);
+    background-size: 100% var(--bg-offset);
+    background-position: bottom;
+  }
+  .ignoreFill {
+    mix-blend-mode: multiply;
+  }
+}

package/dist/components/BucketFill/BucketFill.stories.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import BucketFill from "./BucketFill";
+import "./BucketFill.stories.module.scss";
+declare const _default: {
+    component: typeof BucketFill;
+    title: string;
+};
+export default _default;
+export declare const AutoFill: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        children: React.ReactNode[];
+        fillTo: number;
+        background: string;
+    }>;
+};
+export declare const Sandbox: (args: any) => JSX.Element;

package/dist/components/BucketFill/BucketFill.stories.js

@@ -0,0 +1,141 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sandbox = exports.AutoFill = void 0;
+const react_1 = __importStar(require("react"));
+const Button_1 = __importDefault(require("../Button"));
+const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
+const BucketFill_1 = __importStar(require("./BucketFill"));
+require("./BucketFill.stories.module.scss");
+exports.default = {
+    component: BucketFill_1.default,
+    title: "Bucket Fill",
+};
+const AutoFill = (args) => {
+    const [fillTo, ss] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const i = setInterval(() => {
+            ss((a) => (a === 4 ? 0 : a + 1));
+        }, 1000);
+        return () => clearInterval(i);
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h1", null,
+            "Filling to ",
+            fillTo),
+        react_1.default.createElement("div", { style: { display: "flex" } },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(BucketFill_1.default, Object.assign({}, args, { fillTo: fillTo, background: "white" }),
+                    react_1.default.createElement("h1", null, "First step"),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("p", null, "Second"),
+                        react_1.default.createElement("p", null, "step")),
+                    react_1.default.createElement(BucketFill_1.IgnoreFill, null,
+                        react_1.default.createElement(Button_1.default, { variant: "filled" }, "Third step")),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(MutableHamburgerButton_1.default, { state: "loading", size: 180 }),
+                        react_1.default.createElement(BucketFill_1.IgnoreFill, null,
+                            react_1.default.createElement(Button_1.default, null, "BADADADADAD")),
+                        react_1.default.createElement("p", null, "Fourth step")))),
+            react_1.default.createElement("div", { style: {
+                    background: "#000",
+                    color: "white",
+                    "--digital-blue": "white",
+                } },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(BucketFill_1.default, Object.assign({}, args, { fillTo: fillTo, background: "#000" }),
+                        react_1.default.createElement("h1", null, "First step"),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("p", null, "Second"),
+                            react_1.default.createElement("p", null, "step")),
+                        react_1.default.createElement("p", null, "Third step"),
+                        react_1.default.createElement("div", { style: {} },
+                            react_1.default.createElement(MutableHamburgerButton_1.default, { state: "loading", size: 180 }),
+                            "Fourth step")))),
+            react_1.default.createElement("div", { style: {
+                    background: "yellow",
+                    color: "black",
+                    "--digital-blue": "black",
+                } },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(BucketFill_1.default, Object.assign({}, args, { fillTo: fillTo, background: "yellow" }),
+                        react_1.default.createElement("h1", null, "First step"),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("p", null, "Second"),
+                            react_1.default.createElement("p", null, "step")),
+                        react_1.default.createElement("p", null, "Third step"),
+                        react_1.default.createElement("div", { style: {} },
+                            react_1.default.createElement(MutableHamburgerButton_1.default, { state: "loading", size: 180 }),
+                            "Fourth step")))),
+            react_1.default.createElement("div", { style: {
+                    background: "linear-gradient(to bottom, red, green, blue)",
+                    color: "black",
+                    "--digital-blue": "black",
+                } },
+                react_1.default.createElement(BucketFill_1.default, Object.assign({}, args, { fillTo: fillTo, background: "linear-gradient(to bottom, red, green, blue)" }),
+                    react_1.default.createElement("h1", null, "First step"),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("p", null, "Second"),
+                        react_1.default.createElement("p", null, "step")),
+                    react_1.default.createElement("p", null, "Third step"),
+                    react_1.default.createElement("div", { style: {} },
+                        react_1.default.createElement(MutableHamburgerButton_1.default, { state: "loading", size: 180 }),
+                        "Fourth step"))),
+            react_1.default.createElement("div", { style: {
+                    background: "linear-gradient(to right, red, green, blue)",
+                    color: "black",
+                    "--digital-blue": "black",
+                } },
+                react_1.default.createElement(BucketFill_1.default, Object.assign({}, args, { fillTo: fillTo, background: "linear-gradient(to right, red, green, blue)" }),
+                    react_1.default.createElement("h1", null, "First step"),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("p", null, "Second"),
+                        react_1.default.createElement("p", null, "step")),
+                    react_1.default.createElement("p", null, "Third step"),
+                    react_1.default.createElement("div", { style: {} },
+                        react_1.default.createElement(MutableHamburgerButton_1.default, { state: "loading", size: 180 }),
+                        "Fourth step"))))));
+};
+exports.AutoFill = AutoFill;
+exports.AutoFill.args = {};
+const Sandbox = (args) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(BucketFill_1.default, Object.assign({}, args),
+                react_1.default.createElement("h1", null, "First step"),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("p", null, "Second"),
+                    react_1.default.createElement("p", null, "step")),
+                react_1.default.createElement("p", null, "Third step"),
+                react_1.default.createElement("div", { style: {} },
+                    react_1.default.createElement(Button_1.default, null, "sajdnasnd"),
+                    react_1.default.createElement(MutableHamburgerButton_1.default, { state: "loading", size: 180 }),
+                    react_1.default.createElement("p", null, "Fourth step"))))));
+};
+exports.Sandbox = Sandbox;
+//# sourceMappingURL=BucketFill.stories.js.map

package/dist/components/BucketFill/BucketFill.stories.js.map

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

package/dist/components/BucketFill/BucketFill.stories.module.scss

@@ -0,0 +1,3 @@
+* {
+    margin: 0px;
+}

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

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

package/dist/components/BucketFill/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 BucketFill_1 = require("./BucketFill");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BucketFill_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BucketFill/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts

@@ -3,6 +3,6 @@ import React from "react";
  * A hamburger button that mutates according to it's state
  **/
 export default function MutableHamburgerButton({ state, size, className, ...props }: {
-    state?: "default" | "closed" | "arrow-up" | "arrow-down" | "search";
+    state?: "default" | "closed" | "arrow-up" | "arrow-down" | "search" | "loading" | "checkmark";
     size: number;
 } & React.HTMLProps<HTMLDivElement>): JSX.Element;

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss

@@ -1,6 +1,7 @@
+@use 'sass:math';
 @import "../../assets/styles/index.scss";
 
-$slice: 1/7;
+$slice: math.div(1, 7);
 
 .container {
   box-sizing: content-box;
@@ -14,18 +15,33 @@ $slice: 1/7;
   background-size: 0 0;
   background-repeat: no-repeat;
   transition: transform 250ms;
+  transition-timing-function: ease-in-out;
   &:active {
     transform: scale(0.9);
   }
   > * {
+    flex-shrink: 0;
     box-sizing: content-box;
     width: 0.8em;
     height: #{$slice}em;
-    border-radius: #{$slice / 2}em;
-    transition: transform $veryFast, width $veryFast;
+    border-radius: #{math.div($slice, 2)}em;
+    transition: transform $veryFast, width $veryFast, height $veryFast,
+      border-width $veryFast, background-color $veryFast,
+      border-radius $veryFast;
     background: var(--mutable-hamburger-background, $digitalBlue);
     background-size: 1em 1em;
     background-repeat: no-repeat;
+    border: 0em solid #0000;
+    &:nth-child(1) {
+      border-top-color: var(--mutable-hamburger-background, $digitalBlue);
+    }
+    &:nth-child(2) {
+      border-right-color: var(--mutable-hamburger-background, $digitalBlue);
+    }
+    &:nth-child(3) {
+      border-bottom-color: var(--mutable-hamburger-background, $digitalBlue);
+      border-left-color: var(--mutable-hamburger-background, $digitalBlue);
+    }
   }
   & > * {
     background-position-x: -0.1em;
@@ -89,20 +105,72 @@ $slice: 1/7;
       height: #{$slice * $rate}em;
       border-radius: #{$slice * $rate * 2}em;
       background-color: transparent;
-      border: #{$slice / 1.35}em solid
+      border: #{math.div($slice, 1.35)}em solid
         var(--mutable-hamburger-background, $digitalBlue);
       transform: translateX(-0.15em);
     }
     > :nth-child(2) {
       transform: translateX(0.12em) translateY(-0.05em) rotateZ(45deg);
-      height: #{$slice / 1.35}em;
+      height: #{math.div($slice, 1.35)}em;
       width: 0.55em;
     }
     > :nth-child(3) {
       transform: translateX(0.12em) translateY(-#{($slice * 1.3) + 0.05}em)
         rotateZ(45deg);
-      height: #{$slice / 1.35}em;
+      height: #{math.div($slice, 1.35)}em;
       width: 0.55em;
     }
   }
+
+  &.checkmark {
+    > :nth-child(1) {
+      transform: translateY(#{$slice * 2}em) translateX(-0.178em)
+        translateY(0.13em) rotate(45deg);
+      height: #{$slice}em;
+      width: 0.45em;
+    }
+    > :nth-child(2) {
+      height: #{$slice}em;
+      width: 0.7em;
+      transform: translateX(0.1em) rotate(-55deg);
+    }
+    > :nth-child(3) {
+      transform: translateY(-#{$slice * 2}em) translateX(0.1em) rotate(-55deg);
+      height: #{$slice}em;
+      width: 0.7em;
+    }
+  }
+
+  &.loading {
+    $slice: math.div(1, 6);
+    @keyframes rotate {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    animation-name: rotate;
+    animation-duration: 1s;
+    animation-delay: $veryFast;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    > * {
+      background-color: #0000;
+      width: #{$slice * 2.5}em;
+      height: #{$slice * 2.5}em;
+      border-radius: #{$slice * 2.5}em;
+      border-width: #{$slice}em;
+    }
+    > :nth-child(1) {
+      transform: translateY(#{$slice * 4.5}em);
+    }
+    > :nth-child(2) {
+      transform: rotateZ(-5deg);
+    }
+    > :nth-child(3) {
+      transform: translateY(-#{$slice * 4.5}em) rotateZ(-95deg);
+    }
+  }
 }

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import MutableHamburgerButton from "./MutableHamburgerButton";
 declare const _default: {
     component: typeof MutableHamburgerButton;
@@ -8,7 +8,14 @@ export default _default;
 export declare const InitialImplementation: {
     (args: any): JSX.Element;
     args: Partial<{
-        state?: "search" | "default" | "closed" | "arrow-up" | "arrow-down" | undefined;
+        state?: "search" | "default" | "closed" | "arrow-up" | "arrow-down" | "loading" | "checkmark" | undefined;
+        size: number;
+    } & React.HTMLProps<HTMLDivElement>>;
+};
+export declare const TransitionToLoader: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        state?: "search" | "default" | "closed" | "arrow-up" | "arrow-down" | "loading" | "checkmark" | undefined;
         size: number;
     } & React.HTMLProps<HTMLDivElement>>;
 };

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js

@@ -1,16 +1,74 @@
 "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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
+exports.TransitionToLoader = exports.InitialImplementation = void 0;
+const react_1 = __importStar(require("react"));
 const MutableHamburgerButton_1 = __importDefault(require("./MutableHamburgerButton"));
 exports.default = {
     component: MutableHamburgerButton_1.default,
-    title: "Mutable Hamburger Button"
+    title: "Mutable Hamburger Button",
 };
-const InitialImplementation = (args) => react_1.default.createElement(MutableHamburgerButton_1.default, Object.assign({}, args));
+const InitialImplementation = (args) => (react_1.default.createElement("div", { style: { backgroundColor: "#00f5", display: "inline-block" } },
+    react_1.default.createElement(MutableHamburgerButton_1.default, Object.assign({}, args))));
 exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {};
+exports.InitialImplementation.args = {
+    size: window.screen.availHeight * 0.4,
+};
+const TransitionToLoader = (args) => {
+    const [s, ss] = (0, react_1.useState)("closed");
+    function randomState() {
+        const r = Math.random();
+        if (r < 0.2) {
+            return "default";
+        }
+        else if (r < 0.4) {
+            return "arrow-down";
+        }
+        else if (r < 0.6) {
+            return "arrow-up";
+        }
+        else if (r < 0.8) {
+            return "closed";
+        }
+        else {
+            return "search";
+        }
+    }
+    (0, react_1.useEffect)(() => {
+        const o = setInterval(() => {
+            ss((p) => (p !== "loading" ? "loading" : randomState()));
+        }, 500);
+        return () => clearInterval(o);
+    });
+    return react_1.default.createElement(MutableHamburgerButton_1.default, Object.assign({}, args, { state: s }));
+};
+exports.TransitionToLoader = TransitionToLoader;
+exports.TransitionToLoader.args = {
+    size: window.screen.availHeight * 0.4,
+};
 //# sourceMappingURL=MutableHamburgerButton.stories.js.map

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutableHamburgerButton.stories.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sFAA8D;AAE9D,kBAAe;IACX,SAAS,EAAE,gCAAsB;IACjC,KAAK,EAAE,0BAA0B;CACpC,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,gCAAsB,oBAAK,IAAI,EAAG,CAAC;AAA3E,QAAA,qBAAqB,yBAAsD;AACxF,6BAAqB,CAAC,IAAI,GAAG,EAAkE,CAAA"}
+{"version":3,"file":"MutableHamburgerButton.stories.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,sFAA8D;AAE9D,kBAAe;IACb,SAAS,EAAE,gCAAsB;IACjC,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,uCAAK,KAAK,EAAE,EAAC,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAC;IAC7D,8BAAC,gCAAsB,oBAAK,IAAI,EAAI,CAChC,CACP,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC;AAE3D,MAAM,kBAAkB,GAAG,CAAC,IAAS,EAAE,EAAE;IAC9C,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GACX,IAAA,gBAAQ,EAAyD,QAAQ,CAAC,CAAC;IAE3E,SAAS,WAAW;QAChB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,EAAE;YACT,OAAO,SAAS,CAAA;SACnB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,YAAY,CAAA;SACtB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,UAAU,CAAA;SACpB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,QAAQ,CAAC;SACnB;aAAM;YACH,OAAO,QAAQ,CAAA;SAClB;IACL,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;YACzB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC3D,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,OAAO,8BAAC,gCAAsB,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,IAAI,CAAC;AACxD,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B;AACF,0BAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC"}

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts

@@ -45,7 +45,7 @@ declare const _default: React.ForwardRefExoticComponent<Props & {
 }>>;
 export default _default;
 export declare const BaseWalletConnectionWrapper: React.ForwardRefExoticComponent<Props & {
-    children?: React.ReactNode;
+    children?: any;
 } & React.RefAttributes<{
     connect: () => Promise<void>;
     disconnect: () => void;

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

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

package/dist/hooks/useAsyncControl.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 import { CommonErrorCodes } from "../types";
-export default function useAsyncControl<E extends CommonErrorCodes, F extends {
-    [k: string]: (...args: any[]) => Promise<any>;
-} | undefined = {}>(functionsToWrap?: F): {
+export default function useAsyncControl<E extends CommonErrorCodes, F = any>(functionsToWrap?: F): {
     process: (asyncFn: () => Promise<any>) => Promise<any>;
     loading: boolean;
     error: E | undefined;

package/dist/hooks/useAsyncControl.js

@@ -23,6 +23,7 @@ function useAsyncControl(functionsToWrap) {
             if (process.env.NODE_ENV === "development")
                 console.error(e);
             setError("UNEXPECTED_ERROR");
+            throw e;
         }
         finally {
             setLoading(false);

package/dist/hooks/useAsyncControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,CAEnB,eAAmB;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAK,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAO,OAA2B,EAAE,EAAE;QACjE,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO,MAAM,OAAO,EAAE,CAAC;SACxB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,CAAC,kBAAuB,CAAC,CAAC;SACnC;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,uBACE,OAAO,EAAE,QAAQ,EACjB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU,IACP,MAAM,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE;QAC/D,uCACK,CAAC,KACJ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,IAChD;IACH,CAAC,EAAE,EAAO,CAAM,EAChB;AACJ,CAAC;AAhCD,kCAgCC"}
+{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,CAAsC,eAAmB;IAC9F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAK,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAO,OAA2B,EAAE,EAAE;QACjE,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO,MAAM,OAAO,EAAE,CAAC;SACxB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,CAAC,kBAAuB,CAAC,CAAC;YAClC,MAAM,CAAC,CAAC;SACT;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,uBACE,OAAO,EAAE,QAAQ,EACjB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU,IACP,MAAM,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE;QAC/D,uCACK,CAAC,KACJ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAE,IAAY,CAAC,GAAG,IAAI,CAAC,CAAC,IAChE;IACH,CAAC,EAAE,EAAO,CAAM,EAChB;AACJ,CAAC;AA/BD,kCA+BC"}

package/dist/hooks/usePooledOperation.d.ts

@@ -3,7 +3,7 @@
  */
 export default function usePooledOperation(): {
     /** Indicates when it's loading */
-    loading: boolean;
+    loading: any;
     /** Indicates error of pooling or request */
     error: boolean;
     /** Retries the operation based on the current failed step */

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "files": [
     "dist",
     "WebpackConfigs",
-    "cypress/support"
+    "cypress/support",
+    "src/types.d.ts"
   ],
   "bin": {
     "start-emulator": "scripts/start-emulator.js"

package/src/types.d.ts

@@ -0,0 +1,36 @@
+type PrependNextNum<A extends Array<unknown>> = A['length'] extends infer T ? ((t: T, ...a: A) => void) extends ((...x: infer X) => void) ? X : never : never;
+
+type EnumerateInternal<A extends Array<unknown>, N extends number> = { 0: A, 1: EnumerateInternal<PrependNextNum<A>, N> }[N extends A['length'] ? 0 : 1];
+
+export type Enumerate<N extends number> = EnumerateInternal<[], N> extends (infer E)[] ? E : never;
+
+export type Range<FROM extends number, TO extends number> = Exclude<Enumerate<TO>, Enumerate<FROM>>;
+
+export type CommonErrorCodes = "UNEXPECTED_ERROR";
+
+type Decompose<O extends object> = O;
+
+export type BasicContext<T extends object> = {
+  set: <P extends keyof T>(p: P, value: T[typeof p]) => void;
+} & T;
+
+/**
+ * This is usefull for omitting props from union
+ * Check whz contestation model to see an example
+ *
+ * If different models with different properties use the native Omit<O>
+ * Their differences are also omitted generating a single model
+ *
+ * This typing solves that
+ */
+export type DistributiveOmit<T, K extends keyof any> = T extends any
+  ? Omit<T, K>
+  : never;
+
+declare global {
+  interface Window {
+    ethereum: any;
+    PRERENDER: boolean;
+    Cypress: any;
+  }
+}