@onepercentio/one-ui 0.15.1 → 0.16.0

package/dist/hooks/ui/useZoomable.js

@@ -0,0 +1,129 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const useZoomable_module_scss_1 = __importDefault(require("./useZoomable.module.scss"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const useHero_1 = __importDefault(require("../useHero"));
+const useMergeRefs_1 = require("../useMergeRefs");
+const ownEvent_1 = __importDefault(require("../../utils/ownEvent"));
+const ON_HERO_START = {
+    onHeroStart: (clone) => clone.classList.add(useZoomable_module_scss_1.default.overBackdrop),
+};
+/**
+ * Allows an element to be zoomable for fullscreen
+ */
+function useZoomable() {
+    const zoomableID = (0, react_1.useMemo)(() => `zoomable-${Date.now()}`, []);
+    const getBackdrop = () => {
+        return document.querySelector(`[data-zoomable="${zoomableID}"]`);
+    };
+    const { heroRef, trigger } = (0, useHero_1.default)(zoomableID, {
+        "data-preffix": "zoomable",
+        repeatable: true,
+    }, {
+        onHeroStart: (clone, ...args) => {
+            const bd = getBackdrop();
+            const removeCb = ({ currentTarget, target }) => {
+                if (target === currentTarget) {
+                    react_dom_1.default.unmountComponentAtNode(bd);
+                    bd.remove();
+                }
+            };
+            bd.style.opacity = "0";
+            ON_HERO_START.onHeroStart(clone, ...args);
+            const middlewayClick = () => {
+                bd.removeEventListener("transitionend", removeCb);
+                clone.removeEventListener("click", middlewayClick);
+                _zoom();
+            };
+            clone.addEventListener("click", middlewayClick);
+            bd.addEventListener("transitionend", removeCb);
+            bd.addEventListener("transitioncancel", (0, ownEvent_1.default)(() => bd.removeEventListener("transitionend", removeCb)));
+        },
+    });
+    const zoomableEl = (0, react_1.useRef)(null);
+    function _unzoom() {
+        trigger();
+    }
+    function _zoom() {
+        const elClone = zoomableEl.current.cloneNode(true);
+        elClone.style.visibility = "hidden";
+        function HeroMount() {
+            const { heroRef } = (0, useHero_1.default)(zoomableID, {
+                "data-preffix": "zoomable",
+                repeatable: true,
+            }, {
+                onHeroStart: (clone, ...args) => {
+                    getBackdrop().style.opacity = "1";
+                    ON_HERO_START.onHeroStart(clone, ...args);
+                    const unzoomCb = () => {
+                        _unzoom();
+                        clone.removeEventListener("click", unzoomCb);
+                    };
+                    clone.addEventListener("click", unzoomCb);
+                },
+                onHeroEnd: () => {
+                    heroRef.current.classList.remove(useZoomable_module_scss_1.default.zoomableIndicator);
+                },
+            });
+            return (react_1.default.createElement("div", { ref: (ref) => {
+                    if (ref) {
+                        ref.appendChild(elClone);
+                        heroRef.current = elClone;
+                    }
+                } }));
+        }
+        const existingBackdrop = getBackdrop();
+        if (!existingBackdrop) {
+            const backdrop = document.createElement("div");
+            backdrop.classList.add(useZoomable_module_scss_1.default.backdrop);
+            backdrop.addEventListener("click", _unzoom);
+            backdrop.setAttribute("data-zoomable", zoomableID);
+            document.body.appendChild(backdrop);
+            react_dom_1.default.render(react_1.default.createElement(HeroMount, null), backdrop);
+        }
+        else {
+            react_dom_1.default.render(react_1.default.createElement(HeroMount, null), existingBackdrop);
+        }
+    }
+    (0, react_1.useEffect)(() => {
+        const el = zoomableEl.current;
+        el.classList.add(useZoomable_module_scss_1.default.zoomableIndicator);
+        el.addEventListener("click", _zoom);
+        return () => {
+            el.classList.remove(useZoomable_module_scss_1.default.zoomableIndicator);
+        };
+    }, []);
+    const mergedRefs = (0, useMergeRefs_1.useMergeRefsFunc)(heroRef, zoomableEl);
+    return {
+        zoomableEl: mergedRefs,
+    };
+}
+exports.default = useZoomable;
+//# sourceMappingURL=useZoomable.js.map

package/dist/hooks/ui/useZoomable.js.map

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

package/dist/hooks/ui/useZoomable.module.scss

@@ -0,0 +1,37 @@
+@import "../../assets/styles/variables.scss";
+
+.zoomableIndicator {
+  cursor: zoom-in;
+}
+
+$stubZIndex: 1000000;
+
+.backdrop {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  z-index: $stubZIndex;
+  background: var(--zoomable--backdrop-bg, #0009);
+  transition: opacity $fast linear;
+  opacity: 0;
+  > * {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    > * {
+      cursor: zoom-out;
+      height: 100%;
+      width: initial;
+      max-width: initial;
+    }
+  }
+}
+
+.overBackdrop {
+  z-index: $stubZIndex + 1;
+  max-width: initial;
+}

package/dist/hooks/useHero.d.ts

@@ -7,7 +7,12 @@ declare type Result = [
 /**
  * This hook implements the logic for a hero animation between 2 elements
  */
-export default function useHero(id: string, propsToTransition?: Omit<keyof CSSProperties, "width" | "height" | "top" | "left">[], events?: {
+export default function useHero(id: string, options?: Partial<{
+    propsToTransition: Omit<keyof CSSProperties, "width" | "height" | "top" | "left">[];
+    "data-preffix": string;
+    /** This indicates this hero animation will probably be repeated multiple time */
+    repeatable: boolean;
+}>, events?: {
     /**
      * Should return if the detected element should be "heroed"
      *
@@ -44,5 +49,6 @@ export default function useHero(id: string, propsToTransition?: Omit<keyof CSSPr
 }): {
     heroRef: import("react").RefObject<HTMLDivElement>;
     getHerosOnScreen: () => HTMLDivElement[];
+    trigger: () => void;
 };
 export {};

package/dist/hooks/useHero.js

@@ -1,20 +1,29 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
+const ownEvent_1 = __importDefault(require("../utils/ownEvent"));
 const ID = (id) => `${id}-hero`;
 /**
  * This hook implements the logic for a hero animation between 2 elements
  */
-function useHero(id, propsToTransition = [], events = {}) {
+function useHero(id, options = {
+    propsToTransition: [],
+}, events = {}) {
+    const { propsToTransition = [], "data-preffix": dataPreffix, repeatable, } = options;
+    const _dataPreffix = dataPreffix ? `-${dataPreffix}` : "";
+    const dataProperty = `data${_dataPreffix}-hero`;
     const heroRef = (0, react_1.useRef)(null);
     (0, react_1.useLayoutEffect)(() => {
-        heroRef.current.setAttribute("data-hero", id);
+        heroRef.current.setAttribute(dataProperty, id);
     }, [id]);
     const getHerosOnScreen = (0, react_1.useCallback)(() => {
-        const otherElements = Array.from(document.querySelectorAll(`[data-hero="${id}"]`)).filter((el) => el !== heroRef.current);
+        const otherElements = Array.from(document.querySelectorAll(`[${dataProperty}="${id}"]`)).filter((el) => el !== heroRef.current);
         return otherElements;
     }, [id]);
-    (0, react_1.useEffect)(() => {
+    function triggerHeroAnimation() {
         const viewport = window.visualViewport;
         const allPropsToTransition = [
             "width",
@@ -39,15 +48,19 @@ function useHero(id, propsToTransition = [], events = {}) {
                 : false;
             if (shouldSkip)
                 return;
-            const oldClone = document.querySelector(`[data-hero-clone="${ID(id)}"]`);
+            const oldClone = document.querySelector(`[${dataProperty}-clone="${ID(id)}"]`);
             const clone = (oldClone ||
                 otherElement.cloneNode(true));
             // Clean up thos properties that can cause confusion since it's a clone
             clone.style.visibility = "";
-            clone.removeAttribute("data-hero");
-            clone.setAttribute("data-hero-clone", ID(id));
-            // Since a transition is now triggering from the old element, he cannot be considered for other transitions
-            otherElement.removeAttribute("data-hero");
+            clone.removeAttribute(dataProperty);
+            clone.setAttribute(`${dataProperty}-clone`, ID(id));
+            /**
+             * If it's repeatable, we should keep the flag that indicates the hero existance
+             */
+            if (!repeatable)
+                // Since a transition is now triggering from the old element, he cannot be considered for other transitions
+                otherElement.removeAttribute(dataProperty);
             function willTheHeroMove(origin, target) {
                 return !(origin.top === target.top &&
                     origin.left === target.left &&
@@ -72,7 +85,8 @@ function useHero(id, propsToTransition = [], events = {}) {
             }
             const coordinates = otherElement.getBoundingClientRect();
             const currentCoordinates = heroRef.current.getBoundingClientRect();
-            if (!willTheHeroMove(coordinates, currentCoordinates))
+            const itWontMove = !willTheHeroMove(coordinates, currentCoordinates);
+            if (itWontMove)
                 return;
             if (!oldClone) {
                 /** Set the clone over the starting element */
@@ -90,8 +104,11 @@ function useHero(id, propsToTransition = [], events = {}) {
                     if (events.onHeroEnd)
                         events.onHeroEnd();
                     clone.remove();
-                    if (el)
+                    if (el) {
+                        if (repeatable)
+                            el.setAttribute(dataProperty, id);
                         el.style.visibility = "";
+                    }
                 };
                 if (events.onHeroStart)
                     events.onHeroStart(clone, otherElement, heroRef.current);
@@ -107,15 +124,24 @@ function useHero(id, propsToTransition = [], events = {}) {
                     for (let propToTransition of propsToTransition)
                         clone.style[propToTransition] =
                             el.style[propToTransition];
-                    clone.addEventListener("transitionend", ({ target, currentTarget }) => {
+                    const transitionEndCb = (0, ownEvent_1.default)(({ target, currentTarget }) => {
                         if (target === currentTarget)
                             cleanup();
                     });
+                    clone.addEventListener("transitionend", transitionEndCb);
+                    const onCancelCb = (0, ownEvent_1.default)(() => {
+                        clone.removeEventListener("transitionend", transitionEndCb);
+                        clone.removeEventListener("transitioncancel", onCancelCb);
+                    });
+                    clone.addEventListener("transitioncancel", onCancelCb);
                 }
             }, 0);
         }
+    }
+    (0, react_1.useEffect)(() => {
+        triggerHeroAnimation();
     }, []);
-    return { heroRef, getHerosOnScreen };
+    return { heroRef, getHerosOnScreen, trigger: triggerHeroAnimation };
 }
 exports.default = useHero;
 function isElementOutsideViewport(viewport, coordinates) {

package/dist/hooks/useHero.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHero.js","sourceRoot":"","sources":["../../src/hooks/useHero.ts"],"names":[],"mappings":";;AAAA,iCAMe;AAEf,MAAM,EAAE,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC;AAOxC;;GAEG;AACH,SAAwB,OAAO,CAC7B,EAAU,EACV,oBAGM,EAAE,EACR,SA6CI,EAAE;IAEN,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE7C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,OAAO,CAAC,OAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,MAAM,aAAa,GACjB,KAAK,CAAC,IAAI,CACR,QAAQ,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,CAEnD,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;QACzC,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAe,CAAC;QACxC,MAAM,oBAAoB,GAAG;YAC3B,OAAO;YACP,QAAQ;YACR,KAAK;YACL,MAAM;YACN,GAAG,iBAAiB;SACrB,CAAC;QACF,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;QACpE,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CACrD,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,OAAQ,CAAC,CACnC,CAAC;QACF,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC;QAEtE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;YACpE,OAAO,CAAC,IAAI,CACV,qFAAqF,EACrF,aAAa,CACd,CAAC;QACJ,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CACrC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,OAAQ,CACd,CAAC;QAEpB,IAAI,YAAY,EAAE;YAChB,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,GAAG,MAAM,CAAC,kBAAkB;gBAClE,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,YAAY,EAAE,OAAO,CAAC,OAAQ,CAAC;gBAC3D,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACzB,MAAM,UAAU,GACd,wBAAwB,CAAC,eAAe,EAAE,oBAAoB,CAAC;gBAC/D,wBAAwB,CACtB,eAAe,EACf,YAAY,CAAC,qBAAqB,EAAE,CACrC;gBACC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,OAAO,CAAC,OAAQ,CAAC;gBACrE,CAAC,CAAC,KAAK,CAAC;YACZ,IAAI,UAAU;gBAAE,OAAO;YACvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;YACzE,MAAM,KAAK,GAAG,CAAC,QAAQ;gBACrB,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,CAAmB,CAAC;YAElD,uEAAuE;YACvE,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;YAC5B,KAAK,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YAEnC,KAAK,CAAC,YAAY,CAAC,iBAAiB,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAE9C,2GAA2G;YAC3G,YAAY,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YAE1C,SAAS,eAAe,CAAC,MAAe,EAAE,MAAe;gBACvD,OAAO,CAAC,CACN,MAAM,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG;oBACzB,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI;oBAC3B,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK;oBAC7B,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAChC,CAAC;YACJ,CAAC;YAED;;;;eAIG;YACH,SAAS,uBAAuB,CAAC,EAAkB;gBACjD,MAAM,WAAW,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;gBAC/C,MAAM,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;gBACzD,MAAM,QAAQ,GAAG,eAAe,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;gBAElE,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;gBAC/B,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,WAAW,CAAC,GAAG,IAAI,CAAC;gBACzC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,WAAW,CAAC,IAAI,IAAI,CAAC;gBAC3C,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,WAAW,CAAC,KAAK,IAAI,CAAC;gBAC7C,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC;gBAE/C,OAAO,QAAQ,CAAC;YAClB,CAAC;YAED,MAAM,WAAW,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;YACzD,MAAM,kBAAkB,GAAG,OAAO,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC;YACpE,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,kBAAkB,CAAC;gBAAE,OAAO;YAE9D,IAAI,CAAC,QAAQ,EAAE;gBACb,8CAA8C;gBAC9C,uBAAuB,CAAC,YAAY,CAAC,CAAC;gBACtC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;aAClC;YACD,OAAO,CAAC,OAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC7C,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAEzC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,oBAAoB;iBAC7C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,+CAA+C,CAAC;iBACrE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAEhB,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;gBAC3B,MAAM,OAAO,GAAG,GAAG,EAAE;oBACnB,IAAI,MAAM,CAAC,SAAS;wBAAE,MAAM,CAAC,SAAS,EAAE,CAAC;oBACzC,KAAK,CAAC,MAAM,EAAE,CAAC;oBACf,IAAI,EAAE;wBAAE,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;gBACnC,CAAC,CAAC;gBACF,IAAI,MAAM,CAAC,WAAW;oBACpB,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,CAAC,OAAQ,CAAC,CAAC;gBAC5D,IAAI,CAAC,EAAE,EAAE;oBACP,OAAO,EAAE,CAAC;oBACV,OAAO;iBACR;gBACD,0CAA0C;gBAC1C,MAAM,QAAQ,GAAG,uBAAuB,CAAC,EAAE,CAAC,CAAC;gBAC7C,IAAI,CAAC,QAAQ;oBAAE,OAAO,EAAE,CAAC;qBACpB;oBACH,KAAK,IAAI,gBAAgB,IAAI,iBAAiB;wBAC5C,KAAK,CAAC,KAAK,CAAC,gBAAuB,CAAC;4BAClC,EAAE,CAAC,KAAK,CAAC,gBAAuB,CAAC,CAAC;oBACtC,KAAK,CAAC,gBAAgB,CACpB,eAAe,EACf,CAAC,EAAE,MAAM,EAAE,aAAa,EAAmB,EAAE,EAAE;wBAC7C,IAAI,MAAM,KAAK,aAAa;4BAAE,OAAO,EAAE,CAAC;oBAC1C,CAAC,CACF,CAAC;iBACH;YACH,CAAC,EAAE,CAAC,CAAC,CAAC;SACP;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AACvC,CAAC;AAlMD,0BAkMC;AAED,SAAS,wBAAwB,CAC/B,QAAkC,EAClC,WAAoB;IAEpB,IAAI,QAAQ,YAAY,cAAc,EAAE;QACtC,MAAM,wBAAwB,GAC5B,WAAW,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,IAAI,WAAW,CAAC,GAAG,IAAI,QAAQ,CAAC,MAAM,CAAC;QAC3E,MAAM,yBAAyB,GAC7B,WAAW,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK;YACtC,WAAW,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;QACzC,OAAO,wBAAwB,IAAI,yBAAyB,CAAC;KAC9D;SAAM;QACL,MAAM,cAAc,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;QAExD,MAAM,wBAAwB,GAC5B,WAAW,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,GAAG,cAAc,CAAC,KAAK;YAC9D,WAAW,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC;QAEhE,MAAM,yBAAyB,GAC7B,cAAc,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,KAAK;YAC3D,cAAc,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC;QAE7D,OAAO,yBAAyB,IAAI,wBAAwB,CAAC;KAC9D;AACH,CAAC"}
+{"version":3,"file":"useHero.js","sourceRoot":"","sources":["../../src/hooks/useHero.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useMergeRefs.d.ts

@@ -3,3 +3,7 @@ import { useRef } from "react";
  * This function exists so we can work with multiple refs as a single one
  */
 export default function useMergeRefs<T extends ReturnType<typeof useRef>>(mainRef: T, ...otherRefs: T[]): T;
+/**
+ * This function exists so we can work with multiple refs as a single one, almost immediatly
+ */
+export declare function useMergeRefsFunc<T extends ReturnType<typeof useRef> | ((ref: any) => void)>(mainRef: T, ...otherRefs: T[]): (providedRef: any) => void;

package/dist/hooks/useMergeRefs.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMergeRefsFunc = void 0;
 const react_1 = require("react");
 /**
  * This function exists so we can work with multiple refs as a single one
@@ -12,4 +13,19 @@ function useMergeRefs(mainRef, ...otherRefs) {
     return mainRef;
 }
 exports.default = useMergeRefs;
+/**
+ * This function exists so we can work with multiple refs as a single one, almost immediatly
+ */
+function useMergeRefsFunc(mainRef, ...otherRefs) {
+    return (providedRef) => {
+        if (providedRef)
+            for (let ref of [mainRef, ...otherRefs]) {
+                if (typeof ref === "function")
+                    ref(providedRef);
+                else
+                    ref.current = providedRef;
+            }
+    };
+}
+exports.useMergeRefsFunc = useMergeRefsFunc;
 //# sourceMappingURL=useMergeRefs.js.map

package/dist/hooks/useMergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRefs.js","sourceRoot":"","sources":["../../src/hooks/useMergeRefs.ts"],"names":[],"mappings":";;AAAA,iCAA2D;AAE3D;;GAEG;AACH,SAAwB,YAAY,CAClC,OAAU,EACV,GAAG,SAAc;IAEjB,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,KAAK,IAAI,GAAG,IAAI,SAAS;YAAE,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,OAAO,CAAC;AACjB,CAAC;AARD,+BAQC"}
+{"version":3,"file":"useMergeRefs.js","sourceRoot":"","sources":["../../src/hooks/useMergeRefs.ts"],"names":[],"mappings":";;;AAAA,iCAA2D;AAE3D;;GAEG;AACH,SAAwB,YAAY,CAClC,OAAU,EACV,GAAG,SAAc;IAEjB,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,KAAK,IAAI,GAAG,IAAI,SAAS;YAAE,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,OAAO,CAAC;AACjB,CAAC;AARD,+BAQC;AAED;;GAEG;AACH,SAAgB,gBAAgB,CAE9B,OAAU,EAAE,GAAG,SAAc;IAC7B,OAAO,CAAC,WAAgB,EAAE,EAAE;QAC1B,IAAI,WAAW;YACb,KAAK,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,EAAE;gBACvC,IAAI,OAAO,GAAG,KAAK,UAAU;oBAAE,GAAG,CAAC,WAAW,CAAC,CAAC;;oBAC3C,GAAG,CAAC,OAAO,GAAG,WAAW,CAAC;aAChC;IACL,CAAC,CAAC;AACJ,CAAC;AAVD,4CAUC"}

package/dist/hooks/usePagination.d.ts

@@ -29,5 +29,15 @@ export declare function useContainerPagination(cb: () => void, direction?: "h" |
 /**
  * This function receives an amount of local instances and paginates it
  */
-export declare function useLocalPagination<L>(items: L[], pageSize: number): Paginable<L[], [], any>;
+export declare function useLocalPagination<L>(items: L[] | undefined, pageSize: number): {
+    loading: boolean;
+    src: L[] | undefined;
+    updateItems: (cb: (prevItems?: L[] | undefined) => L[]) => void;
+    getNextPage: () => void;
+    getPage: (page: number) => void;
+    totalItems: () => number | undefined;
+    error: any;
+    items: L[] | undefined;
+    setError: import("react").Dispatch<unknown>;
+};
 export {};

package/dist/hooks/usePagination.js

@@ -113,6 +113,12 @@ exports.useContainerPagination = useContainerPagination;
 function useLocalPagination(items, pageSize) {
     const instanceID = (0, react_1.useMemo)(() => Date.now(), [items]);
     const cb = (0, react_1.useCallback)((page, currItems = []) => {
+        if (!items)
+            return Promise.resolve({
+                finished: false,
+                totalItems: 0,
+                items: [],
+            });
         const from = pageSize * page;
         const newArray = [...currItems, ...items.slice(from, from + pageSize)];
         return Promise.resolve({
@@ -122,7 +128,8 @@ function useLocalPagination(items, pageSize) {
         });
     }, [pageSize, items]);
     const pagination = usePagination(cb, () => `${instanceID}`);
-    return pagination;
+    const pagSrc = (0, react_1.useMemo)(() => items, [pagination.items]);
+    return Object.assign(Object.assign({}, pagination), { loading: items === undefined, src: pagSrc });
 }
 exports.useLocalPagination = useLocalPagination;
 //# sourceMappingURL=usePagination.js.map

package/dist/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAOe;AACf,wEAAgD;AAChD,+DAAuC;AAQvC,SAAwB,aAAa,CACnC,OAA6E,EAC7E,eAAuC,GAAG,EAAE,CAAC,SAAS;IAEtD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAO7B,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC;IAEtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GACrB,IAAA,gBAAQ,GAAyD,CAAC;IACpE,MAAM,KAA0B,IAAA,yBAAe,GAAE,EAA3C,EAAE,OAAO,OAAkC,EAA7B,OAAO,cAArB,WAAuB,CAAoB,CAAC;IAElD,SAAS,WAAW,CAAC,EAA8C;QACjE,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,IAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAU,IAAY,EAAE,GAAG,IAAO;QAChC,MAAM,EAAE,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;QACjC,OAAO,CAAC,GAAS,EAAE;;YACjB,IAAI,MAAA,cAAc,CAAC,EAAE,CAAC,0CAAE,QAAQ;gBAAE,OAAO;YACzC,MAAM,MAAM,GAAG,MAAM,OAAO,CAC1B,IAAI,EACJ,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,MAAK,EAAE,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACxD,GAAG,IAAI,CACR,CAAC;YACF,cAAc,CAAC,EAAE,CAAC,GAAG;gBACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,UAAU,EAAE,MAAM,CAAC,UAAU;aAC9B,CAAC;YACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,IAAI,IAAI,KAAK,CAAC;oBAAE,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;qBAC3C,IAAI,CAAC,IAAI,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;oBAAE,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBAClE,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAA,CAAC,CAAC;IACL,CAAC,EACD,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF,OAAO;QACL,WAAW;QACX,WAAW,EAAE,CAAC,GAAG,IAAO,EAAE,EAAE;YAC1B,YAAY,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,KAAI,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,WAAC,OAAA,MAAA,cAAc,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC,0CAAE,UAAU,CAAA,EAAA;QAC1E,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC,QAAQ;KAC3B,CAAC;AACJ,CAAC;AA1DD,gCA0DC;AAiBD;;GAEG;AACH,SAAgB,sBAAsB,CACpC,EAAc,EACd,YAAuB,GAAG;IAE1B,MAAM,aAAa,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,gBAAgB,GACpB,IAAA,cAAM,GAAwD,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,aAAa,CAAC,OAAQ,CAAC;QAClC,MAAM,aAAa,GAChB,EAAwC,CAAC,gBAAgB,IAAI,EAAE,CAAC;QACnE,MAAM,uBAAuB,GAAG,IAAA,kBAAQ,EACtC,GAAG,EAAE;;YACH,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,GACxC,CAAA,MAAA,gBAAgB,CAAC,OAAO,gEAAI,KAAI,EAAE,CAAC;YACrC,MAAM,WAAW,GACf,SAAS,KAAK,GAAG;gBACf,CAAC,CAAC,aAAa,CAAC,YAAY;oBAC1B,YAAY;oBACZ,aAAa,CAAC,YAAY,GAAG,GAAG;gBAClC,CAAC,CAAC,aAAa,CAAC,WAAW;oBACzB,UAAU;oBACV,aAAa,CAAC,WAAW,GAAG,GAAG,CAAC;YACtC,MAAM,MAAM,GACV,SAAS,KAAK,GAAG;gBACf,CAAC,CAAC,aAAa,CAAC,YAAY,GAAG,aAAa,CAAC,SAAS;gBACtD,CAAC,CAAC,aAAa,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAC;YAC3D,IAAI,MAAM,IAAI,WAAW,EAAE;gBACzB,EAAE,EAAE,CAAC;aACN;QACH,CAAC,EACD,GAAG,EACH;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI;SACf,CACF,CAAC;QAEF,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO;QACL,aAAa;QACb,gBAAgB;KACjB,CAAC;AACJ,CAAC;AA/CD,wDA+CC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAChC,KAAsB,EACtB,QAAgB;IAEhB,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACtD,MAAM,EAAE,GAAG,IAAA,mBAAW,EACpB,CAAC,IAAY,EAAE,YAAiB,EAAE,EAAE,EAAE;QACpC,IAAI,CAAC,KAAK;YACR,OAAO,OAAO,CAAC,OAAO,CAAC;gBACrB,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,CAAC;gBACb,KAAK,EAAE,EAAE;aACV,CAAC,CAAC;QACL,MAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC;QAC7B,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;QAEvE,OAAO,OAAO,CAAC,OAAO,CAAC;YACrB,QAAQ,EAAE,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;YAC1C,UAAU,EAAE,KAAK,CAAC,MAAM;YACxB,KAAK,EAAE,QAAQ;SAChB,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IACF,MAAM,UAAU,GAAG,aAAa,CAAU,EAAE,EAAE,GAAG,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAExD,uCACK,UAAU,KACb,OAAO,EAAE,KAAK,KAAK,SAAS,EAC5B,GAAG,EAAE,MAAM,IACX;AACJ,CAAC;AAhCD,gDAgCC"}

package/dist/utils/ownEvent.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Allows invoking a callback, only when the event is ocurring on the same elemnt
+ */
+export default function ownEvent<E extends Event>(cb: (e: E) => void): (e: E) => void;

package/dist/utils/ownEvent.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Allows invoking a callback, only when the event is ocurring on the same elemnt
+ */
+function ownEvent(cb) {
+    return (e) => {
+        if (e.currentTarget === e.target)
+            cb(e);
+    };
+}
+exports.default = ownEvent;
+//# sourceMappingURL=ownEvent.js.map

package/dist/utils/ownEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ownEvent.js","sourceRoot":"","sources":["../../src/utils/ownEvent.ts"],"names":[],"mappings":";;AAAA;;GAEG;AACH,SAAwB,QAAQ,CAAkB,EAAkB;IAClE,OAAO,CAAC,CAAI,EAAE,EAAE;QACd,IAAI,CAAC,CAAC,aAAa,KAAK,CAAC,CAAC,MAAM;YAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC;AACJ,CAAC;AAJD,2BAIC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",

package/test/models/examples/contract.ts

@@ -0,0 +1,4 @@
+import GenericContract, { ExtractMethodDefinition, TuplifyUnion } from "../../../src/models/GenericContract";
+import { AbiItem, RAW_ERC1155ABI } from "./raw_erc"
+import { Contract } from 'web3-eth-contract'
+const xpto = new Contract(RAW_ERC1155ABI as unknown as AbiItem[]) as unknown as GenericContract<typeof RAW_ERC1155ABI>;