@onepercentio/one-ui 0.1.7 → 0.2.2

package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.js

@@ -0,0 +1,130 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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"));
+// import { useWallet, UseWalletProvider } from "use-wallet";
+const useAsyncControl_1 = __importDefault(require("../../../hooks/useAsyncControl"));
+const rLoginConfig_1 = require("./rLoginConfig");
+const ethers_1 = require("ethers");
+/**
+ * This component handles a lot of cenarios when dealing with the wallet connection to different providers (ex: Metamask)
+ **/
+function WalletConnectionWrapper(props, ref) {
+    const rLoginInstance = (0, react_1.useMemo)(() => {
+        return (0, rLoginConfig_1.rLoginFactory)([
+            {
+                chainId: props.chain.id,
+                rpcUrl: props.chain.rpcUrl,
+                explorerUrl: props.chain.explorerUrl,
+            },
+        ]);
+    }, [props.chain]);
+    return (
+    // <UseWalletProvider>
+    react_1.default.createElement(Content, Object.assign({ compRef: ref || (0, react_1.createRef)(), rLogin: rLoginInstance }, props))
+    // </UseWalletProvider>
+    );
+}
+class CustomProvider extends ethers_1.providers.Web3Provider {
+    constructor(provider, disconnect) {
+        super(provider);
+        this.isMetamask = provider.isMetamask;
+        this.disconnect = disconnect;
+    }
+}
+function Content({ ProviderUnavailable, ChainIdInvalid, Content, compRef, rLogin, chain, }) {
+    // const wallet = useWallet();
+    const [provider, setProvider] = (0, react_1.useState)();
+    const [currentChain, setCurrentChain] = (0, react_1.useState)();
+    const connectionAsyncWrapper = (0, useAsyncControl_1.default)();
+    const connect = () => __awaiter(this, void 0, void 0, function* () {
+        connectionAsyncWrapper.process(() => __awaiter(this, void 0, void 0, function* () {
+            const something = yield rLogin.connect();
+            const provider = new CustomProvider(something.provider, something.disconnect);
+            setProvider(provider);
+        }));
+    });
+    const disconnect = () => {
+        provider === null || provider === void 0 ? void 0 : provider.disconnect();
+    };
+    (0, react_1.useImperativeHandle)(compRef, () => ({
+        connect,
+        disconnect,
+    }), [provider]);
+    (0, react_1.useEffect)(() => {
+        if (provider) {
+            provider.getNetwork().then((n) => setCurrentChain(n.chainId));
+            provider.on("networkChanged", setCurrentChain);
+        }
+    }, [provider]);
+    const [isProviderAvailable] = (0, react_1.useState)(() => !!window.ethereum);
+    const isChainIdValid = (0, react_1.useMemo)(() => chain.id === currentChain, [currentChain, chain.id]);
+    function changeChainId() {
+        if (provider.isMetamask) {
+            try {
+                window.ethereum.request({
+                    method: "wallet_addEthereumChain",
+                    params: [
+                        {
+                            chainId: chain.id,
+                            chainName: "Polygon",
+                            rpcUrls: [chain.rpcUrl],
+                            blockExplorerUrls: [chain.explorerUrl],
+                            nativeCurrency: {
+                                symbol: "MATIC",
+                                decimals: 18,
+                            },
+                        },
+                    ],
+                });
+            }
+            catch (addError) {
+                console.log(addError);
+            }
+        }
+        else {
+            rLogin.showChangeNetwork();
+        }
+    }
+    console.warn(provider);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        ProviderUnavailable && !isProviderAvailable && react_1.default.createElement(ProviderUnavailable, null),
+        ChainIdInvalid && !isChainIdValid && (react_1.default.createElement(ChainIdInvalid, { changeChainId: changeChainId })),
+        react_1.default.createElement(Content, Object.assign({}, connectionAsyncWrapper, { isChainIdValid: isChainIdValid, isProviderAvailable: isProviderAvailable, isConnectedAndValidChain: isChainIdValid && !!provider, chainId: currentChain, connect: connect, disconnect: disconnect, changeChainId: changeChainId }))));
+}
+exports.default = (0, react_1.forwardRef)(WalletConnectionWrapper);
+//# sourceMappingURL=WalletConnectionWrapper.js.map

package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.js.map

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

package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.d.ts

@@ -0,0 +1,59 @@
+import React, { ComponentProps } from "react";
+import WalletConnectionWrapper from "./WalletConnectionWrapper";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        chain: {
+            id: number;
+            rpcUrl: string;
+            explorerUrl: string;
+        };
+        ProviderUnavailable?: React.FunctionComponent<{}> | undefined;
+        ChainIdInvalid?: React.FunctionComponent<{
+            changeChainId: () => void;
+        }> | undefined;
+        Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
+    } & React.RefAttributes<{
+        connect: () => Promise<void>;
+        disconnect: () => void;
+    }>>;
+};
+export default _default;
+export declare const BasicUsage: {
+    (args: ComponentProps<typeof WalletConnectionWrapper>): JSX.Element;
+    args: {
+        chain: {
+            id: number;
+            rpcUrl: string;
+            explorerUrl: string;
+        };
+        ProviderUnavailable?: React.FunctionComponent<{}> | undefined;
+        ChainIdInvalid?: React.FunctionComponent<{
+            changeChainId: () => void;
+        }> | undefined;
+        Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
+    } & React.RefAttributes<{
+        connect: () => Promise<void>;
+        disconnect: () => void;
+    }>;
+};
+export declare const UsageWithActionProps: {
+    (args: ComponentProps<typeof WalletConnectionWrapper>): JSX.Element;
+    args: {
+        chain: {
+            id: number;
+            rpcUrl: string;
+            explorerUrl: string;
+        };
+        ProviderUnavailable?: React.FunctionComponent<{}> | undefined;
+        ChainIdInvalid?: React.FunctionComponent<{
+            changeChainId: () => void;
+        }> | undefined;
+        Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
+        ref?: React.Ref<{
+            connect: () => Promise<void>;
+            disconnect: () => void;
+        }> | undefined;
+        key?: React.Key | null | undefined;
+    };
+};

package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UsageWithActionProps = exports.BasicUsage = void 0;
+const react_1 = __importDefault(require("react"));
+const WalletConnectionWrapper_1 = __importDefault(require("./WalletConnectionWrapper"));
+const AdaptiveDialog_1 = __importDefault(require("../../AdaptiveDialog"));
+const Button_1 = __importDefault(require("../../Button"));
+exports.default = {
+    title: "Wallet Connection Wrapper/V2",
+    component: WalletConnectionWrapper_1.default,
+};
+const BasicUsage = (args) => {
+    return (react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({}, args, { Content: ({ error, loading, isChainIdValid, isProviderAvailable, isConnectedAndValidChain, chainId, connect, disconnect, changeChainId, }) => (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h1", null, "The content prop will receive the props of control for handling wallet connection"),
+            react_1.default.createElement("h3", null, "You can test this component by using metamask"),
+            react_1.default.createElement("p", null,
+                react_1.default.createElement("b", null, "Is connected and valid chain: "),
+                " ",
+                String(isConnectedAndValidChain)),
+            react_1.default.createElement("p", null,
+                "Error: ",
+                String(error)),
+            react_1.default.createElement("p", null,
+                "Loading: ",
+                String(loading)),
+            react_1.default.createElement("p", null,
+                "Valid chain (",
+                args.chain.id,
+                ", ",
+                chainId,
+                "): ",
+                String(isChainIdValid)),
+            react_1.default.createElement("p", null,
+                "Provider available (",
+                String(isProviderAvailable),
+                ")"),
+            react_1.default.createElement("h2", null, "actions"),
+            react_1.default.createElement("button", { onClick: connect }, "Connect"),
+            react_1.default.createElement("button", { onClick: disconnect }, "Disconnect"),
+            react_1.default.createElement("button", { onClick: changeChainId }, "Change chain id (to the chain id defined on prop)"))) })));
+};
+exports.BasicUsage = BasicUsage;
+const UsageWithActionProps = (args) => {
+    return (react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({}, args, { ProviderUnavailable: () => (react_1.default.createElement(AdaptiveDialog_1.default, { open: true }, "Do something when the provider is not available")), ChainIdInvalid: ({ changeChainId }) => (react_1.default.createElement(AdaptiveDialog_1.default, { open: true },
+            "Some action when the chain id is invalid",
+            react_1.default.createElement(Button_1.default, { variant: "filled", onClick: changeChainId }, "This action come as prop"))), Content: ({ connect }) => (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h1", null, "You can also delegate the handling to the props, check the story for more details"),
+            react_1.default.createElement("button", { onClick: connect }, "Connect"))) })));
+};
+exports.UsageWithActionProps = UsageWithActionProps;
+exports.BasicUsage.args = {
+    chain: {
+        id: 80001,
+        rpcUrl: "https://rpc-mumbai.matic.today/",
+        explorerUrl: "https://mumbai.polygonscan.com/",
+    },
+};
+exports.UsageWithActionProps.args = Object.assign({}, exports.BasicUsage.args);
+//# sourceMappingURL=WalletConnectionWrapper.stories.js.map

package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectionWrapper.stories.js","sourceRoot":"","sources":["../../../../src/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA8C;AAC9C,wFAAgE;AAChE,0EAAkD;AAClD,0DAAkC;AAElC,kBAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,iCAAuB;CACnC,CAAC;AAEK,MAAM,UAAU,GAAG,CACxB,IAAoD,EACpD,EAAE;IACF,OAAO,CACL,8BAAC,iCAAuB,oBAClB,IAAI,IACR,OAAO,EAAE,CAAC,EACR,KAAK,EACL,OAAO,EACP,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,GACd,EAAE,EAAE,CAAC,CACJ;YACE,8HAGK;YACL,0FAAsD;YACtD;gBACE,0EAAqC;gBAAC,GAAG;gBACxC,MAAM,CAAC,wBAAwB,CAAC,CAC/B;YACJ;;gBAAW,MAAM,CAAC,KAAK,CAAC,CAAK;YAC7B;;gBAAa,MAAM,CAAC,OAAO,CAAC,CAAK;YACjC;;gBACgB,IAAI,CAAC,KAAK,CAAC,EAAE;;gBAAI,OAAO;;gBAAK,MAAM,CAAC,cAAc,CAAC,CAC/D;YACJ;;gBAAwB,MAAM,CAAC,mBAAmB,CAAC;oBAAM;YACzD,oDAAgB;YAChB,0CAAQ,OAAO,EAAE,OAAO,cAAkB;YAC1C,0CAAQ,OAAO,EAAE,UAAU,iBAAqB;YAChD,0CAAQ,OAAO,EAAE,aAAa,wDAErB,CACR,CACJ,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,UAAU,cA2CrB;AAEK,MAAM,oBAAoB,GAAG,CAClC,IAAoD,EACpD,EAAE;IACF,OAAO,CACL,8BAAC,iCAAuB,oBAClB,IAAI,IACR,mBAAmB,EAAE,GAAG,EAAE,CAAC,CACzB,8BAAC,wBAAc,IAAC,IAAI,4DAEH,CAClB,EACD,cAAc,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CACrC,8BAAC,wBAAc,IAAC,IAAI;;YAElB,8BAAC,gBAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,+BAEtC,CACM,CAClB,EACD,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACxB;YACE,8HAGK;YACL,0CAAQ,OAAO,EAAE,OAAO,cAAkB,CACzC,CACJ,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,oBAAoB,wBA8B/B;AAEF,kBAAU,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE;QACL,EAAE,EAAE,KAAK;QACT,MAAM,EAAE,iCAAiC;QACzC,WAAW,EAAE,iCAAiC;KAC/C;CACgD,CAAC;AAEpD,4BAAoB,CAAC,IAAI,qBACpB,kBAAU,CAAC,IAAI,CACnB,CAAC"}

package/dist/components/WalletConnectionWrapper/v2/index.d.ts

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

package/dist/components/WalletConnectionWrapper/v2/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 WalletConnectionWrapper_1 = require("./WalletConnectionWrapper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(WalletConnectionWrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/WalletConnectionWrapper/v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletConnectionWrapper/v2/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qEAAoD;AAA3C,mIAAA,OAAO,OAAA"}

package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.d.ts

@@ -0,0 +1,6 @@
+export declare type WalletConnectionConfig = {
+    rpcUrl: string;
+    chainId: number;
+    explorerUrl: string;
+};
+export declare const rLoginFactory: (configs: WalletConnectionConfig[]) => any;

package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rLoginFactory = void 0;
+const rlogin_1 = __importDefault(require("@rsksmart/rlogin"));
+const web3_provider_1 = __importDefault(require("@walletconnect/web3-provider"));
+const web3_1 = __importDefault(require("@portis/web3"));
+const torus_embed_1 = __importDefault(require("@toruslabs/torus-embed"));
+const rlogin_trezor_provider_1 = require("@rsksmart/rlogin-trezor-provider");
+const rlogin_ledger_provider_1 = require("@rsksmart/rlogin-ledger-provider");
+const rlogin_dcent_provider_1 = require("@rsksmart/rlogin-dcent-provider");
+const rLoginFactory = (configs) => {
+    const rpcUrls = configs.reduce((r, c) => (Object.assign(Object.assign({}, r), { [c.chainId]: c.rpcUrl })), {});
+    const supportedChains = Object.keys(rpcUrls).map(Number);
+    const infoOptions = configs.reduce((r, c) => (Object.assign(Object.assign({}, r), { addressBaseURL: c.explorerUrl })), {});
+    return new rlogin_1.default({
+        providerOptions: {
+            walletconnect: {
+                package: web3_provider_1.default,
+                options: {
+                    rpc: rpcUrls
+                }
+            },
+            portis: {
+                package: web3_1.default,
+                options: {
+                    id: "a1c8672b-7b1c-476b-b3d0-41c27d575920",
+                    network: {
+                        nodeUrl: 'https://public-node.testnet.rsk.co',
+                        chainId: 31,
+                    }
+                }
+            },
+            torus: {
+                package: torus_embed_1.default,
+            },
+            'custom-ledger': rlogin_ledger_provider_1.ledgerProviderOptions,
+            'custom-dcent': rlogin_dcent_provider_1.dcentProviderOptions,
+            'custom-trezor': Object.assign(Object.assign({}, rlogin_trezor_provider_1.trezorProviderOptions), { options: {
+                    manifestEmail: 'info@iovlabs.org',
+                    manifestAppUrl: 'https://basic-sample.rlogin.identity.rifos.org/',
+                } })
+        },
+        rpcUrls,
+        supportedChains,
+        infoOptions
+    });
+};
+exports.rLoginFactory = rLoginFactory;
+//# sourceMappingURL=rLoginConfig.js.map

package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rLoginConfig.js","sourceRoot":"","sources":["../../../../src/components/WalletConnectionWrapper/v2/rLoginConfig.ts"],"names":[],"mappings":";;;;;;AAAA,8DAAqC;AACrC,iFAAgE;AAChE,wDAAiC;AACjC,yEAA0C;AAC1C,6EAAwE;AACxE,6EAAwE;AACxE,2EAAsE;AAQ/D,MAAM,aAAa,GAAG,CAAC,OAAiC,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,iCAClC,CAAC,KACJ,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,IACvB,EAAE,EAAE,CAAC,CAAC;IACR,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IACxD,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,iCACtC,CAAC,KACJ,cAAc,EAAE,CAAC,CAAC,WAAW,IAC/B,EAAE,EAAE,CAAC,CAAC;IACR,OAAO,IAAI,gBAAM,CAAC;QACd,eAAe,EAAE;YACb,aAAa,EAAE;gBACX,OAAO,EAAE,uBAAqB;gBAC9B,OAAO,EAAE;oBACL,GAAG,EAAE,OAAO;iBACf;aACJ;YACD,MAAM,EAAE;gBACJ,OAAO,EAAE,cAAM;gBACf,OAAO,EAAE;oBACL,EAAE,EAAE,sCAAsC;oBAC1C,OAAO,EAAE;wBACL,OAAO,EAAE,oCAAoC;wBAC7C,OAAO,EAAE,EAAE;qBACd;iBACJ;aACJ;YACD,KAAK,EAAE;gBACH,OAAO,EAAE,qBAAK;aACjB;YACD,eAAe,EAAE,8CAAqB;YACtC,cAAc,EAAE,4CAAoB;YACpC,eAAe,kCACR,8CAAqB,KACxB,OAAO,EAAE;oBACL,aAAa,EAAE,kBAAkB;oBACjC,cAAc,EAAE,iDAAiD;iBACpE,GACJ;SACJ;QACD,OAAO;QACP,eAAe;QACf,WAAW;KACd,CAAC,CAAA;AACN,CAAC,CAAA;AA7CY,QAAA,aAAa,iBA6CzB"}

package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+/**
+ * This utilitary component shall be used to lock the focus and disable scroll over the wrapped component
+ **/
+export default function ScrollAndFocusLock({ open, children, }: PropsWithChildren<{
+    open: boolean;
+}>): JSX.Element;

package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js

@@ -0,0 +1,71 @@
+"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"));
+/**
+ * This utilitary component shall be used to lock the focus and disable scroll over the wrapped component
+ **/
+function ScrollAndFocusLock({ open, children, }) {
+    const firstAnchor = (0, react_1.useRef)(null);
+    const lastAnchor = (0, react_1.useRef)(null);
+    const startOfModal = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (open)
+            startOfModal.current.focus();
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (open) {
+            startOfModal.current.focus();
+            document.body.style.overflow = "hidden";
+            return () => {
+                document.body.style.overflow = "";
+            };
+        }
+    }, [open]);
+    function onFocusAnchors(e) {
+        const focusOnStartOfModal = () => {
+            const nextSibling = firstAnchor.current.nextElementSibling;
+            if (nextSibling instanceof HTMLDivElement)
+                nextSibling.focus();
+        };
+        if (e.target === firstAnchor.current) {
+            if (e.relatedTarget === startOfModal.current)
+                lastAnchor.current.focus();
+            else
+                focusOnStartOfModal();
+        }
+        else if (e.target === lastAnchor.current &&
+            e.relatedTarget !== firstAnchor.current) {
+            focusOnStartOfModal();
+        }
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: firstAnchor, tabIndex: 0, onFocus: onFocusAnchors }),
+        react_1.default.createElement("div", { ref: startOfModal, tabIndex: 0 }),
+        children,
+        react_1.default.createElement("div", { ref: lastAnchor, tabIndex: 0, onFocus: onFocusAnchors })));
+}
+exports.default = ScrollAndFocusLock;
+//# sourceMappingURL=ScrollAndFocusLock.js.map

package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAndFocusLock.js","sourceRoot":"","sources":["../../../../src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AAEpE;;IAEI;AACJ,SAAwB,kBAAkB,CAAC,EACzC,IAAI,EACJ,QAAQ,GAGR;IACA,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI;YAAE,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;YAC9B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAExC,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;YACpC,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,cAAc,CAAC,CAAmC;QACzD,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,OAAQ,CAAC,kBAAkB,CAAC;YAC5D,IAAI,WAAW,YAAY,cAAc;gBAAE,WAAW,CAAC,KAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QACF,IAAI,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,OAAO,EAAE;YACpC,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CAAC,OAAO;gBAAE,UAAU,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;;gBACrE,mBAAmB,EAAE,CAAC;SAC5B;aAAM,IACL,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO;YAC/B,CAAC,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO,EACvC;YACA,mBAAmB,EAAE,CAAC;SACvB;IACH,CAAC;IACD,OAAO,CACL;QACE,uCAAK,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI;QAC/D,uCAAK,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GAAI;QACtC,QAAQ;QACT,uCAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI,CAC7D,CACJ,CAAC;AACJ,CAAC;AA9CD,qCA8CC"}

package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts

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

package/dist/components/utilitary/ScrollAndFocusLock/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 ScrollAndFocusLock_1 = require("./ScrollAndFocusLock");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ScrollAndFocusLock_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/utilitary/ScrollAndFocusLock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/utilitary/ScrollAndFocusLock/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2DAA+C;AAAtC,8HAAA,OAAO,OAAA"}

package/dist/context/OneUIProvider.d.ts

@@ -1,64 +1,67 @@
-import React from "react";
-import { PropsWithChildren } from "react";
-declare type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
-};
-declare type ContextSpecs = {
-    component: {
-        text: {
-            className: {
-                [k in React.ComponentProps<typeof import("../components/Text")["default"]>["type"]]?: string;
-            };
-        };
-        input: {
-            className: string;
-            border: boolean;
-        };
-        fileInput: {
-            Icon: () => JSX.Element;
-        };
-        passwordInput: {
-            iconSrc: {
-                passwordHidden: string;
-                passwordVisible: string;
-            };
-        };
-        asyncWrapper: {
-            LoadingComponent?: () => JSX.Element;
-            messages: {
-                error: {
-                    title: string;
-                    retryBtn: string;
-                };
-            };
-        };
-        select: {
-            StateIndicator: (props: {
-                open: boolean;
-            }) => JSX.Element;
-        };
-        header: {
-            LogoImage: () => JSX.Element;
-            MoreOptions: ({ open }: {
-                open: boolean;
-            }) => JSX.Element;
-        };
-        table: {
-            controls: {
-                PrevPage: ({ disabled }: {
-                    disabled: boolean;
-                }) => JSX.Element;
-                NextPage: ({ disabled }: {
-                    disabled: boolean;
-                }) => JSX.Element;
-            };
-        };
-    };
-};
-declare type ContextConfigSpecs = DeepPartial<ContextSpecs>;
-export default function OneUIProvider({ children, config, }: PropsWithChildren<{
-    config: ContextConfigSpecs;
-}>): JSX.Element;
-export declare function ProtectVariableAccess(obj?: any, basePath?: string[]): any;
-export declare function useOneUIContext(): ContextSpecs;
-export {};
+import React from "react";
+import { PropsWithChildren } from "react";
+declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
+};
+declare type ContextSpecs = {
+    component: {
+        text: {
+            className: {
+                [k in React.ComponentProps<typeof import("../components/Text")["default"]>["type"]]?: string;
+            };
+        };
+        input: {
+            className: string;
+            border: boolean;
+        };
+        fileInput: {
+            Icon: () => JSX.Element;
+        };
+        passwordInput: {
+            iconSrc: {
+                passwordHidden: string;
+                passwordVisible: string;
+            };
+        };
+        asyncWrapper: {
+            LoadingComponent?: () => JSX.Element;
+            messages: {
+                error: {
+                    title: string;
+                    retryBtn: string;
+                };
+            };
+        };
+        select: {
+            StateIndicator: (props: {
+                open: boolean;
+            }) => JSX.Element;
+        };
+        header: {
+            LogoImage: () => JSX.Element;
+            MoreOptions: ({ open }: {
+                open: boolean;
+            }) => JSX.Element;
+        };
+        table: {
+            controls: {
+                PrevPage: ({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element;
+                NextPage: ({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element;
+            };
+        };
+        tooltip: {
+            className?: string;
+        };
+    };
+};
+declare type ContextConfigSpecs = DeepPartial<ContextSpecs>;
+export default function OneUIProvider({ children, config, }: PropsWithChildren<{
+    config: ContextConfigSpecs;
+}>): JSX.Element;
+export declare function ProtectVariableAccess(obj?: any, basePath?: string[]): any;
+export declare function useOneUIContext(): ContextSpecs;
+export {};