@onepercentio/one-ui 0.1.2

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

@@ -0,0 +1,24 @@
+import { PropsWithChildren } from "react";
+declare type Option = {
+    label: string;
+    onClick: () => void;
+};
+declare type User = {
+    name: string;
+    profilePicture?: string;
+};
+declare type MoreOptions = Option[];
+declare type Props = PropsWithChildren<{
+    user?: User;
+    options: Option[];
+    moreOptions?: MoreOptions;
+    /**
+     * This controls the visbility of a control for showing or hiding a menu on mobile
+     */
+    responsive?: boolean;
+}>;
+/**
+ * A generic header implementation
+ **/
+export default function Header(props: Props): JSX.Element;
+export {};

package/dist/components/Header/Header.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 OneUIProvider_1 = require("../../context/OneUIProvider");
+const Collapsable_1 = __importDefault(require("../Collapsable"));
+const Text_1 = __importDefault(require("../Text"));
+const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
+/**
+ * A generic header implementation
+ **/
+function Header(props) {
+    const { user, moreOptions } = props;
+    const [showMoreOptions, setShowMoreOptions] = (0, react_1.useState)(false);
+    const { LogoImage = () => null, MoreOptions = () => react_1.default.createElement("div", null, "v") } = (0, OneUIProvider_1.useOneUIContext)().component.header;
+    (0, react_1.useEffect)(() => {
+        if (showMoreOptions) {
+            const close = () => setShowMoreOptions(false);
+            window.addEventListener("click", close);
+            return () => {
+                window.removeEventListener("click", close);
+            };
+        }
+    }, [showMoreOptions]);
+    return (react_1.default.createElement("header", { className: Header_module_scss_1.default.header },
+        react_1.default.createElement("div", { className: Header_module_scss_1.default.logo },
+            react_1.default.createElement(LogoImage, null),
+            react_1.default.createElement("div", { className: Header_module_scss_1.default.logoDivider })),
+        react_1.default.createElement(Controls, Object.assign({}, props, { mode: "desktop" })),
+        user ? (user.profilePicture ? (react_1.default.createElement("img", { className: Header_module_scss_1.default.profile, "data-testid": "profile-container", src: user.profilePicture })) : (react_1.default.createElement("div", { className: Header_module_scss_1.default.profile, "data-testid": "profile-container" }, user.name
+            .split(" ")
+            .slice(0, 2)
+            .map((a) => a.charAt(0).toUpperCase())
+            .join("")))) : null,
+        user ? react_1.default.createElement("p", { className: Header_module_scss_1.default.profileName }, user.name) : null,
+        react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement("div", { className: `${Header_module_scss_1.default.indicator} ${moreOptions ? Header_module_scss_1.default.withMoreOptions : ""}` },
+                react_1.default.createElement(MoreOptions, { open: showMoreOptions })), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Header_module_scss_1.default.headerOptions },
+            react_1.default.createElement(Controls, Object.assign({}, props, { mode: "mobile" })),
+            moreOptions
+                ? moreOptions.map((opt) => (react_1.default.createElement(Text_1.default, { type: "link", onClick: opt.onClick }, opt.label)))
+                : null)));
+}
+exports.default = Header;
+function Controls({ options, children, mode, }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        options.map((option, i) => (react_1.default.createElement(Text_1.default, { type: "link", key: option.label, "data-testid": `option-${i}`, onClick: option.onClick, className: `${Header_module_scss_1.default.option} ${mode === "desktop" ? Header_module_scss_1.default.desktopOnly : Header_module_scss_1.default.mobileOnly}` }, option.label))),
+        react_1.default.createElement("div", { className: Header_module_scss_1.default.sectionDivider }),
+        children && (react_1.default.createElement("div", { className: `${Header_module_scss_1.default.children} ${mode === "desktop" ? Header_module_scss_1.default.desktopOnly : Header_module_scss_1.default.mobileOnly}` }, children))));
+}
+//# sourceMappingURL=Header.js.map

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

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

package/dist/components/Header/Header.module.scss

@@ -0,0 +1,109 @@
+@import "../../assets/styles/index.scss";
+
+.header {
+  position: sticky;
+  top: 0px;
+  width: 100%;
+  background-color: $headerFillBackgroundColor;
+  display: flex;
+  padding: 32px;
+  align-items: center;
+  font-family: $mainFontFamily;
+  z-index: 100;
+}
+
+.sectionDivider {
+  margin-left: auto;
+}
+
+.logo {
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+
+  @media (orientation: portrait) {
+    display: none;
+  }
+}
+
+.option {
+  font-size: 18px;
+  line-height: 22px;
+  margin-right: 28px;
+  color: $headerTextColor;
+}
+
+.logoDivider {
+  margin: -32px 32px;
+  width: 1px;
+  background-color: $headerBackgroundColor;
+}
+
+.profile {
+  background-color: $headerBrightColor;
+  height: 36px;
+  width: 36px;
+  border-radius: 18px;
+  line-height: 36px;
+  text-align: center;
+}
+
+.profile,
+.profileName {
+  margin-right: 8px;
+}
+
+.profileName {
+  color: $headerBrightColor;
+
+  @media (orientation: portrait) {
+    display: none;
+  }
+}
+.headerOptions {
+  right: 0px;
+  width: fit-content;
+  margin-top: 18px;
+  z-index: 1000;
+  > * {
+    cursor: pointer;
+    background: $mainBackgroundColor;
+    backdrop-filter: var(--header-submenu-backdrop, initial);
+    padding: 12px 32px;
+    margin-bottom: 8px;
+    margin-left: 4px;
+    margin-right: 4px;
+    text-align: left;
+    border-radius: 4px;
+    font-size: 14px;
+  }
+}
+.indicator {
+  @include iteractibleElement();
+  transition: transform $fast;
+  transform: rotateX(0deg);
+
+  &.open {
+    transform: rotateX(180deg);
+  }
+
+  display: none;
+  @media screen and (max-width: 640px) {
+    display: initial;
+  }
+  &.withMoreOptions {
+    display: initial;
+  }
+}
+
+.desktopOnly {
+  @media screen and (max-width: 640px) {
+    display: none;
+  }
+}
+
+.mobileOnly {
+  @media screen and (min-width: 640px) {
+    display: none;
+  }
+}

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

@@ -0,0 +1,27 @@
+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<{
+        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

@@ -0,0 +1,41 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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

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

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

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

package/dist/components/Header/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}

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

@@ -0,0 +1,8 @@
+/**
+ * A simple close button implemented with pure HTML and CSS
+ **/
+export default function HeaderButton({ mode, hidden, onClick, }: {
+    mode: "back" | "close";
+    hidden: boolean;
+    onClick: () => void;
+}): JSX.Element;

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js

@@ -0,0 +1,17 @@
+"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 HeaderCloseBtn_module_scss_1 = __importDefault(require("./HeaderCloseBtn.module.scss"));
+/**
+ * A simple close button implemented with pure HTML and CSS
+ **/
+function HeaderButton({ mode, hidden, onClick, }) {
+    return (react_1.default.createElement("div", { "data-testid": "header-control-back", className: `${HeaderCloseBtn_module_scss_1.default.headerButton} ${HeaderCloseBtn_module_scss_1.default[mode]} ${hidden ? HeaderCloseBtn_module_scss_1.default.pointOfNoReturn : ""}`, onClick: onClick },
+        react_1.default.createElement("div", null),
+        react_1.default.createElement("div", null)));
+}
+exports.default = HeaderButton;
+//# sourceMappingURL=HeaderCloseBtn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCloseBtn.js","sourceRoot":"","sources":["../../../src/components/HeaderCloseBtn/HeaderCloseBtn.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,8FAAkD;AAElD;;IAEI;AACJ,SAAwB,YAAY,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,OAAO,GAKR;IACC,OAAO,CACL,sDACc,qBAAqB,EACjC,SAAS,EAAE,GAAG,oCAAM,CAAC,YAAY,IAAI,oCAAM,CAAC,IAAI,CAAC,IAC/C,MAAM,CAAC,CAAC,CAAC,oCAAM,CAAC,eAAe,CAAC,CAAC,CAAC,EACpC,EAAE,EACF,OAAO,EAAE,OAAO;QAEhB,0CAAO;QACP,0CAAO,CACH,CACP,CAAC;AACJ,CAAC;AArBD,+BAqBC"}

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.module.scss

@@ -0,0 +1,44 @@
+@import "../../assets/styles/index.scss";
+
+.headerButton {
+  width: 22px;
+  height: 22px;
+  position: relative;
+  opacity: 1;
+  @include iteractibleElement();
+  transition: opacity $fast, transform $fast;
+  &.pointOfNoReturn {
+    opacity: 0;
+  }
+  div {
+    transition: width $fast, top $fast, left $fast;
+    position: absolute;
+    height: 3px;
+    border-radius: 1.5px;
+    width: 22px;
+    background-color: $digitalBlue;
+    transform-origin: 1.5px 1.5px;
+    &:nth-child(1) {
+      transform: rotateZ(45deg);
+    }
+    &:nth-child(2) {
+      transform: rotateZ(-45deg);
+    }
+  }
+  &.back div {
+    width: 12.5px;
+    top: 5.5px;
+    left: 0px;
+  }
+  &.close div {
+    width: 22px;
+    &:nth-child(1) {
+      top: 0px;
+      left: 0px;
+    }
+    &:nth-child(2) {
+      top: 13px;
+      left: 0px;
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+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: "back" | "close";
+        hidden: boolean;
+        onClick: () => void;
+    }>;
+};

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

@@ -0,0 +1,16 @@
+"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

@@ -0,0 +1 @@
+{"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/HeaderCloseBtn/index.d.ts

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

package/dist/components/HeaderCloseBtn/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HeaderCloseBtn/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA"}

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

@@ -0,0 +1,11 @@
+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[];
+declare const _default: 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>>;
+export default _default;