@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/hooks/usePostMessageSender.js

@@ -0,0 +1,21 @@
+import { useCallback as n } from "react";
+const f = () => {
+  const o = n(
+    (e, s, t = "*") => {
+      s?.postMessage(e, t);
+    },
+    []
+  ), a = n((e, s = "*") => {
+    parent !== window && o(e, parent, s);
+  }, []), r = n((e, s = "*") => {
+    top !== window && o(e, top, s);
+  }, []), c = n((e, s = "*") => {
+    for (const t of document.querySelectorAll("iframe"))
+      o(e, t.contentWindow, s);
+  }, []);
+  return { sendMessage: o, sendMessageToParent: a, sendMessageToTop: r, sendMessageToAllIframes: c };
+};
+export {
+  f as default
+};
+//# sourceMappingURL=usePostMessageSender.js.map

package/hooks/usePostMessageSender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePostMessageSender.js","sources":["../../src/hooks/usePostMessageSender.ts"],"sourcesContent":["import { useCallback } from 'react';\n\n/**\n * Provides helper functions to allow sending {@link postMessage} events.\n */\nconst usePostMessageSender = () => {\n    /**\n     * Sends the given message to the given target window.\n     *\n     * If the target window is null or undefined, this will do nothing.\n     *\n     * Note that the target window's origin is not checked.\n     *\n     * @param message The message data to send.\n     * @param targetWindow The window to receive the message.\n     * @param targetOrigin The expected origin of the target window (optional, defaults to '*').\n     */\n    const sendMessage = useCallback(\n        (message: unknown, targetWindow: WindowProxy | null | undefined, targetOrigin = '*') => {\n            targetWindow?.postMessage(message, targetOrigin);\n        },\n        []\n    );\n\n    /**\n     * Sends the given message to the current \"parent\" window.\n     *\n     * If there is no parent window (or if window.parent points to the current window), this will do nothing.\n     *\n     * @param message The message data to send.\n     * @param targetOrigin The expected origin of the target window (optional, defaults to '*').\n     */\n    const sendMessageToParent = useCallback((message: unknown, targetOrigin = '*') => {\n        if (parent !== window) {\n            sendMessage(message, parent, targetOrigin);\n        }\n    }, []);\n\n    /**\n     * Sends the given message to the current \"top\" window.\n     *\n     * If there is no top window (or if window.top points to the current window), this will do nothing.\n     *\n     * @param message The message data to send.\n     * @param targetOrigin The expected origin of the target window (optional, defaults to '*').\n     */\n    const sendMessageToTop = useCallback((message: unknown, targetOrigin = '*') => {\n        if (top !== window) {\n            sendMessage(message, top, targetOrigin);\n        }\n    }, []);\n\n    /**\n     * \"Broadcast\" the given message to all iframes that are currently in the browsing context.\n     *\n     * @param message The message data to send.\n     * @param targetOrigin The expected origin of the target window (optional, defaults to '*').\n     */\n    const sendMessageToAllIframes = useCallback((message: unknown, targetOrigin = '*') => {\n        for (const iframe of document.querySelectorAll('iframe')) {\n            sendMessage(message, iframe.contentWindow, targetOrigin);\n        }\n    }, []);\n\n    return { sendMessage, sendMessageToParent, sendMessageToTop, sendMessageToAllIframes };\n};\n\nexport default usePostMessageSender;\n"],"names":["usePostMessageSender","sendMessage","useCallback","message","targetWindow","targetOrigin","sendMessageToParent","sendMessageToTop","sendMessageToAllIframes","iframe"],"mappings":";AAKA,MAAMA,IAAuB,MAAM;AAY/B,QAAMC,IAAcC;AAAA,IAChB,CAACC,GAAkBC,GAA8CC,IAAe,QAAQ;AACpF,MAAAD,GAAc,YAAYD,GAASE,CAAY;AAAA,IACnD;AAAA,IACA,CAAA;AAAA,EAAC,GAWCC,IAAsBJ,EAAY,CAACC,GAAkBE,IAAe,QAAQ;AAC9E,IAAI,WAAW,UACXJ,EAAYE,GAAS,QAAQE,CAAY;AAAA,EAEjD,GAAG,CAAA,CAAE,GAUCE,IAAmBL,EAAY,CAACC,GAAkBE,IAAe,QAAQ;AAC3E,IAAI,QAAQ,UACRJ,EAAYE,GAAS,KAAKE,CAAY;AAAA,EAE9C,GAAG,CAAA,CAAE,GAQCG,IAA0BN,EAAY,CAACC,GAAkBE,IAAe,QAAQ;AAClF,eAAWI,KAAU,SAAS,iBAAiB,QAAQ;AACnD,MAAAR,EAAYE,GAASM,EAAO,eAAeJ,CAAY;AAAA,EAE/D,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,aAAAJ,GAAa,qBAAAK,GAAqB,kBAAAC,GAAkB,yBAAAC,EAAA;AACjE;"}

package/hooks/usePrevious.js

@@ -1,33 +1,10 @@
-import { useRef } from 'react';
-import { isEqual } from 'es-toolkit/compat';
-// Based on the react beta docs, we avoid using an effect here but
-// use another state to store the previous value to compare to.
-// See: https://react.dev/reference/react/useState#storing-information-from-previous-renders
-/**
- * The usePrevious hook allows to easily access state from previous component render.
- * Instead of using a *React.ref* or a *useEffect*, this hook uses a *useState* internally to keep track of the
- * previous state value.
- *
- * Quoting from the React documentation:
- *
- * *In most cases, you don’t need this:*
- *
- * - *If the value you need can be computed entirely from the current props or other state, remove*
- * *that redundant state altogether. If you’re worried about recomputing too often, the useMemo Hook can help.*
- * - *If you want to reset the entire component tree’s state, pass a different key to your component.*
- * - *If you can, update all the relevant state in the event handlers.*
- *
- * @link https://react.dev/reference/react/useState#storing-information-from-previous-renders
- *
- * @param state The value of the current state to keep track of.
- * @returns
- */
-const usePrevious = (state, isEqualFunc) => {
-    const ref = useRef({ target: state, previous: state });
-    if (isEqualFunc ? !isEqualFunc(state, ref.current.target) : !isEqual(state, ref.current.target)) {
-        ref.current.previous = ref.current.target;
-        ref.current.target = state;
-    }
-    return ref.current.previous;
+import { useRef as u } from "react";
+import { isEqual as o } from "es-toolkit/compat";
+const i = (e, t) => {
+  const r = u({ target: e, previous: e });
+  return (t ? !t(e, r.current.target) : !o(e, r.current.target)) && (r.current.previous = r.current.target, r.current.target = e), r.current.previous;
 };
-export default usePrevious;
+export {
+  i as default
+};
+//# sourceMappingURL=usePrevious.js.map

package/hooks/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { isEqual } from 'es-toolkit/compat';\n\n// Based on the react beta docs, we avoid using an effect here but\n// use another state to store the previous value to compare to.\n// See: https://react.dev/reference/react/useState#storing-information-from-previous-renders\n\n/**\n * The usePrevious hook allows to easily access state from previous component render.\n * Instead of using a *React.ref* or a *useEffect*, this hook uses a *useState* internally to keep track of the\n * previous state value.\n *\n * Quoting from the React documentation:\n *\n * *In most cases, you don’t need this:*\n *\n * - *If the value you need can be computed entirely from the current props or other state, remove*\n * *that redundant state altogether. If you’re worried about recomputing too often, the useMemo Hook can help.*\n * - *If you want to reset the entire component tree’s state, pass a different key to your component.*\n * - *If you can, update all the relevant state in the event handlers.*\n *\n * @link https://react.dev/reference/react/useState#storing-information-from-previous-renders\n *\n * @param state The value of the current state to keep track of.\n * @returns\n */\nconst usePrevious = <T>(\n    state: T,\n    isEqualFunc?: ((value: T | null | undefined, current: T | null | undefined) => any) | undefined\n): T => {\n    const ref = useRef<{ target: T; previous: T }>({ target: state, previous: state });\n\n    if (isEqualFunc ? !isEqualFunc(state, ref.current.target) : !isEqual(state, ref.current.target)) {\n        ref.current.previous = ref.current.target;\n        ref.current.target = state;\n    }\n\n    return ref.current.previous;\n};\n\nexport default usePrevious;\n"],"names":["usePrevious","state","isEqualFunc","ref","useRef","isEqual"],"mappings":";;AA0BA,MAAMA,IAAc,CAChBC,GACAC,MACI;AACJ,QAAMC,IAAMC,EAAmC,EAAE,QAAQH,GAAO,UAAUA,GAAO;AAEjF,UAAIC,IAAc,CAACA,EAAYD,GAAOE,EAAI,QAAQ,MAAM,IAAI,CAACE,EAAQJ,GAAOE,EAAI,QAAQ,MAAM,OAC1FA,EAAI,QAAQ,WAAWA,EAAI,QAAQ,QACnCA,EAAI,QAAQ,SAASF,IAGlBE,EAAI,QAAQ;AACvB;"}

package/hooks/useRenderCount.js

@@ -1,10 +1,11 @@
-// Inspired by https://github.com/WebDevSimplified/useful-custom-react-hooks/blob/main/src/27-useRenderCount/useRenderCount.js
-import { useEffect, useRef } from 'react';
-const useRenderCount = () => {
-    const count = useRef(1);
-    useEffect(() => {
-        count.current++;
-    });
-    return count.current;
+import { useRef as t, useEffect as r } from "react";
+const n = () => {
+  const e = t(1);
+  return r(() => {
+    e.current++;
+  }), e.current;
 };
-export default useRenderCount;
+export {
+  n as default
+};
+//# sourceMappingURL=useRenderCount.js.map

package/hooks/useRenderCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderCount.js","sources":["../../src/hooks/useRenderCount.ts"],"sourcesContent":["// Inspired by https://github.com/WebDevSimplified/useful-custom-react-hooks/blob/main/src/27-useRenderCount/useRenderCount.js\nimport { useEffect, useRef } from 'react';\n\nconst useRenderCount = (): number => {\n    const count = useRef(1);\n    useEffect(() => {\n        count.current++;\n    });\n    return count.current;\n};\n\nexport default useRenderCount;\n"],"names":["useRenderCount","count","useRef","useEffect"],"mappings":";AAGA,MAAMA,IAAiB,MAAc;AACjC,QAAMC,IAAQC,EAAO,CAAC;AACtB,SAAAC,EAAU,MAAM;AACZ,IAAAF,EAAM;AAAA,EACV,CAAC,GACMA,EAAM;AACjB;"}

package/hooks/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-import { type MutableRefObject } from 'react';
+import { MutableRefObject } from 'react';
 /**
  * Custom hook for observing element resize.
  * @returns

package/hooks/useResizeObserver.js

@@ -1,31 +1,18 @@
-// inspired from https://tobbelindstrom.com/blog/resize-observer-hook/
-import { useRef, useLayoutEffect, useState, useCallback } from 'react';
-/**
- * Custom hook for observing element resize.
- * @returns
- */
-const useResizeObserver = () => {
-    const [observerEntry, setObserverEntry] = useState(null);
-    const nodeRef = useRef(null);
-    const observer = useRef(null);
-    const disconnect = useCallback(() => observer.current?.disconnect(), []);
-    const observe = useCallback(() => {
-        observer.current = new ResizeObserver(([entry]) => setObserverEntry(entry));
-        if (nodeRef.current) {
-            observer.current.observe(nodeRef.current);
-        }
-    }, [nodeRef]);
-    useLayoutEffect(() => {
-        observe();
-        return () => disconnect();
-    }, [disconnect, observe]);
-    return [
-        nodeRef,
-        observerEntry,
-        {
-            blockSize: observerEntry?.borderBoxSize?.at(0)?.blockSize,
-            inlineSize: observerEntry?.borderBoxSize?.at(0)?.inlineSize,
-        },
-    ];
+import { useState as l, useRef as o, useCallback as c, useLayoutEffect as b } from "react";
+const z = () => {
+  const [r, u] = l(null), e = o(null), n = o(null), t = c(() => n.current?.disconnect(), []), s = c(() => {
+    n.current = new ResizeObserver(([i]) => u(i)), e.current && n.current.observe(e.current);
+  }, [e]);
+  return b(() => (s(), () => t()), [t, s]), [
+    e,
+    r,
+    {
+      blockSize: r?.borderBoxSize?.at(0)?.blockSize,
+      inlineSize: r?.borderBoxSize?.at(0)?.inlineSize
+    }
+  ];
 };
-export default useResizeObserver;
+export {
+  z as default
+};
+//# sourceMappingURL=useResizeObserver.js.map

package/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["// inspired from https://tobbelindstrom.com/blog/resize-observer-hook/\n\nimport { useRef, useLayoutEffect, useState, useCallback, type MutableRefObject } from 'react';\n\n/**\n * Custom hook for observing element resize.\n * @returns\n */\nconst useResizeObserver = <T extends HTMLElement = HTMLDivElement>(): [\n    MutableRefObject<T | null>,\n    ResizeObserverEntry | null,\n    { blockSize: number | undefined; inlineSize: number | undefined },\n] => {\n    const [observerEntry, setObserverEntry] = useState<ResizeObserverEntry | null>(null);\n\n    const nodeRef = useRef<T | null>(null);\n\n    const observer = useRef<ResizeObserver | null>(null);\n\n    const disconnect = useCallback(() => observer.current?.disconnect(), []);\n\n    const observe = useCallback(() => {\n        observer.current = new ResizeObserver(([entry]) => setObserverEntry(entry));\n        if (nodeRef.current) {\n            observer.current.observe(nodeRef.current);\n        }\n    }, [nodeRef]);\n\n    useLayoutEffect(() => {\n        observe();\n        return () => disconnect();\n    }, [disconnect, observe]);\n\n    return [\n        nodeRef,\n        observerEntry,\n        {\n            blockSize: observerEntry?.borderBoxSize?.at(0)?.blockSize,\n            inlineSize: observerEntry?.borderBoxSize?.at(0)?.inlineSize,\n        },\n    ];\n};\nexport default useResizeObserver;\n"],"names":["useResizeObserver","observerEntry","setObserverEntry","useState","nodeRef","useRef","observer","disconnect","useCallback","observe","entry","useLayoutEffect"],"mappings":";AAQA,MAAMA,IAAoB,MAIrB;AACD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,IAAI,GAE7EC,IAAUC,EAAiB,IAAI,GAE/BC,IAAWD,EAA8B,IAAI,GAE7CE,IAAaC,EAAY,MAAMF,EAAS,SAAS,WAAA,GAAc,EAAE,GAEjEG,IAAUD,EAAY,MAAM;AAC9B,IAAAF,EAAS,UAAU,IAAI,eAAe,CAAC,CAACI,CAAK,MAAMR,EAAiBQ,CAAK,CAAC,GACtEN,EAAQ,WACRE,EAAS,QAAQ,QAAQF,EAAQ,OAAO;AAAA,EAEhD,GAAG,CAACA,CAAO,CAAC;AAEZ,SAAAO,EAAgB,OACZF,EAAA,GACO,MAAMF,EAAA,IACd,CAACA,GAAYE,CAAO,CAAC,GAEjB;AAAA,IACHL;AAAA,IACAH;AAAA,IACA;AAAA,MACI,WAAWA,GAAe,eAAe,GAAG,CAAC,GAAG;AAAA,MAChD,YAAYA,GAAe,eAAe,GAAG,CAAC,GAAG;AAAA,IAAA;AAAA,EACrD;AAER;"}

package/hooks/useScrollPosition.d.ts

@@ -1,4 +1,4 @@
-import { type RefObject } from 'react';
+import { RefObject } from 'react';
 export type TargetType = Window | Document | HTMLBodyElement | HTMLElement | Element | React.ReactElement | RefObject<HTMLElement>;
 /**
  * A custom hook that tracks the scroll position of a target element.

package/hooks/useScrollPosition.js

@@ -1,65 +1,25 @@
-import { useState, useEffect } from 'react';
-const getModuleContent = () => document.querySelector('.module-content > .scrollbar-view');
-// "target" can be "window", "document.body", a "ref" or undefined
-// where in later case the module-content is taken as default
-/**
- * A custom hook that tracks the scroll position of a target element.
- *
- * @param target The target element for scroll position tracking.
- * @returns The current scroll position of the target element.
- */
-const useScrollPosition = (target) => {
-    const [targetElement, setTargetElement] = useState(null);
-    const [scrollPosition, setScrollPosition] = useState(0);
-    useEffect(() => {
-        let checkForModuleContent = null;
-        // In case the target is undefined it might be that the module-content is
-        // not rendered yet, hence check periodically for the existence in the DOM
-        if (!target) {
-            checkForModuleContent = setInterval(() => {
-                const element = getModuleContent();
-                if (element) {
-                    setTargetElement(element);
-                }
-            }, 300);
-        }
-        else if (target && checkForModuleContent) {
-            clearInterval(checkForModuleContent);
-        }
-        // In case the target is a "ref" - set the targetElement when current is defined
-        else if (target instanceof Object && 'current' in target && target.current) {
-            setTargetElement(target.current);
-        }
-        // In case it's "window" or "document.body"
-        else {
-            setTargetElement(target);
-        }
-        return () => {
-            if (checkForModuleContent) {
-                clearInterval(checkForModuleContent);
-            }
-        };
-    }, [target]);
-    const handleScroll = () => {
-        requestAnimationFrame(() => {
-            if (targetElement === window) {
-                setScrollPosition(window.scrollY);
-            }
-            else {
-                setScrollPosition(targetElement.scrollTop);
-            }
-        });
+import { useState as c, useEffect as i } from "react";
+const f = () => document.querySelector(".module-content > .scrollbar-view"), d = (e) => {
+  const [n, l] = c(null), [u, o] = c(0);
+  i(() => {
+    let t = null;
+    return e ? e && t ? clearInterval(t) : e instanceof Object && "current" in e && e.current ? l(e.current) : l(e) : t = setInterval(() => {
+      const s = f();
+      s && l(s);
+    }, 300), () => {
+      t && clearInterval(t);
     };
-    useEffect(() => {
-        if (targetElement instanceof EventTarget) {
-            targetElement.addEventListener('scroll', handleScroll);
-        }
-        return () => {
-            if (targetElement instanceof EventTarget) {
-                targetElement.removeEventListener('scroll', handleScroll);
-            }
-        };
-    }, [targetElement]);
-    return scrollPosition;
+  }, [e]);
+  const r = () => {
+    requestAnimationFrame(() => {
+      o(n === window ? window.scrollY : n.scrollTop);
+    });
+  };
+  return i(() => (n instanceof EventTarget && n.addEventListener("scroll", r), () => {
+    n instanceof EventTarget && n.removeEventListener("scroll", r);
+  }), [n]), u;
 };
-export default useScrollPosition;
+export {
+  d as default
+};
+//# sourceMappingURL=useScrollPosition.js.map

package/hooks/useScrollPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollPosition.js","sources":["../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useState, useEffect, type RefObject } from 'react';\n\nexport type TargetType =\n    | Window\n    | Document\n    | HTMLBodyElement\n    | HTMLElement\n    | Element\n    | React.ReactElement\n    | RefObject<HTMLElement>;\n\nconst getModuleContent = () => document.querySelector('.module-content > .scrollbar-view');\n\n// \"target\" can be \"window\", \"document.body\", a \"ref\" or undefined\n// where in later case the module-content is taken as default\n\n/**\n * A custom hook that tracks the scroll position of a target element.\n *\n * @param target The target element for scroll position tracking.\n * @returns The current scroll position of the target element.\n */\nconst useScrollPosition = (target?: TargetType): number => {\n    const [targetElement, setTargetElement] = useState<TargetType | null>(null);\n    const [scrollPosition, setScrollPosition] = useState(0);\n\n    useEffect(() => {\n        let checkForModuleContent: NodeJS.Timeout | null = null;\n\n        // In case the target is undefined it might be that the module-content is\n        // not rendered yet, hence check periodically for the existence in the DOM\n        if (!target) {\n            checkForModuleContent = setInterval(() => {\n                const element = getModuleContent();\n                if (element) {\n                    setTargetElement(element);\n                }\n            }, 300);\n        } else if (target && checkForModuleContent) {\n            clearInterval(checkForModuleContent);\n        }\n\n        // In case the target is a \"ref\" - set the targetElement when current is defined\n        else if (target instanceof Object && 'current' in target && target.current) {\n            setTargetElement(target.current);\n        }\n\n        // In case it's \"window\" or \"document.body\"\n        else {\n            setTargetElement(target);\n        }\n\n        return () => {\n            if (checkForModuleContent) {\n                clearInterval(checkForModuleContent);\n            }\n        };\n    }, [target]);\n\n    const handleScroll = () => {\n        requestAnimationFrame(() => {\n            if (targetElement === window) {\n                setScrollPosition(window.scrollY);\n            } else {\n                setScrollPosition((targetElement as HTMLElement).scrollTop);\n            }\n        });\n    };\n\n    useEffect(() => {\n        if (targetElement instanceof EventTarget) {\n            targetElement.addEventListener('scroll', handleScroll);\n        }\n\n        return () => {\n            if (targetElement instanceof EventTarget) {\n                targetElement.removeEventListener('scroll', handleScroll);\n            }\n        };\n    }, [targetElement]);\n\n    return scrollPosition;\n};\n\nexport default useScrollPosition;\n"],"names":["getModuleContent","useScrollPosition","target","targetElement","setTargetElement","useState","scrollPosition","setScrollPosition","useEffect","checkForModuleContent","element","handleScroll"],"mappings":";AAWA,MAAMA,IAAmB,MAAM,SAAS,cAAc,mCAAmC,GAWnFC,IAAoB,CAACC,MAAgC;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA4B,IAAI,GACpE,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,CAAC;AAEtD,EAAAG,EAAU,MAAM;AACZ,QAAIC,IAA+C;AAInD,WAAKP,IAOMA,KAAUO,IACjB,cAAcA,CAAqB,IAI9BP,aAAkB,UAAU,aAAaA,KAAUA,EAAO,UAC/DE,EAAiBF,EAAO,OAAO,IAK/BE,EAAiBF,CAAM,IAjBvBO,IAAwB,YAAY,MAAM;AACtC,YAAMC,IAAUV,EAAA;AAChB,MAAIU,KACAN,EAAiBM,CAAO;AAAA,IAEhC,GAAG,GAAG,GAeH,MAAM;AACT,MAAID,KACA,cAAcA,CAAqB;AAAA,IAE3C;AAAA,EACJ,GAAG,CAACP,CAAM,CAAC;AAEX,QAAMS,IAAe,MAAM;AACvB,0BAAsB,MAAM;AACxB,MACIJ,EADAJ,MAAkB,SACA,OAAO,UAENA,EAA8B,SAFjB;AAAA,IAIxC,CAAC;AAAA,EACL;AAEA,SAAAK,EAAU,OACFL,aAAyB,eACzBA,EAAc,iBAAiB,UAAUQ,CAAY,GAGlD,MAAM;AACT,IAAIR,aAAyB,eACzBA,EAAc,oBAAoB,UAAUQ,CAAY;AAAA,EAEhE,IACD,CAACR,CAAa,CAAC,GAEXG;AACX;"}

package/hooks/useSearch.d.ts

@@ -57,7 +57,7 @@ type UseSearchOptions<T> = {
  */
 declare const useSearch: <T extends object>(list: T[], options?: UseSearchOptions<T>) => {
     searchValue: string;
-    setSearchValue: import("react").Dispatch<import("react").SetStateAction<string>> | import("es-toolkit/function").DebouncedFunction<(q: string) => void>;
+    setSearchValue: import('react').Dispatch<import('react').SetStateAction<string>> | import('es-toolkit/function').DebouncedFunction<(q: string) => void>;
     filteredList: T[];
 };
 export default useSearch;

package/hooks/useSearch.js

@@ -1,73 +1,31 @@
-import { useMemo, useState, useCallback } from 'react';
-import { debounce } from 'es-toolkit/function';
-/**
- * Gets the value of a nested field from an object using dot notation.
- *
- * @param obj - The object to traverse.
- * @param path - The dot-notated path string.
- * @returns The value at the specified path, or undefined.
- */
-const getNestedValue = (obj, path) => path.split('.').reduce((val, key) => (val ? val[key] : undefined), obj);
-const inferSearchableFields = (item) => Object.keys(item).filter(key => {
-    const value = item[key];
-    return typeof value === 'string' || typeof value === 'number';
-});
-/**
- * A hook to filter a list of objects by a search value.
- * Supports field-based filtering, custom filtering logic, debounce, and case sensitivity.
- *
- * @template T - The type of items in the list (must be an object).
- *
- * @param list - The array of objects to search through.
- * @param options - Configuration options for the search behavior.
- * @param options.fields - Fields to search through. If omitted, all top-level string/number fields are used.
- * @param options.customFilter - Optional custom filter function overriding field-based filtering.
- * @param options.debounceMs - Debounce time in milliseconds.
- * @param options.caseSensitive - Whether the search should be case-sensitive.
- *
- * @returns An object containing:
- * - `searchValue`: The current search input string.
- * - `setSearchValue`: A setter function to update the search query.
- * - `filteredList`: The list of items matching the current search query.
- *
- * @example
- * ```ts
- * const { searchValue, setSearchValue, filteredList } = useSearch(users, {
- *   fields: ['name', 'email'],
- *   debounceMs: 300,
- * });
- * ```
- */
-const useSearch = (list, options = {}) => {
-    const [searchValue, _setSearchValue] = useState('');
-    // Debounced setter
-    const setSearchValue = useCallback(options.debounceMs ? debounce((q) => _setSearchValue(q), options.debounceMs) : _setSearchValue, [options.debounceMs]);
-    const filteredList = useMemo(() => {
-        if (!searchValue) {
-            return list;
-        }
-        if (list.length === 0) {
-            return [];
-        }
-        const isCaseSensitive = options.caseSensitive ?? false;
-        const query = isCaseSensitive ? searchValue : searchValue.toLowerCase();
-        // Custom filter takes precedence
-        if (options.customFilter) {
-            return list.filter(item => options.customFilter?.(item, searchValue));
-        }
-        const fields = options.fields ?? inferSearchableFields(list[0]);
-        return list.filter(item => fields.some(field => {
-            const value = getNestedValue(item, field.toString());
-            if (typeof value === 'string') {
-                const target = isCaseSensitive ? value : value.toLowerCase();
-                return target.includes(query);
-            }
-            if (typeof value === 'number') {
-                return value.toString().includes(query);
-            }
-            return false;
-        }));
-    }, [list, options, searchValue]);
-    return { searchValue, setSearchValue, filteredList };
+import { useState as d, useCallback as b, useMemo as m } from "react";
+import { debounce as S } from "es-toolkit/function";
+const g = (r, e) => e.split(".").reduce((t, u) => t ? t[u] : void 0, r), h = (r) => Object.keys(r).filter((e) => {
+  const t = r[e];
+  return typeof t == "string" || typeof t == "number";
+}), M = (r, e = {}) => {
+  const [t, u] = d(""), o = b(
+    e.debounceMs ? S((n) => u(n), e.debounceMs) : u,
+    [e.debounceMs]
+  ), f = m(() => {
+    if (!t)
+      return r;
+    if (r.length === 0)
+      return [];
+    const n = e.caseSensitive ?? !1, a = n ? t : t.toLowerCase();
+    if (e.customFilter)
+      return r.filter((c) => e.customFilter?.(c, t));
+    const l = e.fields ?? h(r[0]);
+    return r.filter(
+      (c) => l.some((i) => {
+        const s = g(c, i.toString());
+        return typeof s == "string" ? (n ? s : s.toLowerCase()).includes(a) : typeof s == "number" ? s.toString().includes(a) : !1;
+      })
+    );
+  }, [r, e, t]);
+  return { searchValue: t, setSearchValue: o, filteredList: f };
 };
-export default useSearch;
+export {
+  M as default
+};
+//# sourceMappingURL=useSearch.js.map

package/hooks/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sources":["../../src/hooks/useSearch.ts"],"sourcesContent":["import { useMemo, useState, useCallback } from 'react';\nimport { debounce } from 'es-toolkit/function';\n\n/**\n * Options for configuring the `useSearch` hook.\n */\ntype UseSearchOptions<T> = {\n    /**\n     * List of object fields to search within. Dot notation (e.g. `'address.city'`) is supported for nested properties.\n     * If omitted, all top-level string and number fields will be used.\n     */\n    fields?: (keyof T | string)[]; // `string` to allow dot notation\n\n    /**\n     * Optional custom filtering function.\n     * If provided, this takes precedence over field-based filtering.\n     *\n     * @param item - The current item in the list.\n     * @param query - The current search query string.\n     * @returns `true` if the item should be included in the filtered list.\n     */\n    customFilter?: (item: T, query: string) => boolean;\n\n    /**\n     * Number of milliseconds to debounce the search input.\n     * If omitted, debounce is disabled.\n     */\n    debounceMs?: number;\n\n    /**\n     * Whether to perform a case-sensitive match.\n     * Default is `false` (case-insensitive).\n     *\n     * @default false\n     */\n    caseSensitive?: boolean;\n};\n\n/**\n * Gets the value of a nested field from an object using dot notation.\n *\n * @param obj - The object to traverse.\n * @param path - The dot-notated path string.\n * @returns The value at the specified path, or undefined.\n */\nconst getNestedValue = (obj: any, path: string): unknown =>\n    path.split('.').reduce((val, key) => (val ? val[key] : undefined), obj);\n\nconst inferSearchableFields = <T extends object>(item: T): string[] =>\n    Object.keys(item).filter(key => {\n        const value = (item as any)[key];\n        return typeof value === 'string' || typeof value === 'number';\n    });\n\n/**\n * A hook to filter a list of objects by a search value.\n * Supports field-based filtering, custom filtering logic, debounce, and case sensitivity.\n *\n * @template T - The type of items in the list (must be an object).\n *\n * @param list - The array of objects to search through.\n * @param options - Configuration options for the search behavior.\n * @param options.fields - Fields to search through. If omitted, all top-level string/number fields are used.\n * @param options.customFilter - Optional custom filter function overriding field-based filtering.\n * @param options.debounceMs - Debounce time in milliseconds.\n * @param options.caseSensitive - Whether the search should be case-sensitive.\n *\n * @returns An object containing:\n * - `searchValue`: The current search input string.\n * - `setSearchValue`: A setter function to update the search query.\n * - `filteredList`: The list of items matching the current search query.\n *\n * @example\n * ```ts\n * const { searchValue, setSearchValue, filteredList } = useSearch(users, {\n *   fields: ['name', 'email'],\n *   debounceMs: 300,\n * });\n * ```\n */\nconst useSearch = <T extends object>(list: T[], options: UseSearchOptions<T> = {}) => {\n    const [searchValue, _setSearchValue] = useState('');\n\n    // Debounced setter\n    const setSearchValue = useCallback(\n        options.debounceMs ? debounce((q: string) => _setSearchValue(q), options.debounceMs) : _setSearchValue,\n        [options.debounceMs]\n    );\n\n    const filteredList = useMemo(() => {\n        if (!searchValue) {\n            return list;\n        }\n        if (list.length === 0) {\n            return [];\n        }\n\n        const isCaseSensitive = options.caseSensitive ?? false;\n        const query = isCaseSensitive ? searchValue : searchValue.toLowerCase();\n\n        // Custom filter takes precedence\n        if (options.customFilter) {\n            return list.filter(item => options.customFilter?.(item, searchValue));\n        }\n\n        const fields = options.fields ?? inferSearchableFields(list[0]);\n\n        return list.filter(item =>\n            fields.some(field => {\n                const value = getNestedValue(item, field.toString());\n\n                if (typeof value === 'string') {\n                    const target = isCaseSensitive ? value : value.toLowerCase();\n                    return target.includes(query);\n                }\n\n                if (typeof value === 'number') {\n                    return value.toString().includes(query);\n                }\n\n                return false;\n            })\n        );\n    }, [list, options, searchValue]);\n\n    return { searchValue, setSearchValue, filteredList };\n};\n\nexport default useSearch;\n"],"names":["getNestedValue","obj","path","val","key","inferSearchableFields","item","value","useSearch","list","options","searchValue","_setSearchValue","useState","setSearchValue","useCallback","debounce","q","filteredList","useMemo","isCaseSensitive","query","fields","field"],"mappings":";;AA6CA,MAAMA,IAAiB,CAACC,GAAUC,MAC9BA,EAAK,MAAM,GAAG,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMA,EAAIC,CAAG,IAAI,QAAYH,CAAG,GAEpEI,IAAwB,CAAmBC,MAC7C,OAAO,KAAKA,CAAI,EAAE,OAAO,CAAAF,MAAO;AAC5B,QAAMG,IAASD,EAAaF,CAAG;AAC/B,SAAO,OAAOG,KAAU,YAAY,OAAOA,KAAU;AACzD,CAAC,GA4BCC,IAAY,CAAmBC,GAAWC,IAA+B,OAAO;AAClF,QAAM,CAACC,GAAaC,CAAe,IAAIC,EAAS,EAAE,GAG5CC,IAAiBC;AAAA,IACnBL,EAAQ,aAAaM,EAAS,CAACC,MAAcL,EAAgBK,CAAC,GAAGP,EAAQ,UAAU,IAAIE;AAAA,IACvF,CAACF,EAAQ,UAAU;AAAA,EAAA,GAGjBQ,IAAeC,EAAQ,MAAM;AAC/B,QAAI,CAACR;AACD,aAAOF;AAEX,QAAIA,EAAK,WAAW;AAChB,aAAO,CAAA;AAGX,UAAMW,IAAkBV,EAAQ,iBAAiB,IAC3CW,IAAQD,IAAkBT,IAAcA,EAAY,YAAA;AAG1D,QAAID,EAAQ;AACR,aAAOD,EAAK,OAAO,CAAAH,MAAQI,EAAQ,eAAeJ,GAAMK,CAAW,CAAC;AAGxE,UAAMW,IAASZ,EAAQ,UAAUL,EAAsBI,EAAK,CAAC,CAAC;AAE9D,WAAOA,EAAK;AAAA,MAAO,CAAAH,MACfgB,EAAO,KAAK,CAAAC,MAAS;AACjB,cAAMhB,IAAQP,EAAeM,GAAMiB,EAAM,UAAU;AAEnD,eAAI,OAAOhB,KAAU,YACFa,IAAkBb,IAAQA,EAAM,YAAA,GACjC,SAASc,CAAK,IAG5B,OAAOd,KAAU,WACVA,EAAM,WAAW,SAASc,CAAK,IAGnC;AAAA,MACX,CAAC;AAAA,IAAA;AAAA,EAET,GAAG,CAACZ,GAAMC,GAASC,CAAW,CAAC;AAE/B,SAAO,EAAE,aAAAA,GAAa,gBAAAG,GAAgB,cAAAI,EAAA;AAC1C;"}

package/hooks/useSorting.d.ts

@@ -1,4 +1,4 @@
-import { type SortDirectionType } from '../utils/SortUtils';
+import { SortDirectionType } from '../utils/SortUtils';
 type SortKey<T> = keyof T | [keyof T, keyof T];
 type UseSortingResult<T> = {
     /**

package/hooks/useSorting.js

@@ -1,44 +1,30 @@
-import { useState, useMemo } from 'react';
-import { naturalSortByProperty, SortDirection } from "../utils/SortUtils.js";
-const useSorting = (items, initialKey, initialDirection = SortDirection.ASCENDING, enableNaturalSort = true, isCaseSensitive = false) => {
-    const [sortKey, setSortKey] = useState(initialKey);
-    const [sortDirection, setSortDirection] = useState(initialDirection);
-    const sortedItems = useMemo(() => {
-        const sortByKey = (arr, key) => {
-            return enableNaturalSort
-                ? naturalSortByProperty(arr, key, sortDirection, isCaseSensitive)
-                : arr.sort((a, b) => {
-                    const aVal = a[key];
-                    const bVal = b[key];
-                    if (aVal < bVal) {
-                        return sortDirection === SortDirection.ASCENDING ? -1 : 1;
-                    }
-                    if (aVal > bVal) {
-                        return sortDirection === SortDirection.ASCENDING ? 1 : -1;
-                    }
-                    return 0;
-                });
-        };
-        if (Array.isArray(sortKey)) {
-            const [primaryKey, secondaryKey] = sortKey;
-            const primarySorted = sortByKey(items, primaryKey);
-            // Group items with the same primary key value
-            const groups = primarySorted.reduce((acc, item) => {
-                const key = String(item[primaryKey]);
-                if (!acc[key]) {
-                    acc[key] = [];
-                }
-                acc[key].push(item);
-                return acc;
-            }, {});
-            // Sort each group by the secondary key and flatten the result
-            return Object.values(groups).flatMap(group => sortByKey(group, secondaryKey));
-        }
-        return sortByKey(items, sortKey);
-    }, [items, sortKey, sortDirection, enableNaturalSort, isCaseSensitive]);
-    const toggleDirection = () => {
-        setSortDirection(prev => prev === SortDirection.ASCENDING ? SortDirection.DESCENDING : SortDirection.ASCENDING);
-    };
-    return { sortedItems, sortKey, sortDirection, setSortKey, setSortDirection, toggleDirection };
+import { useState as f, useMemo as l } from "react";
+import { SortDirection as t, naturalSortByProperty as m } from "../utils/SortUtils.js";
+const K = (c, I, d = t.ASCENDING, D = !0, N = !1) => {
+  const [o, g] = f(I), [e, a] = f(d);
+  return { sortedItems: l(() => {
+    const n = (s, u) => D ? m(s, u, e, N) : s.sort((p, y) => {
+      const r = p[u], i = y[u];
+      return r < i ? e === t.ASCENDING ? -1 : 1 : r > i ? e === t.ASCENDING ? 1 : -1 : 0;
+    });
+    if (Array.isArray(o)) {
+      const [s, u] = o, y = n(c, s).reduce(
+        (r, i) => {
+          const S = String(i[s]);
+          return r[S] || (r[S] = []), r[S].push(i), r;
+        },
+        {}
+      );
+      return Object.values(y).flatMap((r) => n(r, u));
+    }
+    return n(c, o);
+  }, [c, o, e, D, N]), sortKey: o, sortDirection: e, setSortKey: g, setSortDirection: a, toggleDirection: () => {
+    a(
+      (n) => n === t.ASCENDING ? t.DESCENDING : t.ASCENDING
+    );
+  } };
 };
-export default useSorting;
+export {
+  K as default
+};
+//# sourceMappingURL=useSorting.js.map

package/hooks/useSorting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSorting.js","sources":["../../src/hooks/useSorting.ts"],"sourcesContent":["import { useState, useMemo } from 'react';\n\nimport { naturalSortByProperty, SortDirection, type SortDirectionType } from '../utils/SortUtils';\n\ntype SortKey<T> = keyof T | [keyof T, keyof T];\n\ntype UseSortingResult<T> = {\n    /**\n     * The sorted data\n     */\n    sortedItems: T[];\n\n    /**\n     * The key(s) to sort the data for\n     */\n    sortKey: SortKey<T>;\n\n    /**\n     * The current direction that the data is sorted\n     */\n    sortDirection: SortDirectionType;\n\n    /**\n     * Function to change the sorting key(s) afterwards\n     * @param newKey the new sorting key(s)\n     * @returns\n     */\n    setSortKey: (newKey: SortKey<T>) => void;\n\n    /**\n     * Function to change the sorting order afterwards\n     * @param newKey the new sorting key(s)\n     * @returns\n     */\n    setSortDirection: (newSortDirection: SortDirectionType) => void;\n\n    /**\n     * Function to toggle the sorting between ascending and descending order\n     * @returns\n     */\n    toggleDirection: () => void;\n};\n\nconst useSorting = <T>(\n    items: T[],\n    initialKey: SortKey<T>,\n    initialDirection: SortDirectionType = SortDirection.ASCENDING,\n    enableNaturalSort = true,\n    isCaseSensitive = false\n): UseSortingResult<T> => {\n    const [sortKey, setSortKey] = useState<SortKey<T>>(initialKey);\n    const [sortDirection, setSortDirection] = useState<SortDirectionType>(initialDirection);\n\n    const sortedItems = useMemo(() => {\n        const sortByKey = (arr: T[], key: keyof T) => {\n            return enableNaturalSort\n                ? naturalSortByProperty(arr, key, sortDirection, isCaseSensitive)\n                : arr.sort((a, b) => {\n                      const aVal = a[key];\n                      const bVal = b[key];\n                      if (aVal < bVal) {\n                          return sortDirection === SortDirection.ASCENDING ? -1 : 1;\n                      }\n                      if (aVal > bVal) {\n                          return sortDirection === SortDirection.ASCENDING ? 1 : -1;\n                      }\n                      return 0;\n                  });\n        };\n\n        if (Array.isArray(sortKey)) {\n            const [primaryKey, secondaryKey] = sortKey;\n            const primarySorted = sortByKey(items, primaryKey);\n\n            // Group items with the same primary key value\n            const groups = primarySorted.reduce(\n                (acc, item) => {\n                    const key = String(item[primaryKey]);\n                    if (!acc[key]) {\n                        acc[key] = [];\n                    }\n                    acc[key].push(item);\n                    return acc;\n                },\n                {} as Record<string, T[]>\n            );\n\n            // Sort each group by the secondary key and flatten the result\n            return Object.values(groups).flatMap(group => sortByKey(group, secondaryKey));\n        }\n        return sortByKey(items, sortKey);\n    }, [items, sortKey, sortDirection, enableNaturalSort, isCaseSensitive]);\n\n    const toggleDirection = () => {\n        setSortDirection(prev =>\n            prev === SortDirection.ASCENDING ? SortDirection.DESCENDING : SortDirection.ASCENDING\n        );\n    };\n\n    return { sortedItems, sortKey, sortDirection, setSortKey, setSortDirection, toggleDirection };\n};\n\nexport default useSorting;\n"],"names":["useSorting","items","initialKey","initialDirection","SortDirection","enableNaturalSort","isCaseSensitive","sortKey","setSortKey","useState","sortDirection","setSortDirection","useMemo","sortByKey","arr","key","naturalSortByProperty","a","b","aVal","bVal","primaryKey","secondaryKey","groups","acc","item","group","prev"],"mappings":";;AA2CA,MAAMA,IAAa,CACfC,GACAC,GACAC,IAAsCC,EAAc,WACpDC,IAAoB,IACpBC,IAAkB,OACI;AACtB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAqBP,CAAU,GACvD,CAACQ,GAAeC,CAAgB,IAAIF,EAA4BN,CAAgB;AAgDtF,SAAO,EAAE,aA9CWS,EAAQ,MAAM;AAC9B,UAAMC,IAAY,CAACC,GAAUC,MAClBV,IACDW,EAAsBF,GAAKC,GAAKL,GAAeJ,CAAe,IAC9DQ,EAAI,KAAK,CAACG,GAAGC,MAAM;AACf,YAAMC,IAAOF,EAAEF,CAAG,GACZK,IAAOF,EAAEH,CAAG;AAClB,aAAII,IAAOC,IACAV,MAAkBN,EAAc,YAAY,KAAK,IAExDe,IAAOC,IACAV,MAAkBN,EAAc,YAAY,IAAI,KAEpD;AAAA,IACX,CAAC;AAGX,QAAI,MAAM,QAAQG,CAAO,GAAG;AACxB,YAAM,CAACc,GAAYC,CAAY,IAAIf,GAI7BgB,IAHgBV,EAAUZ,GAAOoB,CAAU,EAGpB;AAAA,QACzB,CAACG,GAAKC,MAAS;AACX,gBAAMV,IAAM,OAAOU,EAAKJ,CAAU,CAAC;AACnC,iBAAKG,EAAIT,CAAG,MACRS,EAAIT,CAAG,IAAI,CAAA,IAEfS,EAAIT,CAAG,EAAE,KAAKU,CAAI,GACXD;AAAA,QACX;AAAA,QACA,CAAA;AAAA,MAAC;AAIL,aAAO,OAAO,OAAOD,CAAM,EAAE,QAAQ,CAAAG,MAASb,EAAUa,GAAOJ,CAAY,CAAC;AAAA,IAChF;AACA,WAAOT,EAAUZ,GAAOM,CAAO;AAAA,EACnC,GAAG,CAACN,GAAOM,GAASG,GAAeL,GAAmBC,CAAe,CAAC,GAQhD,SAAAC,GAAS,eAAAG,GAAe,YAAAF,GAAY,kBAAAG,GAAkB,iBANpD,MAAM;AAC1B,IAAAA;AAAA,MAAiB,OACbgB,MAASvB,EAAc,YAAYA,EAAc,aAAaA,EAAc;AAAA,IAAA;AAAA,EAEpF,EAE4E;AAChF;"}

package/hooks/useStateWithValidation.js

@@ -1,25 +1,15 @@
-import { useCallback, useState } from 'react';
-/**
- * A custom hook that provides a state with validation.
- *
- * @param validationFn The function used to validate the state value.
- * @param initialValue The initial value of the state.
- *
- * @returns A tuple containing the state value, a function to update the state
- *          with validation, and a boolean indicating whether the current state value is valid.
- */
-const useStateWithValidation = (validationFn, initialValue) => {
-    const [state, setState] = useState(initialValue);
-    const [isValid, setIsValid] = useState(() => validationFn(state));
-    // Callback function to update the state with validation
-    const onChange = useCallback((nextState) => {
-        // Get the next value based on the provided nextState argument
-        const value = typeof nextState === 'function' ? nextState(state) : nextState;
-        // Update the state with the next value
-        setState(value);
-        // Update the isValid state based on the validation function
-        setIsValid(validationFn(value));
-    }, [validationFn, state]);
-    return [state, onChange, isValid];
+import { useState as a, useCallback as f } from "react";
+const p = (s, c) => {
+  const [t, u] = a(c), [l, n] = a(() => s(t)), r = f(
+    (e) => {
+      const o = typeof e == "function" ? e(t) : e;
+      u(o), n(s(o));
+    },
+    [s, t]
+  );
+  return [t, r, l];
 };
-export default useStateWithValidation;
+export {
+  p as default
+};
+//# sourceMappingURL=useStateWithValidation.js.map

package/hooks/useStateWithValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateWithValidation.js","sources":["../../src/hooks/useStateWithValidation.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport type ValidationFunction<T> = (value: T) => boolean;\n\n/**\n * A custom hook that provides a state with validation.\n *\n * @param validationFn The function used to validate the state value.\n * @param initialValue The initial value of the state.\n *\n * @returns A tuple containing the state value, a function to update the state\n *          with validation, and a boolean indicating whether the current state value is valid.\n */\nconst useStateWithValidation = <T>(validationFn: ValidationFunction<T>, initialValue: T) => {\n    const [state, setState] = useState<T>(initialValue);\n    const [isValid, setIsValid] = useState<boolean>(() => validationFn(state));\n\n    // Callback function to update the state with validation\n    const onChange = useCallback(\n        (nextState: T | ((prevState: T) => T)) => {\n            // Get the next value based on the provided nextState argument\n            const value = typeof nextState === 'function' ? (nextState as (prevState: T) => T)(state) : nextState;\n\n            // Update the state with the next value\n            setState(value);\n\n            // Update the isValid state based on the validation function\n            setIsValid(validationFn(value));\n        },\n        [validationFn, state]\n    );\n\n    return [state, onChange, isValid] as const;\n};\n\nexport default useStateWithValidation;\n"],"names":["useStateWithValidation","validationFn","initialValue","state","setState","useState","isValid","setIsValid","onChange","useCallback","nextState","value"],"mappings":";AAaA,MAAMA,IAAyB,CAAIC,GAAqCC,MAAoB;AACxF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAYH,CAAY,GAC5C,CAACI,GAASC,CAAU,IAAIF,EAAkB,MAAMJ,EAAaE,CAAK,CAAC,GAGnEK,IAAWC;AAAA,IACb,CAACC,MAAyC;AAEtC,YAAMC,IAAQ,OAAOD,KAAc,aAAcA,EAAkCP,CAAK,IAAIO;AAG5F,MAAAN,EAASO,CAAK,GAGdJ,EAAWN,EAAaU,CAAK,CAAC;AAAA,IAClC;AAAA,IACA,CAACV,GAAcE,CAAK;AAAA,EAAA;AAGxB,SAAO,CAACA,GAAOK,GAAUF,CAAO;AACpC;"}