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

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

@@ -1,13 +0,0 @@
-import React from "react";
-import { FirebaseFormProps } from "./Form";
-declare const _default: {
-    title: string;
-    component: <M extends import("./Form").BaseForm>({ submitting, onSubmit, submited, config, submitBtn, btnProps, }: FirebaseFormProps<M>, ref: React.ForwardedRef<import("./Form").FormInterface>) => JSX.Element;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: FirebaseFormProps<{
-        email: string;
-    }>;
-};

package/dist/components/Form/Form.stories.js

@@ -1,36 +0,0 @@
-"use strict";
-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"));
-const Form_1 = __importDefault(require("./Form"));
-exports.default = {
-    title: "Form",
-    component: Form_1.default,
-};
-const InitialImplementation = (args) => react_1.default.createElement(Form_1.default, Object.assign({}, args));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {
-    config: {
-        email: {
-            type: "email",
-            messages: {
-                invalidEmail: "Email invalido",
-            },
-            validator: (e) => (!!e ? true : "Fail"),
-            placeholder: "Something",
-        },
-    },
-    onSubmit: () => { },
-    submitting: true,
-    submited: false,
-    submitBtn: {
-        error: [() => react_1.default.createElement(react_1.default.Fragment, null, "Error")],
-        label: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviar")],
-        loading: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviando")],
-        success: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviado")],
-    },
-};
-//# sourceMappingURL=Form.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form.stories.js","sourceRoot":"","sources":["../../../src/components/Form/Form.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAqE;AACrE,kDAAiD;AAEjD,kBAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,cAAI;CAChB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;AAA1D,QAAA,qBAAqB,yBAAqC;AAEvE,6BAAqB,CAAC,IAAI,GAAG;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE;gBACR,YAAY,EAAE,gBAAgB;aAC/B;YACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;YACvC,WAAW,EAAE,WAAW;SACzB;KACF;IACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE;QACT,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,sEAAU,CAAC;QACzB,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,uEAAW,CAAC;QAC1B,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,yEAAa,CAAC;QAC9B,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,wEAAY,CAAC;KAC9B;CAGD,CAAC"}

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

@@ -1,7 +0,0 @@
-import Freeze from "./Freeze";
-declare const _default: {
-    title: string;
-    component: typeof Freeze;
-};
-export default _default;
-export declare const BasicUsage: () => JSX.Element;

package/dist/components/Freeze/Freeze.stories.js

@@ -1,56 +0,0 @@
-"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.BasicUsage = void 0;
-const react_1 = __importStar(require("react"));
-const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
-const Freeze_1 = __importDefault(require("./Freeze"));
-exports.default = {
-    title: "Freeze",
-    component: Freeze_1.default,
-};
-const BasicUsage = () => {
-    const [openModal, setOpen] = (0, react_1.useState)(false);
-    const [openModalWithFreeze, setOpenWFreeze] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h1", null, "The modal will have a content only when it's open, when closing, the content will be empty"),
-        react_1.default.createElement("button", { onClick: () => setOpen(true) }, "Open without freeze"),
-        react_1.default.createElement(AdaptiveDialog_1.default, { open: openModal, onClose: () => setOpen(false) }, openModal && (react_1.default.createElement("div", null,
-            react_1.default.createElement("h1", null, "This is the content that shows up when the modal is opened. try closing it."),
-            react_1.default.createElement("h2", null, "Notice how the content goes away")))),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("button", { onClick: () => setOpenWFreeze(true) }, "Open with freeze"),
-        react_1.default.createElement(AdaptiveDialog_1.default, { open: openModalWithFreeze, onClose: () => setOpenWFreeze(false) },
-            react_1.default.createElement(Freeze_1.default, null, openModalWithFreeze && (react_1.default.createElement("div", null,
-                react_1.default.createElement("h1", null, " Now this content is using freeze component."),
-                "This is the content that shows up when the modal is opened. try closing it.",
-                react_1.default.createElement("h2", null, "Notice how it doesn't go away, even though the child turns false because of the condition (check story)")))))));
-};
-exports.BasicUsage = BasicUsage;
-//# sourceMappingURL=Freeze.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Freeze.stories.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,uEAA+C;AAC/C,sDAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,gBAAM;CAClB,CAAC;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,OAAO,CACL;QACE,uIAGK;QACL,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA8B;QAClE,8BAAC,wBAAc,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAC3D,SAAS,IAAI,CACZ;YACE,wHAGK;YACL,6EAAyC,CACrC,CACP,CACc;QACjB,yCAAM;QACN,yCAAM;QACN,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,uBAA2B;QAEtE,8BAAC,wBAAc,IACb,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;YAEpC,8BAAC,gBAAM,QACJ,mBAAmB,IAAI,CACtB;gBACE,yFAAqD;;gBAGrD,oJAGK,CACD,CACP,CACM,CACM,CAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,UAAU,cA6CrB"}

package/dist/components/Freeze/Freeze.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Freeze/Freeze.test.js

@@ -1,15 +0,0 @@
-"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 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const Freeze_1 = __importDefault(require("./Freeze"));
-it("Should mantain the children when the children assumes empty value", () => {
-    const { container, rerender } = (0, react_2.render)(react_1.default.createElement(Freeze_1.default, null, "Some condition that assumes in a moment"));
-    expect(container.textContent).toEqual("Some condition that assumes in a moment");
-    rerender(react_1.default.createElement(Freeze_1.default, null));
-    expect(container.textContent).toEqual("Some condition that assumes in a moment");
-});
-//# sourceMappingURL=Freeze.test.js.map

package/dist/components/Freeze/Freeze.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Freeze.test.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,sDAAiC;AAEjC,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAA,cAAM,EACpC,8BAAC,gBAAS,kDAAoD,CAC/D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAC;IAEjF,QAAQ,CAAC,8BAAC,gBAAS,OAAa,CAAC,CAAC;IAClC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAC;AACnF,CAAC,CAAC,CAAC"}

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

@@ -1,28 +0,0 @@
-import React from "react";
-import Header from "./Header";
-declare const _default: {
-    component: typeof Header;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        optionsAlignment?: "left" | "right" | undefined;
-        user?: {
-            name: string;
-            profilePicture?: string | undefined;
-        } | undefined;
-        options: {
-            label: string;
-            onClick: () => void;
-        }[];
-        moreOptions?: {
-            label: string;
-            onClick: () => void;
-        }[] | undefined;
-        responsive?: boolean | undefined;
-    } & {
-        children?: React.ReactNode;
-    }>;
-};

package/dist/components/Header/Header.stories.js

@@ -1,41 +0,0 @@
-"use strict";
-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"));
-const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
-const Header_1 = __importDefault(require("./Header"));
-exports.default = {
-    component: Header_1.default,
-    title: "Header",
-};
-const InitialImplementation = (args) => (react_1.default.createElement(OneUIProvider_1.default, { config: {
-        component: {
-            header: {
-                LogoImage: () => (react_1.default.createElement("div", { style: { color: "white", fontWeight: "bold", fontSize: "24px" } }, "Example logo el")),
-                MoreOptions: () => react_1.default.createElement("div", null, "V"),
-            },
-        },
-    } },
-    react_1.default.createElement(Header_1.default, Object.assign({}, args))));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {
-    user: {
-        name: "Murilo Araujo",
-    },
-    options: [
-        {
-            label: "Dashboard",
-            onClick: () => { },
-        },
-    ],
-    moreOptions: [
-        {
-            label: "Option 1",
-            onClick: () => { },
-        },
-    ],
-};
-//# sourceMappingURL=Header.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../src/components/Header/Header.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gFAAwD;AACxD,sDAA8B;AAE9B,kBAAe;IACb,SAAS,EAAE,gBAAM;IACjB,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,uBAAa,IACZ,MAAM,EAAE;QACN,SAAS,EAAE;YACT,MAAM,EAAE;gBACN,SAAS,EAAE,GAAG,EAAE,CAAC,CACf,uCACE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,sBAG3D,CACP;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,+CAAY;aAChC;SACF;KACF;IAED,8BAAC,gBAAM,oBAAK,IAAI,EAAI,CACN,CACjB,CAAC;AAnBW,QAAA,qBAAqB,yBAmBhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE;QACJ,IAAI,EAAE,eAAe;KACtB;IACD,OAAO,EAAE;QACP;YACE,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;SAClB;KACF;IACD,WAAW,EAAE;QACX;YACE,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;SAClB;KACF;CAC8C,CAAC"}

package/dist/components/Header/Header.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Header/Header.test.js

@@ -1,100 +0,0 @@
-"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 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const Hook = __importStar(require("../../context/OneUIProvider"));
-const Header_1 = __importDefault(require("./Header"));
-jest.mock("../../context/OneUIProvider");
-const MockedHook = Hook;
-MockedHook.setupMock({
-    component: { header: { LogoImage: () => react_1.default.createElement("div", { "data-testid": "logo-img" }) } },
-});
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(Header_1.default, Object.assign({}, props)));
-}
-it("Should at least render :)", () => {
-    renderScreen({ moreOptions: [], options: [] });
-});
-it.each([
-    [true, "/some/path/profile.png"],
-    [true, undefined],
-    [false, undefined],
-])("Should display the profile data correctly 'when there is a user' = %s, 'the profile picture is' = %s and", (shouldHaveABasicUser, profileUrl) => {
-    const wrapper = renderScreen({
-        user: shouldHaveABasicUser
-            ? {
-                name: "Mocked user",
-                profilePicture: profileUrl,
-            }
-            : undefined,
-        moreOptions: [],
-        options: [],
-    });
-    const el = wrapper.queryByTestId("profile-container");
-    if (shouldHaveABasicUser)
-        expect(wrapper.container.textContent).toContain("Mocked user");
-    if (!shouldHaveABasicUser) {
-        expect(el).toBeNull();
-    }
-    else if (profileUrl) {
-        expect(el === null || el === void 0 ? void 0 : el.tagName).toBe("IMG");
-        expect(el === null || el === void 0 ? void 0 : el.getAttribute("src")).toBe(profileUrl);
-    }
-    else {
-        expect(el === null || el === void 0 ? void 0 : el.tagName).toBe("DIV");
-        expect(el === null || el === void 0 ? void 0 : el.textContent).toBe("MU");
-    }
-});
-it("Should trigger the option click when interacted", () => {
-    const cb = jest.fn();
-    const wrapper = renderScreen({
-        options: [
-            {
-                label: "One option",
-                onClick: cb,
-            },
-        ],
-        moreOptions: [],
-    });
-    expect(cb).toHaveBeenCalledTimes(0);
-    wrapper.getByTestId("option-0").click();
-    expect(cb).toHaveBeenCalledTimes(1);
-});
-it.each([true, false])("Should show more options only when provided = %s", (providedMoreOptions) => {
-    const wrapper = renderScreen({
-        options: [],
-        moreOptions: providedMoreOptions ? [] : undefined,
-    });
-    const el = wrapper.queryByTestId("more-options-container");
-    if (providedMoreOptions)
-        expect(el).not.toBeNull();
-    else
-        expect(el).toBeNull();
-});
-//# sourceMappingURL=Header.test.js.map

package/dist/components/Header/Header.test.js.map

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

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

@@ -1,14 +0,0 @@
-import HeaderCloseBtn from "./HeaderCloseBtn";
-declare const _default: {
-    component: typeof HeaderCloseBtn;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        mode: "close" | "back";
-        hidden: boolean;
-        onClick: () => void;
-    }>;
-};

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js

@@ -1,16 +0,0 @@
-"use strict";
-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"));
-const HeaderCloseBtn_1 = __importDefault(require("./HeaderCloseBtn"));
-exports.default = {
-    component: HeaderCloseBtn_1.default,
-    title: "Header Close Btn"
-};
-const InitialImplementation = (args) => react_1.default.createElement(HeaderCloseBtn_1.default, Object.assign({}, args));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {};
-//# sourceMappingURL=HeaderCloseBtn.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderCloseBtn.stories.js","sourceRoot":"","sources":["../../../src/components/HeaderCloseBtn/HeaderCloseBtn.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sEAA8C;AAE9C,kBAAe;IACX,SAAS,EAAE,wBAAc;IACzB,KAAK,EAAE,kBAAkB;CAC5B,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,wBAAc,oBAAK,IAAI,EAAG,CAAC;AAAnE,QAAA,qBAAqB,yBAA8C;AAChF,6BAAqB,CAAC,IAAI,GAAG,EAA0D,CAAA"}

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

@@ -1,23 +0,0 @@
-import React from "react";
-declare const _default: {
-    component: React.ForwardRefExoticComponent<{
-        items: (string | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
-        pageSize: number;
-        initialPage?: number | undefined;
-        pageClass?: string | undefined;
-        className?: string | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        items: (string | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
-        pageSize: number;
-        initialPage?: number | undefined;
-        pageClass?: string | undefined;
-        className?: string | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-};
-export declare const BugFixScrollWith4Items: () => JSX.Element;

package/dist/components/InfinityScroll/InfinityScroll.stories.js

@@ -1,54 +0,0 @@
-"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.BugFixScrollWith4Items = exports.InitialImplementation = void 0;
-const react_1 = __importStar(require("react"));
-const InfinityScroll_1 = __importDefault(require("./InfinityScroll"));
-exports.default = {
-    component: InfinityScroll_1.default,
-    title: "Infinity Scroll",
-};
-const InitialImplementation = (args) => (react_1.default.createElement(InfinityScroll_1.default, Object.assign({ ref: (0, react_1.createRef)() }, args)));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {
-    items: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d"].map(String),
-    pageSize: 3,
-};
-const BugFixScrollWith4Items = () => {
-    function H1(txt) {
-        return (react_1.default.createElement("h1", { style: {
-                backgroundColor: `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`,
-                minHeight: "450px",
-                display: "inline-block",
-                width: "33%",
-            } }, txt));
-    }
-    return (react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: ["1", "2", "3", "4"].map(H1), pageSize: 3, initialPage: 1 }));
-};
-exports.BugFixScrollWith4Items = BugFixScrollWith4Items;
-//# sourceMappingURL=InfinityScroll.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfinityScroll.stories.js","sourceRoot":"","sources":["../../../src/components/InfinityScroll/InfinityScroll.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,sEAA8C;AAE9C,kBAAe;IACb,SAAS,EAAE,wBAAc;IACzB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,wBAAc,kBAAC,GAAG,EAAE,IAAA,iBAAS,GAAE,IAAM,IAAI,EAAI,CAC/C,CAAC;AAFW,QAAA,qBAAqB,yBAEhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,CAC1E,MAAM,CACP;IACD,QAAQ,EAAE,CAAC;CAC4C,CAAC;AAEnD,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,SAAS,EAAE,CAAC,GAAW;QACrB,OAAO,CACL,sCACE,KAAK,EAAE;gBACL,eAAe,EAAE,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,KACzC,IAAI,CAAC,MAAM,EAAE,GAAG,GAClB,KAAK,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG;gBAC3B,SAAS,EAAE,OAAO;gBAClB,OAAO,EAAE,cAAc;gBACvB,KAAK,EAAE,KAAK;aACb,IAEA,GAAG,CACD,CACN,CAAC;IACJ,CAAC;IACD,OAAO,CACL,8BAAC,wBAAc,IACb,GAAG,EAAE,IAAA,iBAAS,GAAE,EAChB,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EACnC,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,CAAC,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,sBAAsB,0BAyBjC"}

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

@@ -1 +0,0 @@
-export {};

package/dist/components/InfinityScroll/InfinityScroll.test.js

@@ -1,189 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_2 = require("@testing-library/react");
-const InfinityScroll_1 = __importStar(require("./InfinityScroll"));
-const react_3 = require("@testing-library/react");
-HTMLElement.prototype.scrollTo = jest.fn();
-Object.defineProperty(HTMLElement.prototype, "offsetLeft", {
-    set: function (val) {
-        this._offsetLeft = val;
-    },
-    get: function () {
-        return this._offsetLeft;
-    },
-});
-const elements = [
-    "1",
-    "2",
-    "3",
-    "4",
-    "5",
-    "6",
-    "7",
-    "8",
-    "9",
-    "a",
-    "b",
-    "c",
-    "d",
-    "e",
-    "f",
-];
-it("Should be able to decide when to emulate the page recycling", () => {
-    const wrapper = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3 }));
-    expect(wrapper.container.textContent).toEqual("def123456");
-});
-it.each([
-    [0, "234123412"],
-    [1, "123412341"],
-])("Should be able to show uneved number of items", (initialPage, expectation) => {
-    const elements = ["1", "2", "3", "4"];
-    const wrapper = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: initialPage }));
-    expect(wrapper.container.textContent).toEqual(expectation);
-});
-it.each([
-    [200, 0, 100, 200, 1],
-    [0, 0, 100, 200, -1],
-    [100, 0, 100, 200, 0], // This happens when the change on page is executed
-])("Should be able to decide when to go to another page", (howMuchTheParentScrolled, prevSectionPosition, currSectionPosition, nextSectionPosition, expectationForPageIncrease) => {
-    expect((0, InfinityScroll_1.shouldIncrementPage)(howMuchTheParentScrolled, prevSectionPosition, currSectionPosition, nextSectionPosition)).toEqual(expectationForPageIncrease);
-});
-it("Should not infinitize if the number of items can be displayed on single section", () => {
-    const elements = ["1", "2", "3"];
-    const { container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
-    expect(container.textContent).toEqual("123");
-});
-describe("BugFixing", () => {
-    it("Should be able to infinitize after single page", () => {
-        const event = new Event("scroll");
-        event.initEvent("scroll", true, true);
-        const elements = ["1", "2", "3"];
-        const moreElements = ["1", "2", "3", "4"];
-        const { rerender, container, getByTestId } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3 }));
-        expect(container.textContent).toEqual("123");
-        rerender(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: moreElements, pageSize: 3 }));
-        expect(container.textContent).toEqual("234123412");
-        const parent = getByTestId("infinity-parent");
-        const prev = getByTestId("infinity-prev");
-        const curr = getByTestId("infinity-curr");
-        const next = getByTestId("infinity-next");
-        prev.offsetLeft = 0;
-        curr.offsetLeft = 100;
-        next.offsetLeft = 200;
-        parent.scrollLeft = 200;
-        (0, react_3.act)(() => {
-            parent.dispatchEvent(event);
-        });
-        expect(container.textContent).toEqual("123412341");
-    });
-    it("Should request next pages correctly", () => {
-        const event = new Event("scroll");
-        event.initEvent("scroll", true, true);
-        const elements = ["1", "2", "3", "4"];
-        const { getByTestId, container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
-        expect(container.textContent).toEqual("123412341");
-        const parent = getByTestId("infinity-parent");
-        parent.scrollLeft = 200;
-        function goToNextPage() {
-            const prev = getByTestId("infinity-prev");
-            const curr = getByTestId("infinity-curr");
-            const next = getByTestId("infinity-next");
-            prev.offsetLeft = 0;
-            curr.offsetLeft = 100;
-            next.offsetLeft = 200;
-            parent.dispatchEvent(event);
-        }
-        (0, react_3.act)(() => {
-            goToNextPage();
-        });
-        expect(container.textContent).toEqual("412341234");
-        (0, react_3.act)(() => {
-            goToNextPage();
-        });
-        expect(container.textContent).toEqual("341234123");
-        (0, react_3.act)(() => {
-            goToNextPage();
-        });
-        expect(container.textContent).toEqual("234123412");
-        (0, react_3.act)(() => {
-            goToNextPage();
-        });
-        expect(container.textContent).toEqual("123412341");
-        (0, react_3.act)(() => {
-            goToNextPage();
-        });
-        expect(container.textContent).toEqual("412341234");
-        (0, react_3.act)(() => {
-            goToNextPage();
-        });
-        expect(container.textContent).toEqual("341234123");
-    });
-    it("Should request prev pages correctly", () => {
-        const event = new Event("scroll");
-        event.initEvent("scroll", true, true);
-        const elements = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-        const { getByTestId, container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
-        expect(container.textContent).toEqual("123456789");
-        const parent = getByTestId("infinity-parent");
-        parent.scrollLeft = 0;
-        function goToPrevPage() {
-            const prev = getByTestId("infinity-prev");
-            const curr = getByTestId("infinity-curr");
-            const next = getByTestId("infinity-next");
-            prev.offsetLeft = 0;
-            curr.offsetLeft = 100;
-            next.offsetLeft = 200;
-            parent.dispatchEvent(event);
-        }
-        (0, react_3.act)(() => {
-            goToPrevPage();
-        });
-        expect(container.textContent).toEqual("789123456");
-        (0, react_3.act)(() => {
-            goToPrevPage();
-        });
-        expect(container.textContent).toEqual("456789123");
-        (0, react_3.act)(() => {
-            goToPrevPage();
-        });
-        expect(container.textContent).toEqual("123456789");
-        (0, react_3.act)(() => {
-            goToPrevPage();
-        });
-        expect(container.textContent).toEqual("789123456");
-    });
-});
-describe("Optimization", () => {
-    it("Should slide the keys definitions to reuse divs", () => {
-        expect((0, InfinityScroll_1.keys)(0)).toEqual([2, 1, 0].map((a) => `step_${a}`));
-        expect((0, InfinityScroll_1.keys)(1)).toEqual([0, 2, 1].map((a) => `step_${a}`));
-        expect((0, InfinityScroll_1.keys)(2)).toEqual([1, 0, 2].map((a) => `step_${a}`));
-        expect((0, InfinityScroll_1.keys)(3)).toEqual([2, 1, 0].map((a) => `step_${a}`));
-        expect((0, InfinityScroll_1.keys)(4)).toEqual([0, 2, 1].map((a) => `step_${a}`));
-    });
-});
-//# sourceMappingURL=InfinityScroll.test.js.map