@onepercentio/one-ui 0.28.9 → 0.29.1

package/dist-ts/components/Form/v2/FormField/FormField.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.types.js","sourceRoot":"","sources":["../../../../../src/components/Form/v2/FormField/FormField.types.ts"],"names":[],"mappings":"AAoCA,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,iDAAS,CAAA;IACT,yCAAK,CAAA;AACP,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB"}

package/dist-ts/components/Form/v2/FormField/index.d.ts

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

package/dist-ts/components/Form/v2/FormField/index.js

@@ -0,0 +1,2 @@
+export { default } from './FormField';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Form/v2/FormField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Form/v2/FormField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist-ts/components/Form/v2/index.d.ts

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

package/dist-ts/components/Form/v2/index.js

@@ -0,0 +1,2 @@
+export { default } from './Form';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Form/v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Form/v2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
+ **/
+export default function Freeze({ children }: PropsWithChildren<{}>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist-ts/components/Freeze/Freeze.js

@@ -0,0 +1,8 @@
+import useFreeze from "../../hooks/useFreeze";
+/**
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
+ **/
+export default function Freeze({ children }) {
+    return useFreeze(children);
+}
+//# sourceMappingURL=Freeze.js.map

package/dist-ts/components/Freeze/Freeze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Freeze.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAyB;IAChE,OAAO,SAAS,CAAC,QAAQ,CAAiB,CAAC;AAC7C,CAAC"}

package/dist-ts/components/Freeze/index.d.ts

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

package/dist-ts/components/Freeze/index.js

@@ -0,0 +1,2 @@
+export { default } from './Freeze';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Freeze/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Freeze/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist-ts/components/HSForms/HSForms.d.ts

@@ -0,0 +1,8 @@
+export default function HSForms({ region, partialId, formId, className, onFormReady, onFormSubmitted, }: {
+    region: "na1";
+    partialId: string;
+    formId: string;
+    className?: string;
+    onFormReady?: (div: HTMLDivElement, form: any) => void;
+    onFormSubmitted?: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist-ts/components/HSForms/HSForms.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+export default function HSForms({ region, partialId, formId, className, onFormReady, onFormSubmitted, }) {
+    if (window.PRERENDER)
+        return null;
+    const container = useRef(null);
+    useEffect(() => {
+        import("jquery").then((jqueryModule) => {
+            const funcId = String(Math.round(Math.random() * 999999));
+            const idx = `onLoad${funcId}`;
+            const idx2 = `onSubmit${funcId}`;
+            window[idx] = function (form) {
+                if (onFormReady)
+                    onFormReady(container.current, form);
+            };
+            window[idx2] = function () {
+                if (onFormSubmitted)
+                    onFormSubmitted();
+            };
+            window.jQuery = jqueryModule.default;
+            const script = document.createElement("script");
+            script.setAttribute("src", "https://js.hsforms.net/forms/v2.js");
+            script.setAttribute("type", "text/javascript");
+            script.setAttribute("charset", "utf-8");
+            script.onload = () => {
+                const createFormScript = document.createElement("script");
+                createFormScript.setAttribute("type", "text/javascript");
+                createFormScript.innerHTML = `hbspt.forms.create({
+          region: "${region}",
+          portalId: "${partialId}",
+          formId: "${formId}",
+          submitButtonClass: '#',
+          css: ' ',
+          cssClass: '#',
+          onFormReady: ${idx},
+          onFormSubmit: ${idx2},
+          formInstanceId: ${funcId}
+        });`;
+                container.current.appendChild(createFormScript);
+            };
+            document.head.appendChild(script);
+        });
+    }, [region, partialId, formId]);
+    return _jsx("div", { ref: container, className: className });
+}
+//# sourceMappingURL=HSForms.js.map

package/dist-ts/components/HSForms/HSForms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HSForms.js","sourceRoot":"","sources":["../../../src/components/HSForms/HSForms.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,GAQhB;IACC,IAAK,MAAc,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAS,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;YAC1D,MAAM,GAAG,GAAG,SAAS,MAAM,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,WAAW,MAAM,EAAE,CAAC;YAChC,MAAc,CAAC,GAAU,CAAC,GAAG,UAAU,IAAS;gBAC/C,IAAI,WAAW;oBAAE,WAAW,CAAC,SAAS,CAAC,OAAQ,EAAE,IAAI,CAAC,CAAC;YACzD,CAAC,CAAC;YACD,MAAc,CAAC,IAAW,CAAC,GAAG;gBAC7B,IAAI,eAAe;oBAAE,eAAe,EAAE,CAAC;YACzC,CAAC,CAAC;YACD,MAAc,CAAC,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC;YAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAC;YACjE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;YAC/C,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACxC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;gBACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC1D,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;gBACzD,gBAAgB,CAAC,SAAS,GAAG;qBAChB,MAAM;uBACJ,SAAS;qBACX,MAAM;;;;yBAIF,GAAG;0BACF,IAAI;4BACF,MAAM;YACtB,CAAC;gBACL,SAAS,CAAC,OAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;YACnD,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAChC,OAAO,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAQ,CAAC;AAC3D,CAAC"}

package/dist-ts/components/HSForms/index.d.ts

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

package/dist-ts/components/HSForms/index.js

@@ -0,0 +1,2 @@
+export { default } from './HSForms';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/HSForms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HSForms/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,25 @@
+import { PropsWithChildren } from "react";
+type Option = {
+    label: string;
+    onClick: () => void;
+};
+type User = {
+    name: string;
+    profilePicture?: string;
+};
+type MoreOptions = Option[];
+type Props = PropsWithChildren<{
+    optionsAlignment?: "left" | "right";
+    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): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-ts/components/Header/Header.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useOneUIContext } from "../../context/OneUIProvider";
+import { AnchoredTooltipAlignment } from "../AnchoredTooltip/AnchoredTooltip";
+import Collapsable from "../Collapsable";
+import Text from "../Text";
+import Styles from "./Header.module.scss";
+/**
+ * A generic header implementation
+ **/
+export default function Header(props) {
+    const { user, moreOptions } = props;
+    const [showMoreOptions, setShowMoreOptions] = useState(false);
+    const { LogoImage = () => null, MoreOptions = () => _jsx("div", { children: "v" }) } = useOneUIContext().component.header;
+    useEffect(() => {
+        if (showMoreOptions) {
+            const close = () => setShowMoreOptions(false);
+            window.addEventListener("click", close);
+            return () => {
+                window.removeEventListener("click", close);
+            };
+        }
+    }, [showMoreOptions]);
+    return (_jsxs("header", { className: `${Styles.header} ${Styles[`options-${props.optionsAlignment || "left"}`]}`, children: [_jsxs("div", { className: Styles.logo, children: [_jsx(LogoImage, {}), _jsx("div", { className: Styles.logoDivider })] }), _jsx(Controls, { ...props, mode: "desktop" }), user ? (user.profilePicture ? (_jsx("img", { className: Styles.profile, "data-testid": "profile-container", src: user.profilePicture })) : (_jsx("div", { className: Styles.profile, "data-testid": "profile-container", children: user.name
+                    .split(" ")
+                    .slice(0, 2)
+                    .map((a) => a.charAt(0).toUpperCase())
+                    .join("") }))) : null, user ? _jsx("p", { className: Styles.profileName, children: user.name }) : null, _jsxs(Collapsable, { title: _jsx("div", { className: `${Styles.indicator} ${moreOptions ? Styles.withMoreOptions : ""}`, children: _jsx(MoreOptions, { open: showMoreOptions }) }), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Styles.headerOptions, alignTo: AnchoredTooltipAlignment.CENTER, children: [_jsx(Controls, { ...props, mode: "mobile" }), moreOptions
+                        ? moreOptions.map((opt) => (_jsx(Text, { type: "link", onClick: opt.onClick, children: opt.label })))
+                        : null] })] }));
+}
+function Controls({ options, children, mode, }) {
+    return (_jsxs(_Fragment, { children: [options.map((option, i) => (_jsx(Text, { type: "link", "data-testid": `option-${i}`, onClick: option.onClick, className: `${Styles.option} ${mode === "desktop" ? Styles.desktopOnly : Styles.mobileOnly}`, children: option.label }, option.label))), _jsx("div", { className: Styles.sectionDivider }), children && (_jsx("div", { className: `${Styles.children} ${mode === "desktop" ? Styles.desktopOnly : Styles.mobileOnly}`, children: children }))] }));
+}
+//# sourceMappingURL=Header.js.map

package/dist-ts/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-ts/components/Header/Header.module.scss

@@ -0,0 +1,119 @@
+@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;
+}
+
+.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;
+    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;
+  }
+}
+
+.options-right {
+  .logo {
+    margin-right: auto;
+  }
+  .sectionDivider {
+    margin-left: initial;
+  }
+}
+
+.options-left {
+  .sectionDivider {
+    margin-left: auto;
+  }
+}

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

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

package/dist-ts/components/Header/index.js

@@ -0,0 +1,2 @@
+export { default } from './Header';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist-ts/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;
+}): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from "./HeaderCloseBtn.module.scss";
+/**
+ * A simple close button implemented with pure HTML and CSS
+ **/
+export default function HeaderButton({ mode, hidden, onClick, }) {
+    return (_jsxs("div", { "data-testid": "header-control-back", className: `${Styles.headerButton} ${Styles[mode]} ${hidden ? Styles.pointOfNoReturn : ""}`, onClick: onClick, children: [_jsx("div", {}), _jsx("div", {})] }));
+}
+//# sourceMappingURL=HeaderCloseBtn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCloseBtn.js","sourceRoot":"","sources":["../../../src/components/HeaderCloseBtn/HeaderCloseBtn.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,OAAO,GAKR;IACC,OAAO,CACL,8BACc,qBAAqB,EACjC,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,IAC/C,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,EACpC,EAAE,EACF,OAAO,EAAE,OAAO,aAEhB,eAAO,EACP,eAAO,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist-ts/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-ts/components/HeaderCloseBtn/index.d.ts

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

package/dist-ts/components/HeaderCloseBtn/index.js

@@ -0,0 +1,2 @@
+export { default } from './HeaderCloseBtn';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HeaderCloseBtn/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,21 @@
+import React from "react";
+export declare function shouldIncrementPage(howMuchTheParentScrolled: number, prevSectionPosition: 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[];
+/**
+ * Manages a set of divs that allows the effect of inifinite scrolling between elements
+ **/
+declare const InfinityScroll: React.ForwardRefExoticComponent<{
+    items: (React.ReactElement | string)[];
+    pageSize: number;
+    initialPage?: number | undefined;
+    pageClass?: string | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default InfinityScroll;
+export declare enum InfinityDataTestId {
+    PREV_PAGE = "infinity-prev",
+    CURR_PAGE = "infinity-curr",
+    NEXT_PAGE = "infinity-next",
+    ROOT = "infinity-parent"
+}

package/dist-ts/components/InfinityScroll/InfinityScroll.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createRef, forwardRef, useLayoutEffect, useMemo, useRef, useState, } from "react";
+import Styles from "./InfinityScroll.module.scss";
+export function shouldIncrementPage(howMuchTheParentScrolled, prevSectionPosition, nextSectionPosition) {
+    if (howMuchTheParentScrolled === nextSectionPosition)
+        return 1;
+    else if (howMuchTheParentScrolled === prevSectionPosition)
+        return -1;
+    else
+        return 0;
+}
+export function keys(currPage) {
+    return [currPage % 3, (currPage + 1) % 3, (currPage + 2) % 3]
+        .map((a) => `step_${a}`)
+        .reverse();
+}
+export 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"
+            ? {
+                ...i,
+                key: index,
+            }
+            : i);
+    };
+}
+function _InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className = "", }, ref) {
+    const [currPage, setCurrPage] = useState({
+        page: initialPage,
+        offset: 0,
+    });
+    const parentDiv = useMemo(() => {
+        return ref || createRef();
+    }, [ref]);
+    const prevDiv = useRef(null);
+    const currDiv = useRef(null);
+    const nextDiv = useRef(null);
+    const isCountTheSameOrLowerThanPage = items.length <= pageSize;
+    const getItems = useMemo(() => getItemsFactory(pageSize, items, isCountTheSameOrLowerThanPage), [pageSize, items, isCountTheSameOrLowerThanPage]);
+    useLayoutEffect(() => {
+        if (isCountTheSameOrLowerThanPage || window.PRERENDER)
+            return;
+        const viewportWidth = parentDiv.current.clientWidth;
+        const centerScroll = parentDiv.current.scrollWidth / 2;
+        parentDiv.current.scrollTo({
+            left: centerScroll - viewportWidth / 2,
+        });
+    }, [isCountTheSameOrLowerThanPage, currPage.page, currPage.offset, items]);
+    const [beforeKey, currKey, afterKey] = keys(currPage.page);
+    return (_jsxs("div", { ref: parentDiv, className: `${Styles.container} ${className}`, "data-testid": InfinityDataTestId.ROOT, onScroll: !isCountTheSameOrLowerThanPage
+            ? () => {
+                const pageToIncrement = shouldIncrementPage(Math.round(parentDiv.current.scrollLeft), prevDiv.current.offsetLeft, nextDiv.current.offsetLeft);
+                if (pageToIncrement) {
+                    setCurrPage((prev) => {
+                        let nextPage = prev.page + pageToIncrement;
+                        let offset = prev.offset;
+                        if (nextPage < 0) {
+                            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 nextIndex = nextPage * pageSize + offset;
+                        if (nextIndex > items.length) {
+                            offset = nextIndex - items.length;
+                            nextPage = 0;
+                        }
+                        return {
+                            page: nextPage,
+                            offset,
+                        };
+                    });
+                }
+            }
+            : undefined, children: [!isCountTheSameOrLowerThanPage && (_jsx("div", { className: pageClass, "data-testid": InfinityDataTestId.PREV_PAGE, ref: prevDiv, children: getItems(currPage.page - 1, currPage.offset) }, beforeKey)), _jsx("div", { className: pageClass, "data-testid": InfinityDataTestId.CURR_PAGE, ref: currDiv, children: getItems(currPage.page, currPage.offset) }, currKey), !isCountTheSameOrLowerThanPage && (_jsx("div", { className: pageClass, "data-testid": InfinityDataTestId.NEXT_PAGE, ref: nextDiv, children: getItems(currPage.page + 1, currPage.offset) }, afterKey))] }));
+}
+/**
+ * Manages a set of divs that allows the effect of inifinite scrolling between elements
+ **/
+const InfinityScroll = forwardRef(_InfinityScroll);
+export default InfinityScroll;
+export var InfinityDataTestId;
+(function (InfinityDataTestId) {
+    InfinityDataTestId["PREV_PAGE"] = "infinity-prev";
+    InfinityDataTestId["CURR_PAGE"] = "infinity-curr";
+    InfinityDataTestId["NEXT_PAGE"] = "infinity-next";
+    InfinityDataTestId["ROOT"] = "infinity-parent";
+})(InfinityDataTestId || (InfinityDataTestId = {}));
+//# sourceMappingURL=InfinityScroll.js.map

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

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

package/dist-ts/components/InfinityScroll/InfinityScroll.module.scss

@@ -0,0 +1,30 @@
+.container {
+  position: relative;
+  width: 100%;
+  display: flex;
+  overflow: auto;
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Hide scrollbar for IE, Edge and Firefox */
+  & {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }
+  > * {
+    width: 100%;
+    min-width: 100%;
+  }
+
+  > :first-child {
+    // background-color: green;
+  }
+  > :nth-child(2) {
+    // background-color: yellow;
+  }
+  > :nth-child(3) {
+    // background-color: blue;
+  }
+}

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

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

package/dist-ts/components/InfinityScroll/index.js

@@ -0,0 +1,2 @@
+export { default } from './InfinityScroll';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/InfinityScroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InfinityScroll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,43 @@
+import React, { ChangeEventHandler, DetailedHTMLProps, ReactElement } from "react";
+export type InputProps = {
+    decoration?: React.ReactElement | null;
+    error?: string | ReactElement;
+    hideError?: "onfocus";
+    placeholder?: string;
+    disclaimer?: string | ReactElement;
+    multiline?: number;
+    border?: boolean;
+    icon?: {
+        onClick?: () => void;
+    } & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
+    Icon?: React.ReactElement;
+    onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref">;
+    value?: string;
+    'data-testid'?: string;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange" | 'value'>;
+export declare enum InputTestIds {
+    DISCLAIMER = "disclaimer",
+    ERROR = "error"
+}
+/**
+ * A transparent input with some prebuilt states common to the application
+ **/
+declare const Input: React.ForwardRefExoticComponent<{
+    decoration?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null | undefined;
+    error?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    hideError?: "onfocus" | undefined;
+    placeholder?: string | undefined;
+    disclaimer?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    multiline?: number | undefined;
+    border?: boolean | undefined;
+    icon?: ({
+        onClick?: (() => void) | undefined;
+    } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
+    Icon?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
+    value?: string | undefined;
+    'data-testid'?: string | undefined;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange" | "value"> & React.RefAttributes<any>>;
+export default Input;