@onepercentio/one-ui 0.6.2 → 0.6.3

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

@@ -1,75 +1,75 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const ScrollAndFocusLock_module_scss_1 = __importDefault(require("./ScrollAndFocusLock.module.scss"));
-/**
- * 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.classList.add(ScrollAndFocusLock_module_scss_1.default.lockClass);
-            return () => {
-                document.body.classList.remove(ScrollAndFocusLock_module_scss_1.default.lockClass);
-            };
-        }
-    }, [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;
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const ScrollAndFocusLock_module_scss_1 = __importDefault(require("./ScrollAndFocusLock.module.scss"));
+/**
+ * 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.classList.add(ScrollAndFocusLock_module_scss_1.default.lockClass);
+            return () => {
+                document.body.classList.remove(ScrollAndFocusLock_module_scss_1.default.lockClass);
+            };
+        }
+    }, [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/index.d.ts

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

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

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

package/dist/context/CustomBrowserRouter.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-export declare type CustomState = {
-    internalNavigation?: boolean;
-};
-export default function CustomBrowserRouter({ children, }: PropsWithChildren<{}>): JSX.Element;
+import { PropsWithChildren } from "react";
+export declare type CustomState = {
+    internalNavigation?: boolean;
+};
+export default function CustomBrowserRouter({ children, }: PropsWithChildren<{}>): JSX.Element;

package/dist/context/CustomBrowserRouter.js

@@ -1,54 +1,54 @@
-"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_router_dom_1 = require("react-router-dom");
-const history_1 = require("history");
-const react_1 = __importStar(require("react"));
-function CustomBrowserRouter({ children, }) {
-    const { current: historyCustom } = (0, react_1.useRef)((0, history_1.createBrowserHistory)());
-    (0, react_1.useLayoutEffect)(() => {
-        function overrideFunction(name) {
-            const orig = historyCustom[name];
-            historyCustom[name] = (route, state, ...args) => {
-                var _a, _b, _c, _d;
-                const isReplacingAnInternalNavigation = name === "replace" && ((_b = (_a = history.state) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.internalNavigation);
-                const isARouteChange = name !== "replace";
-                if ((isARouteChange || isReplacingAnInternalNavigation) && !state)
-                    state = {};
-                if (state)
-                    state.internalNavigation =
-                        name === "replace"
-                            ? (_d = (_c = history.state) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.internalNavigation
-                            : true;
-                return orig(route, state, ...args);
-            };
-        }
-        overrideFunction("push");
-        overrideFunction("replace");
-    }, [historyCustom]);
-    return react_1.default.createElement(react_router_dom_1.Router, { history: historyCustom }, children);
-}
-exports.default = CustomBrowserRouter;
+"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_router_dom_1 = require("react-router-dom");
+const history_1 = require("history");
+const react_1 = __importStar(require("react"));
+function CustomBrowserRouter({ children, }) {
+    const { current: historyCustom } = (0, react_1.useRef)((0, history_1.createBrowserHistory)());
+    (0, react_1.useLayoutEffect)(() => {
+        function overrideFunction(name) {
+            const orig = historyCustom[name];
+            historyCustom[name] = (route, state, ...args) => {
+                var _a, _b, _c, _d;
+                const isReplacingAnInternalNavigation = name === "replace" && ((_b = (_a = history.state) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.internalNavigation);
+                const isARouteChange = name !== "replace";
+                if ((isARouteChange || isReplacingAnInternalNavigation) && !state)
+                    state = {};
+                if (state)
+                    state.internalNavigation =
+                        name === "replace"
+                            ? (_d = (_c = history.state) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.internalNavigation
+                            : true;
+                return orig(route, state, ...args);
+            };
+        }
+        overrideFunction("push");
+        overrideFunction("replace");
+    }, [historyCustom]);
+    return react_1.default.createElement(react_router_dom_1.Router, { history: historyCustom }, children);
+}
+exports.default = CustomBrowserRouter;
 //# sourceMappingURL=CustomBrowserRouter.js.map

package/dist/context/OneUIProvider.d.ts

@@ -1,69 +1,69 @@
-import { Get } from "type-fest";
-import React from "react";
-import { PropsWithChildren } from "react";
-import { FieldPath } from "../utils";
-declare type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
-};
-export 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 useOneUIContext(): ContextSpecs;
-export declare function useOneUIConfig<P extends FieldPath<ContextSpecs>, T extends Get<ContextSpecs, P>>(prop: P, defaultValue?: T): NonNullable<Get<ContextSpecs, P>>;
-export {};
+import { Get } from "type-fest";
+import React from "react";
+import { PropsWithChildren } from "react";
+import { FieldPath } from "../utils";
+declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
+};
+export 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 useOneUIContext(): ContextSpecs;
+export declare function useOneUIConfig<P extends FieldPath<ContextSpecs>, T extends Get<ContextSpecs, P>>(prop: P, defaultValue?: T): NonNullable<Get<ContextSpecs, P>>;
+export {};

package/dist/context/OneUIProvider.js

@@ -1,42 +1,42 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOneUIConfig = exports.useOneUIContext = void 0;
-const get_1 = __importDefault(require("lodash/get"));
-const merge_1 = __importDefault(require("lodash/merge"));
-const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const Context = (0, react_2.createContext)(null);
-function OneUIProvider({ children, config, }) {
-    const prevCtx = (0, react_2.useContext)(Context);
-    return (react_1.default.createElement(Context.Provider, { value: (0, merge_1.default)((0, cloneDeep_1.default)(prevCtx), config) }, children));
-}
-exports.default = OneUIProvider;
-function ErrorWrapper(originalObject, path = "config") {
-    return new Proxy(typeof originalObject !== "object" ? {} : originalObject || {}, {
-        get(_target, key) {
-            if (key === Symbol.toPrimitive) {
-                return () => _target[key];
-            }
-            try {
-                const value = originalObject[key];
-                if (typeof value === "undefined")
-                    return undefined;
-                if (typeof value === "object")
-                    return ErrorWrapper(value, [path, key].filter(Boolean).join("."));
-                return value;
-            }
-            catch (e) {
-                const pathJson = path
-                    .split(".")
-                    .concat(key)
-                    .reduce((result, key, idx, arr) => {
-                    arr.slice(0, idx).reduce((r, k) => r[k], result)[key] = idx === arr.length - 1 ? `THE_MISSING_CONFIG` : {};
-                    return result;
-                }, {});
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOneUIConfig = exports.useOneUIContext = void 0;
+const get_1 = __importDefault(require("lodash/get"));
+const merge_1 = __importDefault(require("lodash/merge"));
+const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
+const Context = (0, react_2.createContext)(null);
+function OneUIProvider({ children, config, }) {
+    const prevCtx = (0, react_2.useContext)(Context);
+    return (react_1.default.createElement(Context.Provider, { value: (0, merge_1.default)((0, cloneDeep_1.default)(prevCtx), config) }, children));
+}
+exports.default = OneUIProvider;
+function ErrorWrapper(originalObject, path = "config") {
+    return new Proxy(typeof originalObject !== "object" ? {} : originalObject || {}, {
+        get(_target, key) {
+            if (key === Symbol.toPrimitive) {
+                return () => _target[key];
+            }
+            try {
+                const value = originalObject[key];
+                if (typeof value === "undefined")
+                    return undefined;
+                if (typeof value === "object")
+                    return ErrorWrapper(value, [path, key].filter(Boolean).join("."));
+                return value;
+            }
+            catch (e) {
+                const pathJson = path
+                    .split(".")
+                    .concat(key)
+                    .reduce((result, key, idx, arr) => {
+                    arr.slice(0, idx).reduce((r, k) => r[k], result)[key] = idx === arr.length - 1 ? `THE_MISSING_CONFIG` : {};
+                    return result;
+                }, {});
                 throw new Error(`A component is using the UI config ${[path, key].join(".")}.
 
 Please define it using:
@@ -45,27 +45,27 @@ import OneUIProvider from "@onepercent/one-ui/dist/context/OneUIProvider";
   ...
 ${`<OneUIProvider config={${JSON.stringify(pathJson, null, 4)}}>
 ...
-</OneUIProvider>`.replace(/[ ]/g, "-")}`);
-            }
-        },
-    });
-}
-function useOneUIContext() {
-    const context = (0, react_2.useContext)(Context);
-    if (process.env.NODE_ENV === "development")
-        return ErrorWrapper(context);
-    return context;
-}
-exports.useOneUIContext = useOneUIContext;
-function useOneUIConfig(prop, defaultValue) {
-    const context = (0, react_2.useContext)(Context);
-    if (process.env.NODE_ENV === "development") {
-        const val = (0, get_1.default)(context, prop);
-        if (typeof val === "string")
-            return val;
-        return ErrorWrapper(val || defaultValue);
-    }
-    return (0, get_1.default)(context, prop) || defaultValue;
-}
-exports.useOneUIConfig = useOneUIConfig;
+</OneUIProvider>`.replace(/[ ]/g, "-")}`);
+            }
+        },
+    });
+}
+function useOneUIContext() {
+    const context = (0, react_2.useContext)(Context);
+    if (process.env.NODE_ENV === "development")
+        return ErrorWrapper(context);
+    return context;
+}
+exports.useOneUIContext = useOneUIContext;
+function useOneUIConfig(prop, defaultValue) {
+    const context = (0, react_2.useContext)(Context);
+    if (process.env.NODE_ENV === "development") {
+        const val = (0, get_1.default)(context, prop);
+        if (typeof val === "string")
+            return val;
+        return ErrorWrapper(val || defaultValue);
+    }
+    return (0, get_1.default)(context, prop) || defaultValue;
+}
+exports.useOneUIConfig = useOneUIConfig;
 //# sourceMappingURL=OneUIProvider.js.map

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

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