@onepercentio/one-ui 0.29.0 → 0.29.2

package/dist-ts/context/OneUIProvider.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import get from "lodash/get";
+import merge from "lodash/merge";
+import clone from "lodash/cloneDeep";
+import { useMemo } from "react";
+import { createContext, useContext } from "react";
+import useAdaptiveImage from "../hooks/ui/useAdaptiveImage";
+const Context = createContext(null);
+function OneUIProvider({ children, config, }) {
+    const prevCtx = useContext(Context);
+    const scale = useAdaptiveImage();
+    const mergedConfig = useMemo(() => {
+        return merge(clone(prevCtx), config, {
+            state: {
+                imageScale: scale,
+            },
+        });
+    }, [prevCtx, config, scale]);
+    return _jsx(Context.Provider, { value: mergedConfig, children: children });
+}
+export default OneUIProvider;
+function pathToJson(path, key, exampleConfig = "THE_MISSING_CONFIG") {
+    if (!key) {
+        key = path.split(".").slice(-1)[0];
+        path = path.replace(`.${key}`, "");
+    }
+    return path
+        .split(".")
+        .concat(key)
+        .reduce((result, key, idx, arr) => {
+        arr.slice(0, idx).reduce((r, k) => r[k], result)[key] =
+            idx === arr.length - 1 ? exampleConfig : {};
+        return result;
+    }, {});
+}
+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 = pathToJson(path, key);
+                throw new Error(`A component is using the UI config ${[path, key].join(".")}.
+
+Please define it using:
+import OneUIProvider from "@onepercent/one-ui/dist/context/OneUIProvider";
+
+  ...
+${`<OneUIProvider config={${JSON.stringify(pathJson, null, 4)}}>
+...
+</OneUIProvider>`.replace(/[ ]/g, "-")}`);
+            }
+        },
+    });
+}
+export function useOneUIContext() {
+    const context = useContext(Context);
+    if (process.env.NODE_ENV === "development")
+        return ErrorWrapper(context);
+    return context;
+}
+export function useOneUIView(oneuiConfigPath, componentName) {
+    const providedValue = useOneUIConfig(oneuiConfigPath);
+    if (!providedValue) {
+        throw new Error(`The component ${componentName} requires a view to be set on OneUI initialization
+
+Views ready for use with this component shall be available at:
+import SomeView from "@onepercentio/one-ui/dist/components/${componentName}/View/SomeView";
+    
+Please define it using:
+import OneUIProvider from "@onepercentio/one-ui/dist/context/OneUIProvider";
+
+  ...
+${`<OneUIProvider config={${JSON.stringify(pathToJson(oneuiConfigPath, undefined, "SomeView"), null, 4)}}>
+...
+</OneUIProvider>`.replace(/[ ]/g, "-")}`);
+    }
+    return providedValue;
+}
+export function useOneUIConfig(prop, defaultValue) {
+    const context = useContext(Context);
+    if (process.env.NODE_ENV === "development") {
+        const val = useMemo(() => {
+            return get(context, prop);
+        }, [context, prop]);
+        if (typeof val === "string" ||
+            typeof val === "function" ||
+            prop.endsWith(".Component") ||
+            prop.endsWith(".View"))
+            return val || defaultValue;
+        if (typeof val === "boolean")
+            return val;
+        return ErrorWrapper(val || defaultValue);
+    }
+    const value = useMemo(() => {
+        return get(context, prop);
+    }, [context, prop]);
+    return value || defaultValue;
+}
+export function useCurrentImageScale() {
+    const context = useContext(Context);
+    return context.state.imageScale;
+}
+//# sourceMappingURL=OneUIProvider.js.map

package/dist-ts/context/OneUIProvider.js.map

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

package/dist-ts/hooks/logs/useDependencyChangeDetection.d.ts

@@ -0,0 +1 @@
+export default function useDependencyChangeDetection(tag: string, dependencyArray: any[]): void;

package/dist-ts/hooks/logs/useDependencyChangeDetection.js

@@ -0,0 +1,16 @@
+import { useEffect, useRef } from "react";
+export default function useDependencyChangeDetection(tag, dependencyArray) {
+    for (let dependencyIndex in dependencyArray) {
+        const prevValue = useRef(undefined);
+        useEffect(() => {
+            if (!prevValue.current)
+                return;
+            if (process.env.NODE_ENV === "development")
+                require('../../models/DebugLogger').default(`${useDependencyChangeDetection.name}:${tag}`, `Element index ${dependencyIndex} (prev: ${JSON.stringify(prevValue.current)}) (new: ${JSON.stringify(dependencyArray[dependencyIndex])}) has changed`);
+        }, [dependencyArray[dependencyIndex]]);
+        useEffect(() => {
+            prevValue.current = dependencyArray[dependencyIndex];
+        }, [dependencyArray[dependencyIndex]]);
+    }
+}
+//# sourceMappingURL=useDependencyChangeDetection.js.map

package/dist-ts/hooks/logs/useDependencyChangeDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDependencyChangeDetection.js","sourceRoot":"","sources":["../../../src/hooks/logs/useDependencyChangeDetection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAClD,GAAW,EACX,eAAsB;IAEtB,KAAK,IAAI,eAAe,IAAI,eAAe,EAAE,CAAC;QAC5C,MAAM,SAAS,GAAG,MAAM,CAAM,SAAS,CAAC,CAAC;QACzC,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,SAAS,CAAC,OAAO;gBAAE,OAAO;YAC/B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBACxC,OAAO,CAAC,0BAA0B,CAAC,CAAC,OAAO,CACzC,GAAG,4BAA4B,CAAC,IAAI,IAAI,GAAG,EAAE,EAC7C,iBAAiB,eAAe,WAAW,IAAI,CAAC,SAAS,CACvD,SAAS,CAAC,OAAO,CAClB,WAAW,IAAI,CAAC,SAAS,CACxB,eAAe,CAAC,eAAe,CAAC,CACjC,eAAe,CACjB,CAAC;QACN,CAAC,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACvC,SAAS,CAAC,GAAG,EAAE;YACb,SAAS,CAAC,OAAO,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;QACvD,CAAC,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC;AACH,CAAC"}

package/dist-ts/hooks/logs/useIsMounting.d.ts

@@ -0,0 +1 @@
+export default function useIsMounting(tag: string): void;

package/dist-ts/hooks/logs/useIsMounting.js

@@ -0,0 +1,7 @@
+import { useEffect } from "react";
+export default function useIsMounting(tag) {
+    useEffect(() => {
+        console.log(tag + " is mounting");
+    }, []);
+}
+//# sourceMappingURL=useIsMounting.js.map

package/dist-ts/hooks/logs/useIsMounting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounting.js","sourceRoot":"","sources":["../../../src/hooks/logs/useIsMounting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAW;IAC7C,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,cAAc,CAAC,CAAA;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/dist-ts/hooks/persistence/useLocalStorage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function useLocalStorage<T extends any>(id: string, defaultValue: Exclude<T, undefined>): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>, () => void];

package/dist-ts/hooks/persistence/useLocalStorage.js

@@ -0,0 +1,44 @@
+import { useCallback, useEffect, useState } from "react";
+const DUD = typeof "";
+const toString = (val) => {
+    switch (typeof val) {
+        case "boolean":
+            return !val ? "0" : "1";
+        case "string":
+            return val;
+        case "object":
+            return JSON.stringify(val);
+        default:
+            throw new Error("Doesn't know how to handle type " + typeof val);
+    }
+};
+const fromString = (type, value) => {
+    switch (type) {
+        case "boolean":
+            return value === "1";
+        case "string":
+            return value;
+        case "object":
+            return JSON.parse(value);
+        default:
+            throw new Error("Doesn't know how to handle type " + type);
+    }
+};
+export default function useLocalStorage(id, defaultValue) {
+    const [val, setVal] = useState(() => {
+        const persistedValue = localStorage.getItem(id);
+        if (persistedValue === null)
+            return defaultValue;
+        return fromString(typeof defaultValue, persistedValue);
+    });
+    useEffect(() => {
+        if (val !== defaultValue)
+            localStorage.setItem(id, toString(val));
+    }, [val]);
+    const del = useCallback(() => {
+        localStorage.removeItem(id);
+        setVal(defaultValue);
+    }, []);
+    return [val, setVal, del];
+}
+//# sourceMappingURL=useLocalStorage.js.map

package/dist-ts/hooks/persistence/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../../src/hooks/persistence/useLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,MAAM,GAAG,GAAG,OAAO,EAAE,CAAC;AAEtB,MAAM,QAAQ,GAAG,CAAC,GAAQ,EAAE,EAAE;IAC5B,QAAQ,OAAO,GAAG,EAAE,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1B,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAC7B;YACE,MAAM,IAAI,KAAK,CAAC,kCAAkC,GAAG,OAAO,GAAG,CAAC,CAAC;IACrE,CAAC;AACH,CAAC,CAAC;AACF,MAAM,UAAU,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAE,EAAE;IAC9D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,KAAK,KAAK,GAAG,CAAC;QACvB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3B;YACE,MAAM,IAAI,KAAK,CAAC,kCAAkC,GAAG,IAAI,CAAC,CAAC;IAC/D,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,EAAU,EACV,YAAmC;IAEnC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE;QACrC,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAChD,IAAI,cAAc,KAAK,IAAI;YAAE,OAAO,YAAiB,CAAC;QACtD,OAAO,UAAU,CAAC,OAAO,YAAY,EAAE,cAAc,CAAM,CAAC;IAC9D,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,KAAK,YAAY;YAAE,YAAY,CAAC,OAAO,CAAC,EAAE,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,MAAM,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3B,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAC5B,MAAM,CAAC,YAAY,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAU,CAAC;AACrC,CAAC"}

package/dist-ts/hooks/shims/ObjectWatchShim.d.ts

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

package/dist-ts/hooks/shims/ObjectWatchShim.js

@@ -0,0 +1,52 @@
+// @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
+    });
+}
+export {};
+//# sourceMappingURL=ObjectWatchShim.js.map

package/dist-ts/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,EAAE,CAAC;IAC5B,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,eAAe,EAAE,OAAO;QACzD,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,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,KAAK,IAAI,OAAO,IAAI,IAAI,CAAC,SAAS;wBAChC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACjB,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,CAAC;gBAEH,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;oBACtB,wBAAwB;oBACxB,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;wBAC1B,yBAAyB;wBACzB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE;4BAChC,GAAG,EAAE,MAAM;4BACX,GAAG,EAAE,MAAM;yBACZ,CAAC,CAAC;oBACL,CAAC;yBACI,IACH,MAAM,CAAC,SAAS,CAAC,gBAAgB;wBACjC,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACjC,CAAC;wBACD,SAAS;wBACT,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;wBAC3D,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;oBAC7D,CAAC;gBACH,CAAC;YACH,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE;QAC/C,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC"}

package/dist-ts/hooks/ui/useAdaptiveImage.d.ts

@@ -0,0 +1,7 @@
+import { ImageScales } from "@muritavo/webpack-microfrontend-scripts/bin/types/ImageScales";
+/**
+ * This hooks is built over the implementation of this loader https://github.com/Muritavo/webpack-microfrontend-scripts#imageresolutionoptimizer
+ *
+ */
+declare function useAdaptiveImage(): ImageScales;
+export default useAdaptiveImage;

package/dist-ts/hooks/ui/useAdaptiveImage.js

@@ -0,0 +1,36 @@
+import { ImageScales } from "@muritavo/webpack-microfrontend-scripts/bin/types/ImageScales";
+import throttle from "lodash/throttle";
+import { useEffect, useState } from "react";
+/**
+ * This hooks is built over the implementation of this loader https://github.com/Muritavo/webpack-microfrontend-scripts#imageresolutionoptimizer
+ *
+ */
+function useAdaptiveImage() {
+    function ScaleFromCurrentWidth() {
+        if (window.PRERENDER)
+            return ImageScales.LARGE;
+        const width = window.visualViewport.width;
+        if (width < 480)
+            return ImageScales.SMALL;
+        if (width < 800)
+            return ImageScales.NORMAL;
+        if (width < 1280)
+            return ImageScales.BIG;
+        if (width < 1920)
+            return ImageScales.LARGE;
+        else
+            return ImageScales.EXTRA_LARGE;
+    }
+    const [currentScale, setCurrentScale] = useState(() => ScaleFromCurrentWidth());
+    useEffect(() => {
+        const onResizeThrottle = throttle(() => {
+            setCurrentScale(ScaleFromCurrentWidth());
+        }, 1000 / 4);
+        const onResize = () => onResizeThrottle();
+        window.addEventListener("resize", onResize);
+        return () => window.removeEventListener("resize", onResize);
+    }, []);
+    return currentScale;
+}
+export default useAdaptiveImage;
+//# sourceMappingURL=useAdaptiveImage.js.map

package/dist-ts/hooks/ui/useAdaptiveImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptiveImage.js","sourceRoot":"","sources":["../../../src/hooks/ui/useAdaptiveImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+DAA+D,CAAC;AAC5F,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,SAAS,gBAAgB;IACvB,SAAS,qBAAqB;QAC5B,IAAK,MAAc,CAAC,SAAS;YAAE,OAAO,WAAW,CAAC,KAAK,CAAC;QACxD,MAAM,KAAK,GAAG,MAAM,CAAC,cAAe,CAAC,KAAK,CAAC;QAC3C,IAAI,KAAK,GAAG,GAAG;YAAE,OAAO,WAAW,CAAC,KAAK,CAAC;QAC1C,IAAI,KAAK,GAAG,GAAG;YAAE,OAAO,WAAW,CAAC,MAAM,CAAC;QAC3C,IAAI,KAAK,GAAG,IAAI;YAAE,OAAO,WAAW,CAAC,GAAG,CAAC;QACzC,IAAI,KAAK,GAAG,IAAI;YAAE,OAAO,WAAW,CAAC,KAAK,CAAC;;YACtC,OAAO,WAAW,CAAC,WAAW,CAAC;IACtC,CAAC;IAED,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CACjE,qBAAqB,EAAE,CACxB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;YACrC,eAAe,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAC3C,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QACb,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC;QAC1C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,eAAe,gBAAgB,CAAA"}

package/dist-ts/hooks/ui/useAlternating.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Receives a list and keeps alternating between the list elements every 5 seconds
+ */
+export default function useAlternating<X>(list: X[]): X;

package/dist-ts/hooks/ui/useAlternating.js

@@ -0,0 +1,21 @@
+import { useEffect, useState } from "react";
+/**
+ * Receives a list and keeps alternating between the list elements every 5 seconds
+ */
+export default function useAlternating(list) {
+    const [current, setCurrent] = useState(list[0]);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setCurrent((prev) => {
+                const currentIndex = list.indexOf(prev);
+                if (list[currentIndex + 1])
+                    return list[currentIndex + 1];
+                else
+                    return list[0];
+            });
+        }, 5000);
+        return () => clearInterval(interval);
+    }, []);
+    return current;
+}
+//# sourceMappingURL=useAlternating.js.map

package/dist-ts/hooks/ui/useAlternating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlternating.js","sourceRoot":"","sources":["../../../src/hooks/ui/useAlternating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAI,IAAS;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACxC,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;oBAAE,OAAO,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;;oBACrD,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist-ts/hooks/ui/useBreakpoint.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A hook to trigger changes when the screen resizes
+ * @returns If the current resolution is lower than the specified width
+ */
+export default function useBreakpoint(breakInto: number): boolean;

package/dist-ts/hooks/ui/useBreakpoint.js

@@ -0,0 +1,19 @@
+import throttle from "lodash/throttle";
+import { useEffect, useState } from "react";
+/**
+ * A hook to trigger changes when the screen resizes
+ * @returns If the current resolution is lower than the specified width
+ */
+export default function useBreakpoint(breakInto) {
+    const [lowerThanBreakpoint, setIsLowerThanBreakpoint] = useState(() => window.visualViewport.width < breakInto);
+    useEffect(() => {
+        const onResizeThrottle = throttle(() => {
+            setIsLowerThanBreakpoint(window.visualViewport.width < breakInto);
+        }, 1000 / 4);
+        const onResize = () => onResizeThrottle();
+        window.addEventListener("resize", onResize);
+        return () => window.removeEventListener("resize", onResize);
+    }, []);
+    return lowerThanBreakpoint;
+}
+//# sourceMappingURL=useBreakpoint.js.map

package/dist-ts/hooks/ui/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/hooks/ui/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,SAAiB;IACrD,MAAM,CAAC,mBAAmB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAC9D,GAAG,EAAE,CAAC,MAAM,CAAC,cAAe,CAAC,KAAK,GAAG,SAAS,CAC/C,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;YACrC,wBAAwB,CAAC,MAAM,CAAC,cAAe,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC;QACrE,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QACb,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC;QAC1C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}

package/dist-ts/hooks/ui/useCustomScrollbar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export default function useCustomScrollBar({ color, propagate }?: {
+    color?: string;
+    propagate?: boolean;
+} | undefined): {
+    /** The element that dhould have a custom scrollbar */
+    elRef: import("react").RefObject<HTMLDivElement | null>;
+};

package/dist-ts/hooks/ui/useCustomScrollbar.js

@@ -0,0 +1,17 @@
+import { useLayoutEffect, useRef } from "react";
+import Styles from "./useCustomScrollbar.module.scss";
+export default function useCustomScrollBar({ color = "", propagate = false } = {}) {
+    const elRef = useRef(null);
+    useLayoutEffect(() => {
+        elRef.current.style.setProperty("--scrollbar-color", color);
+        elRef.current.classList.add(Styles.scrollBarRoot);
+        if (propagate) {
+            elRef.current.classList.add(Styles.propagate);
+        }
+    }, []);
+    return {
+        /** The element that dhould have a custom scrollbar */
+        elRef,
+    };
+}
+//# sourceMappingURL=useCustomScrollbar.js.map

package/dist-ts/hooks/ui/useCustomScrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomScrollbar.js","sourceRoot":"","sources":["../../../src/hooks/ui/useCustomScrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,KAAK,KACsC,EAAE;IACzD,MAAM,KAAK,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE3C,eAAe,CAAC,GAAG,EAAE;QACnB,KAAK,CAAC,OAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;QAC7D,KAAK,CAAC,OAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QACnD,IAAI,SAAS,EAAE,CAAC;YACZ,KAAK,CAAC,OAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,sDAAsD;QACtD,KAAK;KACN,CAAC;AACJ,CAAC"}

package/dist-ts/hooks/ui/useCustomScrollbar.module.scss

@@ -0,0 +1,20 @@
+@import "../../assets/styles/index.scss";
+
+.scrollBarRoot {
+  &,
+  &.propagate * {
+    &::-webkit-scrollbar {
+      background-color: transparent;
+      height: 8px;
+      width: 8px;
+      z-index: 1000;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--scrollbar-color, $primaryColor);
+      width: 8px;
+      height: 8px;
+      border-radius: 4px;
+    }
+  }
+}

package/dist-ts/hooks/ui/useEffectIf.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from "react";
+export default function useEffectIf(effect: Parameters<typeof useEffect>[0], depsToCheck: any[]): void;

package/dist-ts/hooks/ui/useEffectIf.js

@@ -0,0 +1,9 @@
+import { useEffect } from "react";
+export default function useEffectIf(effect, depsToCheck) {
+    useEffect(() => {
+        const someUndefined = depsToCheck.some((dep) => !dep);
+        if (!someUndefined)
+            return effect();
+    }, depsToCheck);
+}
+//# sourceMappingURL=useEffectIf.js.map

package/dist-ts/hooks/ui/useEffectIf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectIf.js","sourceRoot":"","sources":["../../../src/hooks/ui/useEffectIf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,MAAuC,EACvC,WAAkB;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACtD,IAAI,CAAC,aAAa;YAAE,OAAO,MAAM,EAAE,CAAC;IACtC,CAAC,EAAE,WAAW,CAAC,CAAC;AAClB,CAAC"}

package/dist-ts/hooks/ui/useMouseHover.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A small hook for binding the hover control over some HTML element
+ * @returns uiEvents: The events to spread to the html element hovering: the hover state
+ */
+export default function useMouseHover(): {
+    uiEvents: {
+        onMouseEnter: (e: MouseEvent) => void;
+        onMouseOut: (e: MouseEvent) => void;
+    };
+    hovering: boolean;
+};

package/dist-ts/hooks/ui/useMouseHover.js

@@ -0,0 +1,22 @@
+import { useMemo, useState } from "react";
+import ownEvent from "../../utils/ownEvent";
+/**
+ * A small hook for binding the hover control over some HTML element
+ * @returns uiEvents: The events to spread to the html element hovering: the hover state
+ */
+export default function useMouseHover() {
+    const [hovering, setHovering] = useState(false);
+    const uiEvents = useMemo(() => ({
+        onMouseEnter: ownEvent(() => {
+            setHovering(true);
+        }),
+        onMouseOut: ownEvent(() => {
+            setHovering(false);
+        }),
+    }), []);
+    return {
+        uiEvents,
+        hovering,
+    };
+}
+//# sourceMappingURL=useMouseHover.js.map

package/dist-ts/hooks/ui/useMouseHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseHover.js","sourceRoot":"","sources":["../../../src/hooks/ui/useMouseHover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACL,YAAY,EAAE,QAAQ,CAAa,GAAG,EAAE;YACtC,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;QACF,UAAU,EAAE,QAAQ,CAAa,GAAG,EAAE;YACpC,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC;KACH,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO;QACL,QAAQ;QACR,QAAQ;KACT,CAAC;AACJ,CAAC"}

package/dist-ts/hooks/ui/usePaginationControls.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from "react";
+/**
+ * This hook handles the display of pagination controls for the user to move to another page
+ */
+export default function usePaginationControls(containerRef: RefObject<HTMLDivElement>, { snapToPage, baseWidth, snapToCutElement: _snapToCutElement, ...props }?: {
+    snapToPage?: boolean;
+    baseWidth?: number;
+    /** This will scroll only until the partially visible element is at the border, instead of scrolling all the container */
+    snapToCutElement?: boolean;
+    "data-testid"?: [left: string, right: string];
+}): {
+    controls: import("react/jsx-runtime").JSX.Element[];
+    checkControlsRequirement: () => void;
+};