@onepercentio/one-ui 0.8.5-beta.1 → 0.8.5-beta.11

package/dist/components/FadeIn/FadeIn.js

@@ -22,6 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,7 +42,8 @@ const FadeIn_module_scss_1 = __importDefault(require("./FadeIn.module.scss"));
 /**
  * Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
  **/
-function FadeIn({ onHidden, children, className = "", active, onClick }, divRef) {
+function FadeIn(_a, divRef) {
+    var { onHidden, children, className = "", active, onClick } = _a, props = __rest(_a, ["onHidden", "children", "className", "active", "onClick"]);
     if (!divRef) {
         divRef = (0, react_1.createRef)();
     }
@@ -58,7 +70,7 @@ function FadeIn({ onHidden, children, className = "", active, onClick }, divRef)
             el.classList.add(FadeIn_module_scss_1.default.active);
         }
     }, [children, active]);
-    return (react_1.default.createElement("div", { ref: divRef, "data-testid": "fadein_container", className: `${FadeIn_module_scss_1.default.container} ${className}`, onClick: onClick }, prevChildren.current));
+    return (react_1.default.createElement("div", Object.assign({ ref: divRef, className: `${FadeIn_module_scss_1.default.container} ${className}`, onClick: onClick }, props), prevChildren.current));
 }
 exports.default = (0, react_1.forwardRef)(FadeIn);
 //# sourceMappingURL=FadeIn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FadeIn.js","sourceRoot":"","sources":["../../../src/components/FadeIn/FadeIn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUe;AACf,8EAA0C;AAS1C;;IAEI;AACJ,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,OAAO,EAAe,EACpE,MAAoC;IAEpC,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAC;KACtB;IACD,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAA,cAAM,GAAmB,CAAC;IAC/C,YAAY,CAAC,OAAO,GAAG,QAAQ,IAAI,YAAY,CAAC,OAAO,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAI,MAAoC,CAAC,OAAQ,CAAC;QAC1D,MAAM,UAAU,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE9D,IAAI,UAAU,EAAE;YACd,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC;YACnC,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBACtB,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,4BAAM,CAAC,MAAM,CAAC;oBAAE,QAAQ,EAAE,CAAC;YACpE,CAAC,CAAC;YACF,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAC9C,OAAO,GAAG,EAAE;gBACV,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACnD,CAAC,CAAC;SACH;aAAM;YACL,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACvB,OAAO,CACL,uCACE,GAAG,EAAE,MAAM,iBACC,kBAAkB,EAC9B,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,OAAO,EAAE,OAAO,IAEf,YAAY,CAAC,OAAO,CACjB,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAA8B,MAAM,CAAC,CAAC"}
+{"version":3,"file":"FadeIn.js","sourceRoot":"","sources":["../../../src/components/FadeIn/FadeIn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUe;AACf,8EAA0C;AAU1C;;IAEI;AACJ,SAAS,MAAM,CACb,EAOc,EACd,MAAoC;QARpC,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,EACN,OAAO,OAEK,EADT,KAAK,cANV,0DAOC,CADS;IAIV,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAC;KACtB;IACD,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAA,cAAM,GAAmB,CAAC;IAC/C,YAAY,CAAC,OAAO,GAAG,QAAQ,IAAI,YAAY,CAAC,OAAO,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAI,MAAoC,CAAC,OAAQ,CAAC;QAC1D,MAAM,UAAU,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE9D,IAAI,UAAU,EAAE;YACd,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC;YACnC,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBACtB,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,4BAAM,CAAC,MAAM,CAAC;oBAAE,QAAQ,EAAE,CAAC;YACpE,CAAC,CAAC;YACF,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAC9C,OAAO,GAAG,EAAE;gBACV,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACnD,CAAC,CAAC;SACH;aAAM;YACL,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACvB,OAAO,CACL,qDACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,OAAO,EAAE,OAAO,IACZ,KAAK,GAER,YAAY,CAAC,OAAO,CACjB,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAA8B,MAAM,CAAC,CAAC"}

package/dist/components/InfinityScroll/InfinityScroll.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export declare function shouldIncrementPage(howMuchTheParentScrolled: number, prevSectionPosition: number, currSectionPosition: number, nextSectionPosition: number): -1 | 0 | 1;
 export declare function keys(currPage: number): string[];
+export declare function getItemsFactory<T extends any>(pageSize: number, items: T[], isCountTheSameOrLowerThanPage: boolean): (page: number, offset: number, _pageSize?: number) => T[];
 declare const _default: React.ForwardRefExoticComponent<{
     items: (string | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
     pageSize: number;
@@ -9,3 +10,9 @@ declare const _default: React.ForwardRefExoticComponent<{
     className?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default _default;
+export declare enum InfinityDataTestId {
+    PREV_PAGE = "infinity-prev",
+    CURR_PAGE = "infinity-curr",
+    NEXT_PAGE = "infinity-next",
+    ROOT = "infinity-parent"
+}

package/dist/components/InfinityScroll/InfinityScroll.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.keys = exports.shouldIncrementPage = void 0;
+exports.InfinityDataTestId = exports.getItemsFactory = exports.keys = exports.shouldIncrementPage = void 0;
 const react_1 = __importStar(require("react"));
 const InfinityScroll_module_scss_1 = __importDefault(require("./InfinityScroll.module.scss"));
 function shouldIncrementPage(howMuchTheParentScrolled, prevSectionPosition, currSectionPosition, nextSectionPosition) {
@@ -44,6 +44,23 @@ function keys(currPage) {
         .reverse();
 }
 exports.keys = keys;
+function getItemsFactory(pageSize, items, isCountTheSameOrLowerThanPage) {
+    return function getItems(page, offset, _pageSize = pageSize) {
+        let from = page * _pageSize + offset;
+        if (from < 0)
+            from = items.length + from;
+        if (from > items.length)
+            from = from - items.length;
+        const to = from + _pageSize;
+        const slicedItems = items.slice(from, to);
+        if (slicedItems.length < _pageSize && !isCountTheSameOrLowerThanPage) {
+            slicedItems.push(...getItems(0, 0, _pageSize - slicedItems.length));
+        }
+        return slicedItems.map((i, index) => typeof i === "object"
+            ? Object.assign(Object.assign({}, i), { key: index }) : i);
+    };
+}
+exports.getItemsFactory = getItemsFactory;
 /**
  * Manages a set of divs that allows the effect of inifinite scrolling between pages
  **/
@@ -59,20 +76,7 @@ function InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className
     const currDiv = (0, react_1.useRef)(null);
     const nextDiv = (0, react_1.useRef)(null);
     const isCountTheSameOrLowerThanPage = items.length <= pageSize;
-    function getItems(page, offset, _pageSize = pageSize) {
-        let from = page * _pageSize + offset;
-        if (from < 0)
-            from = items.length + from;
-        if (from > items.length)
-            from = from - items.length;
-        const to = from + _pageSize;
-        const slicedItems = items.slice(from, to);
-        if (slicedItems.length < _pageSize && !isCountTheSameOrLowerThanPage) {
-            slicedItems.push(...getItems(0, 0, _pageSize - slicedItems.length));
-        }
-        return slicedItems.map((i, index) => typeof i === "object"
-            ? Object.assign(Object.assign({}, i), { key: index }) : i);
-    }
+    const getItems = (0, react_1.useMemo)(() => getItemsFactory(pageSize, items, isCountTheSameOrLowerThanPage), [pageSize, items, isCountTheSameOrLowerThanPage]);
     (0, react_1.useLayoutEffect)(() => {
         if (isCountTheSameOrLowerThanPage || window.PRERENDER)
             return;
@@ -81,18 +85,24 @@ function InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className
         parentDiv.current.scrollTo({
             left: centerScroll - viewportWidth / 2,
         });
-    }, [isCountTheSameOrLowerThanPage, currPage.page, currPage.offset]);
+    }, [isCountTheSameOrLowerThanPage, currPage.page, currPage.offset, items]);
     const [beforeKey, currKey, afterKey] = keys(currPage.page);
-    return (react_1.default.createElement("div", { ref: parentDiv, className: `${InfinityScroll_module_scss_1.default.container} ${className}`, "data-testid": "infinity-parent", onScroll: !isCountTheSameOrLowerThanPage
+    return (react_1.default.createElement("div", { ref: parentDiv, className: `${InfinityScroll_module_scss_1.default.container} ${className}`, "data-testid": InfinityDataTestId.ROOT, onScroll: !isCountTheSameOrLowerThanPage
             ? () => {
                 const pageToIncrement = shouldIncrementPage(parentDiv.current.scrollLeft, prevDiv.current.offsetLeft, currDiv.current.offsetLeft, nextDiv.current.offsetLeft);
                 if (pageToIncrement) {
                     setCurrPage((prev) => {
                         let nextPage = prev.page + pageToIncrement;
+                        let offset = prev.offset;
                         if (nextPage < 0) {
-                            nextPage = Math.ceil(items.length / pageSize) - 1;
+                            nextPage = Math.round(items.length / pageSize) - 1;
+                            const finalIndex = (nextPage + 1) * pageSize + offset;
+                            const maxIndex = items.length;
+                            const remainingItems = maxIndex + offset - finalIndex;
+                            offset += remainingItems;
+                            if (offset === -(items.length - 1))
+                                offset = 1;
                         }
-                        let offset = prev.offset;
                         let nextIndex = nextPage * pageSize + offset;
                         if (nextIndex > items.length) {
                             offset = nextIndex - items.length;
@@ -106,9 +116,16 @@ function InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className
                 }
             }
             : undefined },
-        !isCountTheSameOrLowerThanPage && (react_1.default.createElement("div", { key: beforeKey, className: pageClass, "data-testid": "infinity-prev", ref: prevDiv }, getItems(currPage.page - 1, currPage.offset))),
-        react_1.default.createElement("div", { key: currKey, className: pageClass, "data-testid": "infinity-curr", ref: currDiv }, getItems(currPage.page, currPage.offset)),
-        !isCountTheSameOrLowerThanPage && (react_1.default.createElement("div", { key: afterKey, className: pageClass, "data-testid": "infinity-next", ref: nextDiv }, getItems(currPage.page + 1, currPage.offset)))));
+        !isCountTheSameOrLowerThanPage && (react_1.default.createElement("div", { key: beforeKey, className: pageClass, "data-testid": InfinityDataTestId.PREV_PAGE, ref: prevDiv }, getItems(currPage.page - 1, currPage.offset))),
+        react_1.default.createElement("div", { key: currKey, className: pageClass, "data-testid": InfinityDataTestId.CURR_PAGE, ref: currDiv }, getItems(currPage.page, currPage.offset)),
+        !isCountTheSameOrLowerThanPage && (react_1.default.createElement("div", { key: afterKey, className: pageClass, "data-testid": InfinityDataTestId.NEXT_PAGE, ref: nextDiv }, getItems(currPage.page + 1, currPage.offset)))));
 }
 exports.default = (0, react_1.forwardRef)(InfinityScroll);
+var InfinityDataTestId;
+(function (InfinityDataTestId) {
+    InfinityDataTestId["PREV_PAGE"] = "infinity-prev";
+    InfinityDataTestId["CURR_PAGE"] = "infinity-curr";
+    InfinityDataTestId["NEXT_PAGE"] = "infinity-next";
+    InfinityDataTestId["ROOT"] = "infinity-parent";
+})(InfinityDataTestId = exports.InfinityDataTestId || (exports.InfinityDataTestId = {}));
 //# sourceMappingURL=InfinityScroll.js.map

package/dist/components/InfinityScroll/InfinityScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfinityScroll.js","sourceRoot":"","sources":["../../../src/components/InfinityScroll/InfinityScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUe;AACf,8FAAkD;AAElD,SAAgB,mBAAmB,CACjC,wBAAgC,EAChC,mBAA2B,EAC3B,mBAA2B,EAC3B,mBAA2B;IAE3B,IAAI,wBAAwB,KAAK,mBAAmB;QAAE,OAAO,CAAC,CAAC;SAC1D,IAAI,wBAAwB,KAAK,mBAAmB;QAAE,OAAO,CAAC,CAAC,CAAC;;QAChE,OAAO,CAAC,CAAC;AAChB,CAAC;AATD,kDASC;AAED,SAAgB,IAAI,CAAC,QAAgB;IACnC,OAAO,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;SAC1D,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;SACvB,OAAO,EAAE,CAAC;AACf,CAAC;AAJD,oBAIC;AAED;;IAEI;AACJ,SAAS,cAAc,CACrB,EACE,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,CAAC,EACf,SAAS,EACT,SAAS,GAAG,EAAE,GAOf,EACD,GAAiC;IAEjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACvC,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE;QACH,OAAQ,GAA+C,IAAI,IAAA,iBAAS,GAAE,CAAA;IACxE,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE7C,MAAM,6BAA6B,GAAG,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC;IAE/D,SAAS,QAAQ,CACf,IAAY,EACZ,MAAc,EACd,YAAoB,QAAQ;QAE5B,IAAI,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC;QACrC,IAAI,IAAI,GAAG,CAAC;YAAE,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACzC,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM;YAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;QACpD,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;QAC5B,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAE1C,IAAI,WAAW,CAAC,MAAM,GAAG,SAAS,IAAI,CAAC,6BAA6B,EAAE;YACpE,WAAW,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;SACrE;QACD,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAClC,OAAO,CAAC,KAAK,QAAQ;YACnB,CAAC,iCACM,CAAC,KACJ,GAAG,EAAE,KAAK,IAEd,CAAC,CAAC,CAAC,CACN,CAAC;IACJ,CAAC;IAED,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,6BAA6B,IAAK,MAAc,CAAC,SAAS;YAAE,OAAO;QACvE,MAAM,aAAa,GAAG,SAAS,CAAC,OAAQ,CAAC,WAAW,CAAC;QACrD,MAAM,YAAY,GAAG,SAAS,CAAC,OAAQ,CAAC,WAAW,GAAG,CAAC,CAAC;QACxD,SAAS,CAAC,OAAQ,CAAC,QAAQ,CAAC;YAC1B,IAAI,EAAE,YAAY,GAAG,aAAa,GAAG,CAAC;SACvC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,6BAA6B,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3D,OAAO,CACL,uCACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,GAAG,oCAAM,CAAC,SAAS,IAAI,SAAS,EAAE,iBACjC,iBAAiB,EAC7B,QAAQ,EACN,CAAC,6BAA6B;YAC5B,CAAC,CAAC,GAAG,EAAE;gBACH,MAAM,eAAe,GAAG,mBAAmB,CACzC,SAAS,CAAC,OAAQ,CAAC,UAAU,EAC7B,OAAO,CAAC,OAAQ,CAAC,UAAU,EAC3B,OAAO,CAAC,OAAQ,CAAC,UAAU,EAC3B,OAAO,CAAC,OAAQ,CAAC,UAAU,CAC5B,CAAC;gBAEF,IAAI,eAAe,EAAE;oBACnB,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;wBACnB,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC;wBAC3C,IAAI,QAAQ,GAAG,CAAC,EAAE;4BAChB,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;yBACnD;wBACD,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;wBACzB,IAAI,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;wBAC7C,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE;4BAC5B,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;4BAClC,QAAQ,GAAG,CAAC,CAAC;yBACd;wBAED,OAAO;4BACL,IAAI,EAAE,QAAQ;4BACd,MAAM;yBACP,CAAC;oBACJ,CAAC,CAAC,CAAC;iBACJ;YACH,CAAC;YACH,CAAC,CAAC,SAAS;QAGd,CAAC,6BAA6B,IAAI,CACjC,uCACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,iBACR,eAAe,EAC3B,GAAG,EAAE,OAAO,IAEX,QAAQ,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CACzC,CACP;QACD,uCACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,SAAS,iBACR,eAAe,EAC3B,GAAG,EAAE,OAAO,IAEX,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CACrC;QACL,CAAC,6BAA6B,IAAI,CACjC,uCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS,iBACR,eAAe,EAC3B,GAAG,EAAE,OAAO,IAEX,QAAQ,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CACzC,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"InfinityScroll.js","sourceRoot":"","sources":["../../../src/components/InfinityScroll/InfinityScroll.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/Input.d.ts

@@ -30,5 +30,5 @@ 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>>;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "onChange" | "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/components/Loader/Loader.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 /**
  * A simple loader
  **/
-export default function Loader({ className }: {
+export default function Loader({ className, ...props }: {
     className?: string;
-}): JSX.Element;
+} & React.HTMLProps<HTMLDivElement>): JSX.Element;

package/dist/components/Loader/Loader.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,8 +19,9 @@ const Loader_module_scss_1 = __importDefault(require("./Loader.module.scss"));
 /**
  * A simple loader
  **/
-function Loader({ className = "" }) {
-    return (react_1.default.createElement("span", { className: `${Loader_module_scss_1.default.indicator} ${className}` },
+function Loader(_a) {
+    var { className = "" } = _a, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("span", Object.assign({ className: `${Loader_module_scss_1.default.indicator} ${className}` }, props),
         react_1.default.createElement("span", null),
         react_1.default.createElement("span", null),
         react_1.default.createElement("span", null)));

package/dist/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,8EAA0C;AAE1C;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAAE,SAAS,GAAG,EAAE,EAA0B;IACvE,OAAO,CACL,wCAAM,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,IAAI,SAAS,EAAE;QACjD,2CAAQ;QACR,2CAAQ;QACR,2CAAQ,CACH,CACR,CAAC;AACJ,CAAC;AARD,yBAQC"}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA0C;AAE1C;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAG4B;QAH5B,EAC7B,SAAS,GAAG,EAAE,OAE2C,EADtD,KAAK,cAFqB,aAG9B,CADS;IAER,OAAO,CACL,sDAAM,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,IAAM,KAAK;QAC5D,2CAAQ;QACR,2CAAQ;QACR,2CAAQ,CACH,CACR,CAAC;AACJ,CAAC;AAXD,yBAWC"}

package/dist/components/OrderableList/OrderableList.d.ts

@@ -1,11 +1,21 @@
 import React, { ReactElement } from "react";
+export declare enum OrderableListReorderMode {
+    VERTICAL = "v",
+    TWO_DIMENSIONS = "hv"
+}
 /**
  * This component receives a list of keyed elements and orders it based of the order provided via the prop "keyOrder"
  **/
-export default function OrderableList({ children, keyOrder, }: {
+export default function OrderableList({ children, className, mode, ...props }: {
     children: ReactElement[];
+    className?: string;
+    mode?: OrderableListReorderMode;
+} & ({
     keyOrder?: string[];
-}): JSX.Element;
+    onChangeKeyOrder: (newOrder: string[]) => void;
+} | {
+    currentOrder?: string[];
+})): JSX.Element;
 export declare function useOrderableListAnchor(): {
-    anchorRef: React.MutableRefObject<HTMLDivElement>;
+    anchorRef: React.MutableRefObject<HTMLDivElement> | undefined;
 };

package/dist/components/OrderableList/OrderableList.js

@@ -22,26 +22,50 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOrderableListAnchor = void 0;
+exports.useOrderableListAnchor = exports.OrderableListReorderMode = void 0;
 const lodash_1 = require("lodash");
+const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
 const react_1 = __importStar(require("react"));
+const useHero_1 = __importDefault(require("../../hooks/useHero"));
 const AnimatedEntrance_1 = __importDefault(require("../AnimatedEntrance"));
+const Transition_1 = require("../Transition");
 const OrderableList_module_scss_1 = __importDefault(require("./OrderableList.module.scss"));
 const OrderableListContext = (0, react_1.createContext)(null);
+var OrderableListReorderMode;
+(function (OrderableListReorderMode) {
+    OrderableListReorderMode["VERTICAL"] = "v";
+    OrderableListReorderMode["TWO_DIMENSIONS"] = "hv";
+})(OrderableListReorderMode = exports.OrderableListReorderMode || (exports.OrderableListReorderMode = {}));
 /**
  * This component receives a list of keyed elements and orders it based of the order provided via the prop "keyOrder"
  **/
-function OrderableList({ children, keyOrder, }) {
+function OrderableList(_a) {
+    var { children, className = "", mode = OrderableListReorderMode.VERTICAL } = _a, props = __rest(_a, ["children", "className", "mode"]);
+    const currentClone = (0, react_1.useRef)(null);
     const currentWorkingKey = (0, react_1.useRef)();
     const rootRef = (0, react_1.useRef)(null);
-    const [order, setOrder] = (0, react_1.useState)(() => {
-        return keyOrder || children.map((a) => a.key);
+    const [_order, setOrder] = (0, react_1.useState)(() => {
+        return (("keyOrder" in props ? props.keyOrder : undefined) ||
+            children.map((a) => a.key));
     });
+    const order = "currentOrder" in props ? props.currentOrder || _order : _order;
     const cleanOrder = (0, react_1.useMemo)(() => order.map((a) => a.split(";")[0]), [order]);
+    const orderId = (0, react_1.useMemo)(() => "key-" + cleanOrder.join(""), [cleanOrder]);
     const findParentElement = (target) => {
         let parent = target;
         do {
@@ -95,7 +119,6 @@ function OrderableList({ children, keyOrder, }) {
         }, 1000 / 60);
     }, []);
     (0, react_1.useEffect)(() => {
-        console.warn("How many?");
         const els = Array.from(rootRef.current.children);
         const calculateReorderingCall = (e) => {
             const els = Array.from(rootRef.current.children);
@@ -103,6 +126,8 @@ function OrderableList({ children, keyOrder, }) {
         };
         for (let el of els)
             el.addEventListener("mousemove", calculateReorderingCall);
+        if ("onChangeKeyOrder" in props)
+            props.onChangeKeyOrder(cleanOrder);
         return () => {
             for (let el of els)
                 el.removeEventListener("mousemove", calculateReorderingCall);
@@ -118,6 +143,7 @@ function OrderableList({ children, keyOrder, }) {
         const box = parent.getBoundingClientRect();
         const els = Array.from(rootRef.current.children);
         const clone = parent.cloneNode(true);
+        currentClone.current = clone;
         clone.setAttribute("data-testid", "orderable-list-clone");
         clone.style.width = `${box.width}px`;
         clone.style.height = `${box.height}px`;
@@ -144,14 +170,24 @@ function OrderableList({ children, keyOrder, }) {
                 const els = Array.from(rootRef.current.children);
                 const elInvisible = els.find((a) => !a.classList.contains(OrderableList_module_scss_1.default.visible) && a.style.maxHeight !== "0px");
                 const box = elInvisible.getBoundingClientRect();
-                clone.style.top = `${box.top}px`;
-                clone.style.left = `${box.left}px`;
-                clone.style.transition = `top 500ms linear, left 500ms linear`;
-                clone.addEventListener("transitionend", () => {
+                function cleanUp() {
                     rootRef.current.classList.remove(OrderableList_module_scss_1.default.ordering);
                     for (let el of els)
                         el.classList.remove(OrderableList_module_scss_1.default.visible);
                     clone.remove();
+                    currentClone.current = null;
+                    for (let el of Array.from(elInvisible.children))
+                        el.style.height = "";
+                }
+                if (clone.style.top.startsWith(Math.floor(box.top).toString()) &&
+                    clone.style.left.startsWith(Math.floor(box.left).toString())) {
+                    cleanUp();
+                }
+                clone.style.top = `${box.top}px`;
+                clone.style.left = `${box.left}px`;
+                clone.style.transition = `top 500ms linear, left 500ms linear`;
+                clone.addEventListener("transitionend", () => {
+                    cleanUp();
                 });
             }
         };
@@ -165,6 +201,16 @@ function OrderableList({ children, keyOrder, }) {
         window.addEventListener("mouseup", deleteClone);
         window.addEventListener("mousemove", movementControl);
     }, []);
+    (0, react_1.useLayoutEffect)(() => {
+        if (currentClone.current) {
+            const els = Array.from(rootRef.current.children);
+            const elInvisible = els.find((a) => !a.classList.contains(OrderableList_module_scss_1.default.visible) && a.style.maxHeight !== "0px");
+            elInvisible.children[0].style.height = `${currentClone.current.clientHeight}px`;
+            setTimeout(() => {
+                elInvisible.children[1].style.height = `${currentClone.current.clientHeight}px`;
+            }, 150);
+        }
+    }, [cleanOrder]);
     return (react_1.default.createElement(OrderableListContext.Provider, { value: {
             bindAnchor: (el) => {
                 el.addEventListener("mousedown", onAnchorClick);
@@ -173,23 +219,34 @@ function OrderableList({ children, keyOrder, }) {
                 el.removeEventListener("mousedown", onAnchorClick);
             },
         } },
-        react_1.default.createElement("div", { ref: rootRef, className: OrderableList_module_scss_1.default.root },
-            react_1.default.createElement(AnimatedEntrance_1.default, null, [...children]
+        react_1.default.createElement("div", { ref: rootRef, className: `${OrderableList_module_scss_1.default.root} ${className}` }, mode === OrderableListReorderMode.VERTICAL ? (react_1.default.createElement(AnimatedEntrance_1.default, null, [...children]
+            .filter((a) => cleanOrder.includes(a.key))
+            .sort((a, b) => cleanOrder.indexOf(a.key) -
+            cleanOrder.indexOf(b.key))
+            .map((a, i) => (Object.assign(Object.assign({}, a), { key: order[i] }))))) : (react_1.default.createElement(UncontrolledTransition_1.default, { className: OrderableList_module_scss_1.default.transition, transitionType: Transition_1.TransitionAnimationTypes.FADE, contentClassName: `${className}` },
+            react_1.default.createElement(react_1.Fragment, { key: orderId }, [...children]
                 .filter((a) => cleanOrder.includes(a.key))
                 .sort((a, b) => cleanOrder.indexOf(a.key) -
                 cleanOrder.indexOf(b.key))
-                .map((a, i) => (Object.assign(Object.assign({}, a), { key: order[i] })))))));
+                .map((a, i) => (react_1.default.createElement(HeroWrapper, { key: i, id: a.key }, a)))))))));
 }
 exports.default = OrderableList;
+function HeroWrapper({ children, id }) {
+    const { heroRef } = (0, useHero_1.default)(id);
+    return react_1.default.createElement("div", { ref: heroRef }, children);
+}
 function useOrderableListAnchor() {
     const anchorRef = (0, react_1.useRef)(null);
-    const { bindAnchor, unbindAnchor } = (0, react_1.useContext)(OrderableListContext);
+    const ctx = (0, react_1.useContext)(OrderableListContext);
     (0, react_1.useLayoutEffect)(() => {
+        if (!ctx)
+            return;
+        const { bindAnchor, unbindAnchor } = ctx;
         bindAnchor(anchorRef.current);
         return () => unbindAnchor(anchorRef.current);
     }, []);
     return {
-        anchorRef,
+        anchorRef: ctx ? anchorRef : undefined,
     };
 }
 exports.useOrderableListAnchor = useOrderableListAnchor;

package/dist/components/OrderableList/OrderableList.js.map

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

package/dist/components/OrderableList/OrderableList.module.scss

@@ -25,3 +25,18 @@
 .root > * {
   transition: max-height 250ms;
 }
+
+.transition {
+  width: 100%;
+  align-items: flex-start !important;
+  > * {
+    flex-direction: row !important;
+    flex-wrap: wrap;
+    &:first-child {
+      visibility: hidden;
+    }
+    &:last-child {
+      visibility: visible;
+    }
+  }
+}

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

@@ -0,0 +1,28 @@
+import React from "react";
+declare type CustomizationProps = {
+    /**
+     * This will define how the pagination indicator calculates start and end
+     *
+     *      "page" - Calculates scrolling over client width as each page
+     *      "scroll" - Calculates scrolling progress over maximum scrollable width
+     */
+    mode?: "page" | "scroll";
+};
+/**
+ * A cool component to indicate how many pages are
+ **/
+export declare function PaginationIndicatorView({ size, page, pages, className, }: {
+    size: number;
+    page: number;
+    pages: number;
+    className: string;
+}): JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<{
+    scrollableRef: React.RefObject<HTMLDivElement>;
+    estimatedWidth?: number | undefined;
+    size: number;
+    className?: string | undefined;
+} & CustomizationProps & React.RefAttributes<{
+    refreshPages: () => void;
+}>>;
+export default _default;