@onepercentio/one-ui 0.2.0 → 0.2.1

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

@@ -1,189 +1,189 @@
-"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}`));
-    });
-});
+"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

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

@@ -1 +1 @@
-export { default } from './InfinityScroll';
+export { default } from './InfinityScroll';

package/dist/components/InfinityScroll/index.js

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

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

@@ -1,30 +1,30 @@
-import React, { DetailedHTMLProps } from "react";
-export declare type InputProps = {
-    error?: string;
-    hideError?: "onfocus";
-    placeholder?: string;
-    disclaimer?: string;
-    multiline?: number;
-    border?: boolean;
-    icon?: {
-        onClick?: () => void;
-    } & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
-    Icon?: React.ReactElement;
-} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref">;
-export declare enum InputTestIds {
-    DISCLAIMER = "disclaimer",
-    ERROR = "error"
-}
-declare const _default: React.ForwardRefExoticComponent<{
-    error?: string | undefined;
-    hideError?: "onfocus" | undefined;
-    placeholder?: string | undefined;
-    disclaimer?: string | undefined;
-    multiline?: number | undefined;
-    border?: boolean | undefined;
-    icon?: ({
-        onClick?: (() => void) | undefined;
-    } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
-    Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>>;
-export default _default;
+import React, { DetailedHTMLProps } from "react";
+export declare type InputProps = {
+    error?: string;
+    hideError?: "onfocus";
+    placeholder?: string;
+    disclaimer?: string;
+    multiline?: number;
+    border?: boolean;
+    icon?: {
+        onClick?: () => void;
+    } & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
+    Icon?: React.ReactElement;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref">;
+export declare enum InputTestIds {
+    DISCLAIMER = "disclaimer",
+    ERROR = "error"
+}
+declare const _default: React.ForwardRefExoticComponent<{
+    error?: string | undefined;
+    hideError?: "onfocus" | undefined;
+    placeholder?: string | undefined;
+    disclaimer?: string | undefined;
+    multiline?: number | undefined;
+    border?: boolean | undefined;
+    icon?: ({
+        onClick?: (() => void) | undefined;
+    } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
+    Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>>;
+export default _default;