@onepercentio/one-ui 0.6.0 → 0.6.3

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,52 +1,52 @@
-"use strict";
-// @ts-nocheck
-// object.watch
-if (!Object.prototype.watch) {
-    Object.prototype.watch = function (propsToWatchFor, handler) {
-        (this._handlers || (this._handlers = [])).push(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(() => {
-                    for (let handler of this._handlers)
-                        handler.call();
-                    clearTimeout(this._watchTimer);
-                    delete this._watchTimer;
-                }, 0);
-                oldval = newval;
-                newval = val;
-                return true;
-            };
-            try {
-                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);
-                    }
-                }
-            }
-            catch (e) { }
-        });
-        return () => {
-            this._handlers.splice(this._handlers.indexOf(handler), 1);
-        };
-    };
-    Object.defineProperty(Object.prototype, 'watch', {
-        enumerable: false,
-        configurable: true
-    });
-}
+"use strict";
+// @ts-nocheck
+// object.watch
+if (!Object.prototype.watch) {
+    Object.prototype.watch = function (propsToWatchFor, handler) {
+        (this._handlers || (this._handlers = [])).push(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(() => {
+                    for (let handler of this._handlers)
+                        handler.call();
+                    clearTimeout(this._watchTimer);
+                    delete this._watchTimer;
+                }, 0);
+                oldval = newval;
+                newval = val;
+                return true;
+            };
+            try {
+                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);
+                    }
+                }
+            }
+            catch (e) { }
+        });
+        return () => {
+            this._handlers.splice(this._handlers.indexOf(handler), 1);
+        };
+    };
+    Object.defineProperty(Object.prototype, 'watch', {
+        enumerable: false,
+        configurable: true
+    });
+}
 //# 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, F = any>(functionsToWrap?: F): {
-    process: (asyncFn: () => Promise<any>) => Promise<any>;
-    loading: boolean;
-    error: E | undefined;
-    setError: import("react").Dispatch<import("react").SetStateAction<E | undefined>>;
-    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-} & F;
+/// <reference types="react" />
+import { CommonErrorCodes } from "../types";
+export default function useAsyncControl<E extends CommonErrorCodes, F = any>(functionsToWrap?: F): {
+    process: (asyncFn: () => Promise<any>) => Promise<any>;
+    loading: boolean;
+    error: E | undefined;
+    setError: import("react").Dispatch<import("react").SetStateAction<E | undefined>>;
+    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+} & F;

package/dist/hooks/useAsyncControl.js

@@ -1,40 +1,40 @@
-"use strict";
-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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-function useAsyncControl(functionsToWrap) {
-    const [error, setError] = (0, react_1.useState)();
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const _process = (0, react_1.useCallback)((asyncFn) => __awaiter(this, void 0, void 0, function* () {
-        try {
-            setLoading(true);
-            setError(undefined);
-            return yield asyncFn();
-        }
-        catch (e) {
-            if (process.env.NODE_ENV === "development")
-                console.error(e);
-            setError("UNEXPECTED_ERROR");
-            throw e;
-        }
-        finally {
-            setLoading(false);
-        }
-    }), []);
-    return Object.assign({ process: _process, loading,
-        error,
-        setError,
-        setLoading }, Object.entries(functionsToWrap || {}).reduce((r, [k, func]) => {
-        return Object.assign(Object.assign({}, r), { [k]: (...args) => _process(() => func(...args)) });
-    }, {}));
-}
-exports.default = useAsyncControl;
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useAsyncControl(functionsToWrap) {
+    const [error, setError] = (0, react_1.useState)();
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const _process = (0, react_1.useCallback)((asyncFn) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setLoading(true);
+            setError(undefined);
+            return yield asyncFn();
+        }
+        catch (e) {
+            if (process.env.NODE_ENV === "development")
+                console.error(e);
+            setError("UNEXPECTED_ERROR");
+            throw e;
+        }
+        finally {
+            setLoading(false);
+        }
+    }), []);
+    return Object.assign({ process: _process, loading,
+        error,
+        setError,
+        setLoading }, Object.entries(functionsToWrap || {}).reduce((r, [k, func]) => {
+        return Object.assign(Object.assign({}, r), { [k]: (...args) => _process(() => func(...args)) });
+    }, {}));
+}
+exports.default = useAsyncControl;
 //# sourceMappingURL=useAsyncControl.js.map

package/dist/hooks/useCustomHistory.d.ts

@@ -0,0 +1,14 @@
+export default function useCustomHistory(): {
+    goBackWithFallback(fallbackRoute: string): void;
+    length: number;
+    action: import("history").Action;
+    location: import("history").Location<unknown>;
+    push(location: import("history").LocationDescriptor<unknown>, state?: unknown): void;
+    replace(location: import("history").LocationDescriptor<unknown>, state?: unknown): void;
+    go(n: number): void;
+    goBack(): void;
+    goForward(): void;
+    block(prompt?: string | boolean | import("history").TransitionPromptHook<unknown> | undefined): import("history").UnregisterCallback;
+    listen(listener: import("history").LocationListener<unknown>): import("history").UnregisterCallback;
+    createHref(location: import("history").LocationDescriptorObject<unknown>): string;
+};

package/dist/hooks/useCustomHistory.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_router_dom_1 = require("react-router-dom");
+function useCustomHistory() {
+    const customHistory = (0, react_router_dom_1.useHistory)();
+    const { state } = (0, react_router_dom_1.useLocation)();
+    return Object.assign(Object.assign({}, customHistory), { goBackWithFallback(fallbackRoute) {
+            if (state === null || state === void 0 ? void 0 : state.internalNavigation)
+                customHistory.goBack();
+            else
+                customHistory.push(fallbackRoute);
+        } });
+}
+exports.default = useCustomHistory;
+//# sourceMappingURL=useCustomHistory.js.map

package/dist/hooks/useCustomHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomHistory.js","sourceRoot":"","sources":["../../src/hooks/useCustomHistory.ts"],"names":[],"mappings":";;AAAA,uDAA0D;AAG1D,SAAwB,gBAAgB;IACpC,MAAM,aAAa,GAAG,IAAA,6BAAU,GAAE,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,8BAAW,GAA2B,CAAC;IACzD,uCACO,aAAa,KAChB,kBAAkB,CAAC,aAAqB;YACpC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB;gBAAE,aAAa,CAAC,MAAM,EAAE,CAAC;;gBACjD,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC,IACJ;AACL,CAAC;AAVD,mCAUC"}

package/dist/hooks/useFirestoreWatch.d.ts

@@ -1,12 +1,12 @@
-import { DocumentChangeType, Unsubscribe } from "firebase/firestore";
-declare type SnapshotFactoryCb<D extends any> = (changes: {
-    doc: D;
-    type: DocumentChangeType;
-}[]) => void;
-export declare type SnapshotFactoryReturn<D extends {
-    id: string;
-}> = (cb: SnapshotFactoryCb<D>) => Unsubscribe;
-export default function useFirestoreWatch<D extends {
-    id: string;
-}, P extends any[]>(queryFactory: (...params: P) => SnapshotFactoryReturn<D>, params: P): D[] | undefined;
-export {};
+import { DocumentChangeType, Unsubscribe } from "firebase/firestore";
+declare type SnapshotFactoryCb<D extends any> = (changes: {
+    doc: D;
+    type: DocumentChangeType;
+}[]) => void;
+export declare type SnapshotFactoryReturn<D extends {
+    id: string;
+}> = (cb: SnapshotFactoryCb<D>) => Unsubscribe;
+export default function useFirestoreWatch<D extends {
+    id: string;
+}, P extends any[]>(queryFactory: (...params: P) => SnapshotFactoryReturn<D>, params: P): D[] | undefined;
+export {};

package/dist/hooks/useFirestoreWatch.js

@@ -1,38 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-function useFirestoreWatch(queryFactory, params) {
-    const [docsList, updateList] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        const unsub = queryFactory(...params)((changes) => {
-            updateList((prevList = []) => {
-                for (let docChange of changes) {
-                    switch (docChange.type) {
-                        case 'added':
-                            if (!prevList.find((f) => f.id === docChange.doc.id)) {
-                                prevList.unshift(docChange.doc);
-                            }
-                            break;
-                        case 'modified':
-                            prevList = prevList.map((item) => {
-                                if (item.id === docChange.doc.id)
-                                    for (let key in docChange.doc) {
-                                        item[key] = docChange.doc[key];
-                                    }
-                                return item;
-                            });
-                            break;
-                        case 'removed':
-                            prevList = prevList.filter((item) => item.id !== docChange.doc.id);
-                            break;
-                    }
-                }
-                return [...prevList];
-            });
-        });
-        return unsub;
-    }, params);
-    return docsList;
-}
-exports.default = useFirestoreWatch;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useFirestoreWatch(queryFactory, params) {
+    const [docsList, updateList] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        const unsub = queryFactory(...params)((changes) => {
+            updateList((prevList = []) => {
+                for (let docChange of changes) {
+                    switch (docChange.type) {
+                        case 'added':
+                            if (!prevList.find((f) => f.id === docChange.doc.id)) {
+                                prevList.unshift(docChange.doc);
+                            }
+                            break;
+                        case 'modified':
+                            prevList = prevList.map((item) => {
+                                if (item.id === docChange.doc.id)
+                                    for (let key in docChange.doc) {
+                                        item[key] = docChange.doc[key];
+                                    }
+                                return item;
+                            });
+                            break;
+                        case 'removed':
+                            prevList = prevList.filter((item) => item.id !== docChange.doc.id);
+                            break;
+                    }
+                }
+                return [...prevList];
+            });
+        });
+        return unsub;
+    }, params);
+    return docsList;
+}
+exports.default = useFirestoreWatch;
 //# sourceMappingURL=useFirestoreWatch.js.map

package/dist/hooks/useForm.d.ts

@@ -1,16 +1,16 @@
-import { BaseForm, FieldDefinition, FieldTypes } from "../components/Form/Form";
-declare type Intermediary<F extends BaseForm> = {
-    form: F;
-    formValidation: {
-        [k in keyof F]: string;
-    } & {
-        isValid: string | true;
-    };
-    set: <K extends keyof F>(k: K, value: F[K]) => void;
-};
-export declare type FormControls<C extends FormConfig<any>> = Intermediary<C extends FormConfig<infer F> ? F : never>;
-export declare type FormConfig<T extends BaseForm> = {
-    [k in keyof T]: FieldDefinition<T, k, FieldTypes>;
-};
-export default function useContextForm<T extends BaseForm>(config: FormConfig<T>, initialState: T): FormControls<FormConfig<T>>;
-export {};
+import { BaseForm, FieldDefinition, FieldTypes } from "../components/Form/Form";
+declare type Intermediary<F extends BaseForm> = {
+    form: F;
+    formValidation: {
+        [k in keyof F]: string;
+    } & {
+        isValid: string | true;
+    };
+    set: <K extends keyof F>(k: K, value: F[K]) => void;
+};
+export declare type FormControls<C extends FormConfig<any>> = Intermediary<C extends FormConfig<infer F> ? F : never>;
+export declare type FormConfig<T extends BaseForm> = {
+    [k in keyof T]: FieldDefinition<T, k, FieldTypes>;
+};
+export default function useContextForm<T extends BaseForm>(config: FormConfig<T>, initialState: T): FormControls<FormConfig<T>>;
+export {};

package/dist/hooks/useForm.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-function useContextForm(config, initialState) {
-    const [form, setForm] = (0, react_1.useState)(initialState);
-    const isValid = (0, react_1.useMemo)(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
-    const _setFormField = (key, value) => {
-        setForm(prev => (Object.assign(Object.assign({}, prev), { [key]: value })));
-    };
-    const validFormFields = (0, react_1.useMemo)(() => {
-        return Object.keys(config).reduce((result, field) => {
-            const fieldConfig = config[field];
-            const invalidMessage = fieldConfig.validator(form[field], form);
-            return Object.assign(Object.assign({}, result), { [field]: invalidMessage });
-        }, { isValid });
-    }, [form, isValid]);
-    return {
-        form: form,
-        formValidation: validFormFields,
-        set: _setFormField
-    };
-}
-exports.default = useContextForm;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useContextForm(config, initialState) {
+    const [form, setForm] = (0, react_1.useState)(initialState);
+    const isValid = (0, react_1.useMemo)(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
+    const _setFormField = (key, value) => {
+        setForm(prev => (Object.assign(Object.assign({}, prev), { [key]: value })));
+    };
+    const validFormFields = (0, react_1.useMemo)(() => {
+        return Object.keys(config).reduce((result, field) => {
+            const fieldConfig = config[field];
+            const invalidMessage = fieldConfig.validator(form[field], form);
+            return Object.assign(Object.assign({}, result), { [field]: invalidMessage });
+        }, { isValid });
+    }, [form, isValid]);
+    return {
+        form: form,
+        formValidation: validFormFields,
+        set: _setFormField
+    };
+}
+exports.default = useContextForm;
 //# sourceMappingURL=useForm.js.map

package/dist/hooks/useIntersection.d.ts

@@ -1,4 +1,4 @@
-export default function useIntersection(): {
-    observe: (e: HTMLOrSVGElement, cb: () => void) => void;
-    unobserve: (e: HTMLOrSVGElement) => void;
-};
+export default function useIntersection(): {
+    observe: (e: HTMLOrSVGElement, cb: () => void) => void;
+    unobserve: (e: HTMLOrSVGElement) => void;
+};