@onepercentio/one-ui 0.2.0 → 0.2.1

package/dist/context/OneUIProvider.d.ts

@@ -1,67 +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;
-            };
-        };
-        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 {};
+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 {};

package/dist/context/OneUIProvider.js

@@ -1,43 +1,43 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOneUIContext = exports.ProtectVariableAccess = void 0;
-const lodash_1 = require("lodash");
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const Context = (0, react_2.createContext)(null);
-function OneUIProvider({ children, config, }) {
-    return react_1.default.createElement(Context.Provider, { value: config }, children);
-}
-exports.default = OneUIProvider;
-const debouncedError = (0, lodash_1.debounce)((message) => {
-    const event = new Event("error");
-    event.error = new Error(message);
-    window.dispatchEvent(event);
-}, 100);
-const IGNORED_KEYS = ["className"];
-function ProtectVariableAccess(obj, basePath = []) {
-    const proxyInstance = new Proxy(() => obj || {}, {
-        apply: (target) => {
-            return String(target());
-        },
-        get: (ctx, variable) => {
-            const value = ctx()[variable];
-            if (variable === Symbol.toPrimitive)
-                return () => value;
-            if (value === undefined) {
-                const path = [...basePath, variable.toString()];
-                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]))
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOneUIContext = exports.ProtectVariableAccess = void 0;
+const lodash_1 = require("lodash");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
+const Context = (0, react_2.createContext)(null);
+function OneUIProvider({ children, config, }) {
+    return react_1.default.createElement(Context.Provider, { value: config }, children);
+}
+exports.default = OneUIProvider;
+const debouncedError = (0, lodash_1.debounce)((message) => {
+    const event = new Event("error");
+    event.error = new Error(message);
+    window.dispatchEvent(event);
+}, 100);
+const IGNORED_KEYS = ["className"];
+function ProtectVariableAccess(obj, basePath = []) {
+    const proxyInstance = new Proxy(() => obj || {}, {
+        apply: (target) => {
+            return String(target());
+        },
+        get: (ctx, variable) => {
+            const value = ctx()[variable];
+            if (variable === Symbol.toPrimitive)
+                return () => value;
+            if (value === undefined) {
+                const path = [...basePath, variable.toString()];
+                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:
@@ -45,27 +45,27 @@ import OneUIProvider from "@onepercent/one-ui/dist/context/OneUIProvider";
 ...
   <OneUIProvider config={THE_MISSING_CONFIG}>
     ...
-  </OneUIProvider>`);
-                }
-                else {
-                    debouncedError.cancel();
-                }
-            }
-            if ((typeof value === "object" && !Array.isArray(value)) ||
-                (value === undefined && /[^A-Z]/.test(String(variable).charAt(0))))
-                return ProtectVariableAccess(value, [...basePath, variable.toString()]);
-            return value;
-        },
-    });
-    return proxyInstance;
-}
-exports.ProtectVariableAccess = ProtectVariableAccess;
-function useOneUIContext() {
-    const context = (0, react_2.useContext)(Context);
-    if (process.env.NODE_ENV === "development") {
-        return ProtectVariableAccess(context);
-    }
-    return context;
-}
-exports.useOneUIContext = useOneUIContext;
+  </OneUIProvider>`);
+                }
+                else {
+                    debouncedError.cancel();
+                }
+            }
+            if ((typeof value === "object" && !Array.isArray(value)) ||
+                (value === undefined && /[^A-Z]/.test(String(variable).charAt(0))))
+                return ProtectVariableAccess(value, [...basePath, variable.toString()]);
+            return value;
+        },
+    });
+    return proxyInstance;
+}
+exports.ProtectVariableAccess = ProtectVariableAccess;
+function useOneUIContext() {
+    const context = (0, react_2.useContext)(Context);
+    if (process.env.NODE_ENV === "development") {
+        return ProtectVariableAccess(context);
+    }
+    return context;
+}
+exports.useOneUIContext = useOneUIContext;
 //# sourceMappingURL=OneUIProvider.js.map

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

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

package/dist/context/OneUIProvider.test.js

@@ -1,45 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const OneUIProvider_1 = require("./OneUIProvider");
-const loggingSpy = jest.spyOn(console, "error");
-loggingSpy.mockImplementation(() => { });
-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)();
-    });
-    it("Should work when there is a concatenation", () => {
-        const val = (0, OneUIProvider_1.ProtectVariableAccess)(() => { });
-        expect("" + val).toBeDefined();
-    });
-    it("Should work when there is an or", () => {
-        const val = (0, OneUIProvider_1.ProtectVariableAccess)(() => { });
-        expect(val || "expectedResult").toEqual("expectedResult");
-    });
-    it("Should log expected value", () => {
-        const a = (0, OneUIProvider_1.ProtectVariableAccess)({ some: { prop: "string" } });
-        // expect("Result: " + a).toEqual("Result: [object Object]");
-        expect("Result: " + a.some.prop).toEqual("Result: string");
-    });
-    it("Should display the path to the file when it doesn't exists", () => {
-        const protectedObject = (0, OneUIProvider_1.ProtectVariableAccess)({});
-        protectedObject.undefinedProperty;
-        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty"));
-        jest.clearAllMocks();
-        const protectedObjectWithSecondLevelDependency = (0, OneUIProvider_1.ProtectVariableAccess)({
-            undefinedProperty: {},
-        });
-        protectedObjectWithSecondLevelDependency.undefinedProperty
-            .thisShouldNotCrash;
-        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty.thisShouldNotCrash"));
-        jest.clearAllMocks();
-        const protectedObjectWithThirddLevelDependency = (0, OneUIProvider_1.ProtectVariableAccess)({
-            undefinedProperty: {
-                thisShouldNotCrash: {},
-            },
-        });
-        protectedObjectWithThirddLevelDependency.undefinedProperty
-            .thisShouldNotCrash.andThisShouldFollowAllThePath;
-        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty.thisShouldNotCrash.andThisShouldFollowAllThePath"));
-    });
-});
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const OneUIProvider_1 = require("./OneUIProvider");
+const loggingSpy = jest.spyOn(console, "error");
+loggingSpy.mockImplementation(() => { });
+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)();
+    });
+    it("Should work when there is a concatenation", () => {
+        const val = (0, OneUIProvider_1.ProtectVariableAccess)(() => { });
+        expect("" + val).toBeDefined();
+    });
+    it("Should work when there is an or", () => {
+        const val = (0, OneUIProvider_1.ProtectVariableAccess)(() => { });
+        expect(val || "expectedResult").toEqual("expectedResult");
+    });
+    it("Should log expected value", () => {
+        const a = (0, OneUIProvider_1.ProtectVariableAccess)({ some: { prop: "string" } });
+        // expect("Result: " + a).toEqual("Result: [object Object]");
+        expect("Result: " + a.some.prop).toEqual("Result: string");
+    });
+    it("Should display the path to the file when it doesn't exists", () => {
+        const protectedObject = (0, OneUIProvider_1.ProtectVariableAccess)({});
+        protectedObject.undefinedProperty;
+        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty"));
+        jest.clearAllMocks();
+        const protectedObjectWithSecondLevelDependency = (0, OneUIProvider_1.ProtectVariableAccess)({
+            undefinedProperty: {},
+        });
+        protectedObjectWithSecondLevelDependency.undefinedProperty
+            .thisShouldNotCrash;
+        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty.thisShouldNotCrash"));
+        jest.clearAllMocks();
+        const protectedObjectWithThirddLevelDependency = (0, OneUIProvider_1.ProtectVariableAccess)({
+            undefinedProperty: {
+                thisShouldNotCrash: {},
+            },
+        });
+        protectedObjectWithThirddLevelDependency.undefinedProperty
+            .thisShouldNotCrash.andThisShouldFollowAllThePath;
+        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty.thisShouldNotCrash.andThisShouldFollowAllThePath"));
+    });
+});
 //# sourceMappingURL=OneUIProvider.test.js.map

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

@@ -1,67 +1,67 @@
-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;
-        passwordInput?: {
-            iconSrc?: {
-                passwordHidden?: string | undefined;
-                passwordVisible?: string | undefined;
-            } | undefined;
-        } | undefined;
-        asyncWrapper?: {
-            LoadingComponent?: {} | undefined;
-            messages?: {
-                error?: {
-                    title?: string | undefined;
-                    retryBtn?: string | undefined;
-                } | undefined;
-            } | undefined;
-        } | undefined;
-        select?: {
-            StateIndicator?: ((props: {
-                open: boolean;
-            }) => JSX.Element) | undefined;
-        } | undefined;
-        header?: {
-            LogoImage?: (() => JSX.Element) | undefined;
-            MoreOptions?: (({ open }: {
-                open: boolean;
-            }) => JSX.Element) | undefined;
-        } | undefined;
-        table?: {
-            controls?: {
-                PrevPage?: (({ disabled }: {
-                    disabled: boolean;
-                }) => JSX.Element) | undefined;
-                NextPage?: (({ disabled }: {
-                    disabled: boolean;
-                }) => JSX.Element) | undefined;
-            } | undefined;
-        } | undefined;
-        tooltip?: {
-            className?: string | undefined;
-        } | undefined;
-    } | undefined;
-};
-export declare function setupMock(ctx: ComponentProps<typeof import("../OneUIProvider")["default"]>["config"]): void;
+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;
+        passwordInput?: {
+            iconSrc?: {
+                passwordHidden?: string | undefined;
+                passwordVisible?: string | undefined;
+            } | undefined;
+        } | undefined;
+        asyncWrapper?: {
+            LoadingComponent?: {} | undefined;
+            messages?: {
+                error?: {
+                    title?: string | undefined;
+                    retryBtn?: string | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        select?: {
+            StateIndicator?: ((props: {
+                open: boolean;
+            }) => JSX.Element) | undefined;
+        } | undefined;
+        header?: {
+            LogoImage?: (() => JSX.Element) | undefined;
+            MoreOptions?: (({ open }: {
+                open: boolean;
+            }) => JSX.Element) | undefined;
+        } | undefined;
+        table?: {
+            controls?: {
+                PrevPage?: (({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element) | undefined;
+                NextPage?: (({ disabled }: {
+                    disabled: boolean;
+                }) => 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/context/__mocks__/OneUIProvider.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupMock = exports.useOneUIContext = void 0;
-let MockedProvider;
-function useOneUIContext() {
-    return MockedProvider;
-}
-exports.useOneUIContext = useOneUIContext;
-function setupMock(ctx) {
-    MockedProvider = ctx;
-}
-exports.setupMock = setupMock;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupMock = exports.useOneUIContext = void 0;
+let MockedProvider;
+function useOneUIContext() {
+    return MockedProvider;
+}
+exports.useOneUIContext = useOneUIContext;
+function setupMock(ctx) {
+    MockedProvider = ctx;
+}
+exports.setupMock = setupMock;
 //# sourceMappingURL=OneUIProvider.js.map

package/dist/hooks/shims/ObjectWatchShim.js

@@ -1,48 +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);
-            });
-        };
-    };
+"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/useAsyncControl.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { CommonErrorCodes } from "../types";
-export default function useAsyncControl<E extends CommonErrorCodes>(): {
-    process: (asyncFn: () => Promise<any>) => Promise<void>;
-    loading: boolean;
-    error: E | undefined;
-    setError: import("react").Dispatch<import("react").SetStateAction<E | undefined>>;
-    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
+/// <reference types="react" />
+import { CommonErrorCodes } from "../types";
+export default function useAsyncControl<E extends CommonErrorCodes>(): {
+    process: (asyncFn: () => Promise<any>) => Promise<void>;
+    loading: boolean;
+    error: E | undefined;
+    setError: import("react").Dispatch<import("react").SetStateAction<E | undefined>>;
+    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};