@onepercentio/one-ui 0.1.5 → 0.2.0

package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map

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

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

@@ -9,6 +9,7 @@ declare const _default: {
         lockTransitionWidth?: boolean | undefined;
     } & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
         setOrientation: (orientation: "forward" | "backward") => void;
+        sectionRef: React.RefObject<HTMLDivElement>;
     }>>;
 };
 export default _default;
@@ -21,6 +22,7 @@ export declare const ClickBasedTransition: {
         lockTransitionWidth?: boolean | undefined;
     } & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
         setOrientation: (orientation: "forward" | "backward") => void;
+        sectionRef: React.RefObject<HTMLDivElement>;
     }>;
 };
 export declare const AnchorBasedTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;

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

@@ -1,18 +1,27 @@
-import React from "react";
+import React, { PropsWithChildren } from "react";
 import useAsyncControl from "../../hooks/useAsyncControl";
-export declare type WalletConnectionProps = Omit<ReturnType<typeof useAsyncControl>, "process"> & {
+export declare type WalletConnectionProps = PropsWithChildren<Omit<ReturnType<typeof useAsyncControl>, "process"> & {
+    chainId?: number;
     isChainIdValid: boolean;
     isProviderAvailable: boolean;
     isConnectedAndValidChain: boolean;
+    isConnected: boolean;
+    wallet?: string;
     connect: () => void;
     disconnect: () => void;
     changeChainId: () => void;
-};
+}>;
 declare type Props = {
     /**
      * The chain id that the user is expected to connect to
      */
-    allowedChainId: number;
+    chain: {
+        id: number;
+        rpcUrl: string;
+        explorerUrl: string;
+        name: string;
+        currency: string;
+    };
     /**
      * When the user doesn't have a provider like metamask available
      */
@@ -28,7 +37,9 @@ declare type Props = {
      */
     Content: React.FunctionComponent<WalletConnectionProps>;
 };
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<{
+declare const _default: React.ForwardRefExoticComponent<Props & {
+    children?: React.ReactNode;
+} & React.RefAttributes<{
     connect: () => Promise<void>;
     disconnect: () => void;
 }>>;

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js

@@ -45,7 +45,7 @@ function WalletConnectionWrapper(props, ref) {
     return (react_1.default.createElement(use_wallet_1.UseWalletProvider, null,
         react_1.default.createElement(Content, Object.assign({ compRef: ref || (0, react_1.createRef)() }, props))));
 }
-function Content({ ProviderUnavailable, ChainIdInvalid, allowedChainId, Content, compRef, }) {
+function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef, children, }) {
     const wallet = (0, use_wallet_1.useWallet)();
     const connectionAsyncWrapper = (0, useAsyncControl_1.default)();
     const connect = () => __awaiter(this, void 0, void 0, function* () {
@@ -68,23 +68,47 @@ function Content({ ProviderUnavailable, ChainIdInvalid, allowedChainId, Content,
         disconnect,
     }), [wallet]);
     const [isProviderAvailable] = (0, react_1.useState)(() => !!window.ethereum);
-    const isChainIdValid = (0, react_1.useMemo)(() => (wallet.isConnected() ? wallet.chainId === allowedChainId : true), [wallet, allowedChainId]);
+    const isChainIdValid = (0, react_1.useMemo)(() => (wallet.isConnected() ? wallet.chainId === chain.id : true), [wallet, chain.id]);
     function changeChainId() {
-        wallet.reset();
-        window.ethereum.request({
-            method: "wallet_switchEthereumChain",
-            params: [
-                {
-                    chainId: `0x${allowedChainId.toString(16).padStart(2, "0")}`,
-                },
-            ],
+        return __awaiter(this, void 0, void 0, function* () {
+            wallet.reset();
+            try {
+                yield window.ethereum.request({
+                    method: "wallet_switchEthereumChain",
+                    params: [
+                        {
+                            chainId: `0x${chain.id.toString(16).padStart(2, "0")}`,
+                        },
+                    ],
+                });
+            }
+            catch (e) {
+                switch (e.code) {
+                    case 4902:
+                        window.ethereum.request({
+                            method: "wallet_addEthereumChain",
+                            params: [
+                                {
+                                    chainId: `0x${chain.id.toString(16).padStart(2, "0")}`,
+                                    chainName: chain.name,
+                                    rpcUrls: [chain.rpcUrl],
+                                    blockExplorerUrls: [chain.explorerUrl],
+                                    nativeCurrency: {
+                                        symbol: chain.currency,
+                                        decimals: 18,
+                                    },
+                                },
+                            ],
+                        });
+                }
+            }
+            wallet.connect("injected");
         });
-        wallet.connect("injected");
     }
     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 && wallet.isConnected(), connect: connect, disconnect: disconnect, changeChainId: changeChainId }))));
+        react_1.default.createElement(Content, Object.assign({}, connectionAsyncWrapper, { isChainIdValid: isChainIdValid, isProviderAvailable: isProviderAvailable, isConnectedAndValidChain: isChainIdValid && wallet.isConnected(), connect: connect, disconnect: disconnect, changeChainId: changeChainId, chainId: wallet.chainId, isConnected: wallet.isConnected(), wallet: wallet.account }), children)));
 }
 exports.default = (0, react_1.forwardRef)(WalletConnectionWrapper);
 //# sourceMappingURL=WalletConnectionWrapper.js.map

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

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

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

@@ -3,12 +3,20 @@ import WalletConnectionWrapper from "./WalletConnectionWrapper";
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<{
-        allowedChainId: number;
+        chain: {
+            id: number;
+            rpcUrl: string;
+            explorerUrl: string;
+            name: string;
+            currency: string;
+        };
         ProviderUnavailable?: React.FunctionComponent<{}> | undefined;
         ChainIdInvalid?: React.FunctionComponent<{
             changeChainId: () => void;
         }> | undefined;
         Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
+    } & {
+        children?: React.ReactNode;
     } & React.RefAttributes<{
         connect: () => Promise<void>;
         disconnect: () => void;
@@ -18,12 +26,20 @@ export default _default;
 export declare const BasicUsage: {
     (args: ComponentProps<typeof WalletConnectionWrapper>): JSX.Element;
     args: {
-        allowedChainId: number;
+        chain: {
+            id: number;
+            rpcUrl: string;
+            explorerUrl: string;
+            name: string;
+            currency: string;
+        };
         ProviderUnavailable?: React.FunctionComponent<{}> | undefined;
         ChainIdInvalid?: React.FunctionComponent<{
             changeChainId: () => void;
         }> | undefined;
         Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
+    } & {
+        children?: React.ReactNode;
     } & React.RefAttributes<{
         connect: () => Promise<void>;
         disconnect: () => void;
@@ -32,12 +48,19 @@ export declare const BasicUsage: {
 export declare const UsageWithActionProps: {
     (args: ComponentProps<typeof WalletConnectionWrapper>): JSX.Element;
     args: {
-        allowedChainId: number;
+        chain: {
+            id: number;
+            rpcUrl: string;
+            explorerUrl: string;
+            name: string;
+            currency: string;
+        };
         ProviderUnavailable?: React.FunctionComponent<{}> | undefined;
         ChainIdInvalid?: React.FunctionComponent<{
             changeChainId: () => void;
         }> | undefined;
         Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
+        children?: React.ReactNode;
         ref?: React.Ref<{
             connect: () => Promise<void>;
             disconnect: () => void;

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

@@ -13,7 +13,7 @@ exports.default = {
     component: WalletConnectionWrapper_1.default,
 };
 const BasicUsage = (args) => {
-    return (react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({}, args, { Content: ({ error, loading, isChainIdValid, isProviderAvailable, isConnectedAndValidChain, connect, disconnect, changeChainId, }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({}, args, { Content: ({ chainId, error, loading, isChainIdValid, isProviderAvailable, isConnectedAndValidChain, 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,
@@ -28,9 +28,12 @@ const BasicUsage = (args) => {
                 String(loading)),
             react_1.default.createElement("p", null,
                 "Valid chain (",
-                args.allowedChainId,
+                args.chain.id,
                 "): ",
-                String(isChainIdValid)),
+                String(isChainIdValid),
+                " (",
+                chainId,
+                ")"),
             react_1.default.createElement("p", null,
                 "Provider available (",
                 String(isProviderAvailable),
@@ -50,7 +53,13 @@ const UsageWithActionProps = (args) => {
 };
 exports.UsageWithActionProps = UsageWithActionProps;
 exports.BasicUsage.args = {
-    allowedChainId: 80001, ///MUMBAI
+    chain: {
+        id: 80001,
+        name: "Polygon Testnet",
+        rpcUrl: "https://rpc-mumbai.matic.today/",
+        explorerUrl: "https://mumbai.polygonscan.com/",
+        currency: "MATIC",
+    },
 };
 exports.UsageWithActionProps.args = Object.assign({}, exports.BasicUsage.args);
 //# sourceMappingURL=WalletConnectionWrapper.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WalletConnectionWrapper.stories.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgE;AAChE,wFAAgE;AAGhE,uEAA+C;AAC/C,uDAA+B;AAE/B,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,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,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,cAAc;;gBAAK,MAAM,CAAC,cAAc,CAAC,CAC1D;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;AA1CW,QAAA,UAAU,cA0CrB;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,cAAc,EAAE,KAAK,EAAE,SAAS;CACiB,CAAC;AAEpD,4BAAoB,CAAC,IAAI,qBACpB,kBAAU,CAAC,IAAI,CACnB,CAAC"}
+{"version":3,"file":"WalletConnectionWrapper.stories.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA8C;AAC9C,wFAAgE;AAChE,uEAA+C;AAC/C,uDAA+B;AAE/B,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,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,OAAO,EACP,KAAK,EACL,OAAO,EACP,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,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;;gBAAK,MAAM,CAAC,cAAc,CAAC;;gBAAI,OAAO;oBAC/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,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,iCAAiC;QACzC,WAAW,EAAE,iCAAiC;QAC9C,QAAQ,EAAE,OAAO;KAClB;CACgD,CAAC;AAEpD,4BAAoB,CAAC,IAAI,qBACpB,kBAAU,CAAC,IAAI,CACnB,CAAC"}

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,9 +1,19 @@
+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;
         };
@@ -43,6 +53,9 @@ declare type ContextSpecs = {
                 }) => JSX.Element;
             };
         };
+        tooltip: {
+            className?: string;
+        };
     };
 };
 declare type ContextConfigSpecs = DeepPartial<ContextSpecs>;

package/dist/context/OneUIProvider.js

@@ -17,6 +17,7 @@ const debouncedError = (0, lodash_1.debounce)((message) => {
     event.error = new Error(message);
     window.dispatchEvent(event);
 }, 100);
+const IGNORED_KEYS = ["className"];
 function ProtectVariableAccess(obj, basePath = []) {
     const proxyInstance = new Proxy(() => obj || {}, {
         apply: (target) => {
@@ -28,8 +29,16 @@ function ProtectVariableAccess(obj, basePath = []) {
                 return () => value;
             if (value === undefined) {
                 const path = [...basePath, variable.toString()];
-                if (/[^A-Z]/.test(String(variable).charAt(0)))
-                    debouncedError(`A component is using the UI config ${path.join(".")}.
+                if (/[^A-Z]/.test(String(variable).charAt(0))) {
+                    switch (basePath.join(".")) {
+                        case "component.text.className":
+                            return undefined;
+                        case "component.text":
+                        case "component.input":
+                            return {};
+                    }
+                    if (!IGNORED_KEYS.includes(path[path.length - 1]))
+                        debouncedError(`A component is using the UI config ${path.join(".")}.
           
 Please define it using:
 import OneUIProvider from "@onepercent/one-ui/dist/context/OneUIProvider";
@@ -37,8 +46,10 @@ import OneUIProvider from "@onepercent/one-ui/dist/context/OneUIProvider";
   <OneUIProvider config={THE_MISSING_CONFIG}>
     ...
   </OneUIProvider>`);
-                else
+                }
+                else {
                     debouncedError.cancel();
+                }
             }
             if ((typeof value === "object" && !Array.isArray(value)) ||
                 (value === undefined && /[^A-Z]/.test(String(variable).charAt(0))))

package/dist/context/OneUIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAkC;AAClC,kDAA0B;AAC1B,iCAAqE;AA4CrE,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAqB,IAAW,CAAC,CAAC;AAE/D,SAAwB,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,GAC4C;IAClD,OAAO,8BAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAAoB,CAAC;AACxE,CAAC;AALD,gCAKC;AAED,MAAM,cAAc,GAAG,IAAA,iBAAQ,EAAC,CAAC,OAAe,EAAE,EAAE;IAClD,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;IAChC,KAAa,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC,EAAE,GAAG,CAAC,CAAC;AACR,SAAgB,qBAAqB,CAAC,GAAS,EAAE,WAAqB,EAAE;IACtE,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;QAC/C,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE;YAChB,OAAO,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;QAC1B,CAAC;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YACrB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,QAAwC,CAAC,CAAC;YAC9D,IAAI,QAAQ,KAAK,MAAM,CAAC,WAAW;gBAAE,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC;YACxD,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,MAAM,IAAI,GAAG,CAAC,GAAG,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAChD,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC3C,cAAc,CACZ,sCAAsC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;mBAO7C,CACR,CAAC;;oBACC,cAAc,CAAC,MAAM,EAAE,CAAC;aAC9B;YACD,IACE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACpD,CAAC,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAElE,OAAO,qBAAqB,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC1E,OAAO,KAAK,CAAC;QACf,CAAC;KACF,CAAC,CAAC;IACH,OAAO,aAAa,CAAC;AACvB,CAAC;AAhCD,sDAgCC;AAED,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEpC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,OAAO,qBAAqB,CAAC,OAAO,CAAiB,CAAC;KACvD;IAED,OAAO,OAAuB,CAAC;AACjC,CAAC;AARD,0CAQC"}
+{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":"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"}

package/dist/context/OneUIProvider.test.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const OneUIProvider_1 = require("./OneUIProvider");
 const loggingSpy = jest.spyOn(console, "error");
 loggingSpy.mockImplementation(() => { });
-jest.mock("lodash", () => ({ debounce: () => (a) => console.error(a) }));
 describe("The proxy that protects variable access", () => {
     it("Should work when there is no object (the provider is not added yet)", () => {
         (0, OneUIProvider_1.ProtectVariableAccess)();

package/dist/context/OneUIProvider.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneUIProvider.test.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.test.ts"],"names":[],"mappings":";;AAAA,mDAAwD;AAExD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAEhD,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;AAExC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE9E,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACvD,EAAE,CAAC,qEAAqE,EAAE,GAAG,EAAE;QAC7E,IAAA,qCAAqB,GAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,GAAG,GAAG,IAAA,qCAAqB,EAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,GAAG,GAAG,IAAA,qCAAqB,EAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,GAAG,IAAA,qCAAqB,EAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC9D,6DAA6D;QAC7D,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACpE,MAAM,eAAe,GAAG,IAAA,qCAAqB,EAAC,EAAE,CAAC,CAAC;QAClD,eAAe,CAAC,iBAAiB,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC7C,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,wCAAwC,GAAG,IAAA,qCAAqB,EAAC;YACrE,iBAAiB,EAAE,EAAE;SACtB,CAAC,CAAC;QACH,wCAAwC,CAAC,iBAAiB;aACvD,kBAAkB,CAAC;QACtB,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CAChE,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,wCAAwC,GAAG,IAAA,qCAAqB,EAAC;YACrE,iBAAiB,EAAE;gBACjB,kBAAkB,EAAE,EAAE;aACvB;SACF,CAAC,CAAC;QACH,wCAAwC,CAAC,iBAAiB;aACvD,kBAAkB,CAAC,6BAA6B,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CACrB,oEAAoE,CACrE,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"OneUIProvider.test.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.test.ts"],"names":[],"mappings":";;AAAA,mDAAwD;AAExD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAEhD,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;AAExC,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACvD,EAAE,CAAC,qEAAqE,EAAE,GAAG,EAAE;QAC7E,IAAA,qCAAqB,GAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,GAAG,GAAG,IAAA,qCAAqB,EAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,GAAG,GAAG,IAAA,qCAAqB,EAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,GAAG,IAAA,qCAAqB,EAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC9D,6DAA6D;QAC7D,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACpE,MAAM,eAAe,GAAG,IAAA,qCAAqB,EAAC,EAAE,CAAC,CAAC;QAClD,eAAe,CAAC,iBAAiB,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC7C,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,wCAAwC,GAAG,IAAA,qCAAqB,EAAC;YACrE,iBAAiB,EAAE,EAAE;SACtB,CAAC,CAAC;QACH,wCAAwC,CAAC,iBAAiB;aACvD,kBAAkB,CAAC;QACtB,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CAChE,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,wCAAwC,GAAG,IAAA,qCAAqB,EAAC;YACrE,iBAAiB,EAAE;gBACjB,kBAAkB,EAAE,EAAE;aACvB;SACF,CAAC,CAAC;QACH,wCAAwC,CAAC,iBAAiB;aACvD,kBAAkB,CAAC,6BAA6B,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CACrB,oEAAoE,CACrE,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/context/__mocks__/OneUIProvider.d.ts

@@ -1,6 +1,25 @@
 import { ComponentProps } from "react";
 export declare function useOneUIContext(): {
     component?: {
+        text?: {
+            className?: {
+                link?: string | undefined;
+                caption?: string | undefined;
+                title?: string | undefined;
+                content?: string | undefined;
+                description?: string | undefined;
+                error?: string | undefined;
+                highlightTitle?: string | undefined;
+                highlight?: string | undefined;
+                subtitle?: string | undefined;
+                boldTitle?: string | undefined;
+                boldTitleBig?: string | undefined;
+            } | undefined;
+        } | undefined;
+        input?: {
+            className?: string | undefined;
+            border?: boolean | undefined;
+        } | undefined;
         fileInput?: {
             Icon?: (() => JSX.Element) | undefined;
         } | undefined;
@@ -40,6 +59,9 @@ export declare function useOneUIContext(): {
                 }) => JSX.Element) | undefined;
             } | undefined;
         } | undefined;
+        tooltip?: {
+            className?: string | undefined;
+        } | undefined;
     } | undefined;
 };
 export declare function setupMock(ctx: ComponentProps<typeof import("../OneUIProvider")["default"]>["config"]): void;

package/dist/hooks/shims/ObjectWatchShim.js

@@ -0,0 +1,48 @@
+"use strict";
+// @ts-nocheck
+// object.watch
+if (!Object.prototype.watch)
+    Object.prototype.watch = function (propsToWatchFor, handler) {
+        propsToWatchFor.forEach((prop) => {
+            var oldval = this[prop], newval = oldval, getter = function () {
+                return newval;
+            }, setter = function (val) {
+                if (this._watchTimer)
+                    clearTimeout(this._watchTimer);
+                this._watchTimer = setTimeout(() => {
+                    handler.call();
+                    clearTimeout(this._watchTimer);
+                    delete this._watchTimer;
+                }, 0);
+                oldval = newval;
+                newval = val;
+                return true;
+            };
+            if (delete this[prop]) {
+                // can't watch constants
+                if (Object.defineProperty)
+                    // ECMAScript 5
+                    Object.defineProperty(this, prop, {
+                        get: getter,
+                        set: setter,
+                    });
+                else if (Object.prototype.__defineGetter__ &&
+                    Object.prototype.__defineSetter__) {
+                    // legacy
+                    Object.prototype.__defineGetter__.call(this, prop, getter);
+                    Object.prototype.__defineSetter__.call(this, prop, setter);
+                }
+            }
+        });
+        function _unwatch(prop) {
+            var val = this[prop];
+            delete this[prop]; // remove accessors
+            this[prop] = val;
+        }
+        this.unwatch = function () {
+            propsToWatchFor.forEach((prop) => {
+                _unwatch(prop);
+            });
+        };
+    };
+//# sourceMappingURL=ObjectWatchShim.js.map

package/dist/hooks/shims/ObjectWatchShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectWatchShim.js","sourceRoot":"","sources":["../../../src/hooks/shims/ObjectWatchShim.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,eAAe;AACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK;IACzB,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,eAAe,EAAE,OAAO;QACzD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,EACrB,MAAM,GAAG,MAAM,EACf,MAAM,GAAG;gBACP,OAAO,MAAM,CAAC;YAChB,CAAC,EACD,MAAM,GAAG,UAAU,GAAG;gBACpB,IAAI,IAAI,CAAC,WAAW;oBAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACrD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;oBACjC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACf,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC/B,OAAO,IAAI,CAAC,WAAW,CAAC;gBAC1B,CAAC,EAAE,CAAC,CAAC,CAAC;gBACN,MAAM,GAAG,MAAM,CAAC;gBAChB,MAAM,GAAG,GAAG,CAAC;gBACb,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;YACJ,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE;gBACrB,wBAAwB;gBACxB,IAAI,MAAM,CAAC,cAAc;oBACvB,eAAe;oBACf,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE;wBAChC,GAAG,EAAE,MAAM;wBACX,GAAG,EAAE,MAAM;qBACZ,CAAC,CAAC;qBACA,IACH,MAAM,CAAC,SAAS,CAAC,gBAAgB;oBACjC,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACjC;oBACA,SAAS;oBACT,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;oBAC3D,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;iBAC5D;aACF;QACH,CAAC,CAAC,CAAC;QACH,SAAS,QAAQ,CAAC,IAAI;YACpB,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB;YACtC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,OAAO,GAAG;YACb,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC/B,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,CAAC"}

package/dist/hooks/useObserve.d.ts

@@ -0,0 +1,2 @@
+import "./shims/ObjectWatchShim.js";
+export default function useObserve<T extends any>(object: T, keysToObserve: (keyof T)[]): void;

package/dist/hooks/useObserve.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+require("./shims/ObjectWatchShim.js");
+function useObserve(object, keysToObserve) {
+    const [_, ss] = (0, react_1.useState)(0);
+    (0, react_1.useLayoutEffect)(() => {
+        return object.watch(keysToObserve, () => {
+            ss((p) => p + 1);
+        });
+    }, [object]);
+}
+exports.default = useObserve;
+//# sourceMappingURL=useObserve.js.map

package/dist/hooks/useObserve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObserve.js","sourceRoot":"","sources":["../../src/hooks/useObserve.ts"],"names":[],"mappings":";;AAAA,iCAA6D;AAC7D,sCAAoC;AAOpC,SAAwB,UAAU,CAChC,MAAS,EACT,aAA0B;IAE1B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,OAAQ,MAAiB,CAAC,KAAK,CAAC,aAAoB,EAAE,GAAG,EAAE;YACzD,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC;AAVD,6BAUC"}