keycloakify 10.0.0-rc.1 → 10.0.0-rc.100

package/tools/useInsertLinkTags.js

@@ -1,57 +1,58 @@
-import { useReducer, useEffect } from "react";
-export function createUseInsertLinkTags() {
-    let linkTagsContext = undefined;
-    /** NOTE: The hrefs can't changes. There should be only one one call on this. */
-    function useInsertLinkTags(params) {
-        const { hrefs } = params;
-        const [areAllStyleSheetsLoaded, setAllStyleSheetLoaded] = useReducer(() => true, hrefs.length === 0);
-        useEffect(() => {
-            let isActive = true;
-            mount_link_tags: {
-                if (linkTagsContext !== undefined) {
-                    if (JSON.stringify(linkTagsContext.styleSheetHrefs) === JSON.stringify(hrefs)) {
-                        break mount_link_tags;
-                    }
-                    linkTagsContext.remove();
-                    linkTagsContext = undefined;
+import { useEffect, useReducer } from "react";
+import { useConst } from "../tools/useConst";
+import { id } from "tsafe/id";
+import { useOnFistMount } from "../tools/useOnFirstMount";
+const alreadyMountedComponentOrHookNames = new Set();
+/**
+ * NOTE: The component that use this hook can only be mounded once!
+ * And can't rerender with different hrefs.
+ * If it's mounted again the page will be reloaded.
+ * This simulates the behavior of a server rendered page that imports css stylesheet in the head.
+ */
+export function useInsertLinkTags(params) {
+    const { hrefs, componentOrHookName } = params;
+    useOnFistMount(() => {
+        const isAlreadyMounted = alreadyMountedComponentOrHookNames.has(componentOrHookName);
+        if (isAlreadyMounted) {
+            window.location.reload();
+            return;
+        }
+        alreadyMountedComponentOrHookNames.add(componentOrHookName);
+    });
+    const [areAllStyleSheetsLoaded, setAllStyleSheetsLoaded] = useReducer(() => true, false);
+    const refPrAllStyleSheetLoaded = useConst(() => ({
+        current: id(undefined)
+    }));
+    useEffect(() => {
+        var _a;
+        let isActive = true;
+        ((_a = refPrAllStyleSheetLoaded.current) !== null && _a !== void 0 ? _a : (refPrAllStyleSheetLoaded.current = (async () => {
+            let lastMountedHtmlElement = undefined;
+            const prs = [];
+            for (const href of hrefs) {
+                const htmlElement = document.createElement("link");
+                prs.push(new Promise(resolve => htmlElement.addEventListener("load", () => resolve())));
+                htmlElement.rel = "stylesheet";
+                htmlElement.href = href;
+                if (lastMountedHtmlElement !== undefined) {
+                    lastMountedHtmlElement.insertAdjacentElement("afterend", htmlElement);
                 }
-                let lastMountedHtmlElement = undefined;
-                const prs = [];
-                const removeFns = [];
-                for (const href of hrefs) {
-                    const htmlElement = document.createElement("link");
-                    prs.push(new Promise(resolve => htmlElement.addEventListener("load", () => resolve())));
-                    htmlElement.rel = "stylesheet";
-                    htmlElement.href = href;
-                    if (lastMountedHtmlElement !== undefined) {
-                        lastMountedHtmlElement.insertAdjacentElement("afterend", htmlElement);
-                    }
-                    else {
-                        document.head.prepend(htmlElement);
-                    }
-                    removeFns.push(() => {
-                        htmlElement.remove();
-                    });
-                    lastMountedHtmlElement = htmlElement;
+                else {
+                    document.head.prepend(htmlElement);
                 }
-                linkTagsContext = {
-                    "styleSheetHrefs": hrefs,
-                    "prAreAllStyleSheetsLoaded": Promise.all(prs).then(() => undefined),
-                    "remove": () => removeFns.forEach(fn => fn())
-                };
+                lastMountedHtmlElement = htmlElement;
             }
-            linkTagsContext.prAreAllStyleSheetsLoaded.then(() => {
-                if (!isActive) {
-                    return;
-                }
-                setAllStyleSheetLoaded();
-            });
-            return () => {
-                isActive = false;
-            };
-        }, []);
-        return { areAllStyleSheetsLoaded };
-    }
-    return { useInsertLinkTags };
+            await Promise.all(prs);
+        })())).then(() => {
+            if (!isActive) {
+                return;
+            }
+            setAllStyleSheetsLoaded();
+        });
+        return () => {
+            isActive = false;
+        };
+    }, []);
+    return { areAllStyleSheetsLoaded };
 }
 //# sourceMappingURL=useInsertLinkTags.js.map

package/tools/useInsertLinkTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInsertLinkTags.js","sourceRoot":"","sources":["../src/tools/useInsertLinkTags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,uBAAuB;IACnC,IAAI,eAAe,GAMD,SAAS,CAAC;IAE5B,gFAAgF;IAChF,SAAS,iBAAiB,CAAC,MAA2B;QAClD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAEzB,MAAM,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;QAErG,SAAS,CAAC,GAAG,EAAE;YACX,IAAI,QAAQ,GAAG,IAAI,CAAC;YAEpB,eAAe,EAAE;gBACb,IAAI,eAAe,KAAK,SAAS,EAAE;oBAC/B,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;wBAC3E,MAAM,eAAe,CAAC;qBACzB;oBAED,eAAe,CAAC,MAAM,EAAE,CAAC;oBAEzB,eAAe,GAAG,SAAS,CAAC;iBAC/B;gBAED,IAAI,sBAAsB,GAAgC,SAAS,CAAC;gBAEpE,MAAM,GAAG,GAAoB,EAAE,CAAC;gBAChC,MAAM,SAAS,GAAmB,EAAE,CAAC;gBAErC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;oBACtB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;oBAEnD,GAAG,CAAC,IAAI,CAAC,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,CAAC,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;oBAE9F,WAAW,CAAC,GAAG,GAAG,YAAY,CAAC;oBAE/B,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;oBAExB,IAAI,sBAAsB,KAAK,SAAS,EAAE;wBACtC,sBAAsB,CAAC,qBAAqB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;qBACzE;yBAAM;wBACH,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;qBACtC;oBAED,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE;wBAChB,WAAW,CAAC,MAAM,EAAE,CAAC;oBACzB,CAAC,CAAC,CAAC;oBAEH,sBAAsB,GAAG,WAAW,CAAC;iBACxC;gBAED,eAAe,GAAG;oBACd,iBAAiB,EAAE,KAAK;oBACxB,2BAA2B,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;oBACnE,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;iBAChD,CAAC;aACL;YAED,eAAe,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG,EAAE;gBAChD,IAAI,CAAC,QAAQ,EAAE;oBACX,OAAO;iBACV;gBACD,sBAAsB,EAAE,CAAC;YAC7B,CAAC,CAAC,CAAC;YAEH,OAAO,GAAG,EAAE;gBACR,QAAQ,GAAG,KAAK,CAAC;YACrB,CAAC,CAAC;QACN,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACvC,CAAC;IAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AACjC,CAAC"}
+{"version":3,"file":"useInsertLinkTags.js","sourceRoot":"","sources":["../src/tools/useInsertLinkTags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,MAAM,kCAAkC,GAAG,IAAI,GAAG,EAAU,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAGjC;IACG,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAC;IAE9C,cAAc,CAAC,GAAG,EAAE;QAChB,MAAM,gBAAgB,GAClB,kCAAkC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAEhE,IAAI,gBAAgB,EAAE;YAClB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACzB,OAAO;SACV;QAED,kCAAkC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,GAAG,UAAU,CACjE,GAAG,EAAE,CAAC,IAAI,EACV,KAAK,CACR,CAAC;IAEF,MAAM,wBAAwB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QAC7C,OAAO,EAAE,EAAE,CAA4B,SAAS,CAAC;KACpD,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;;QACX,IAAI,QAAQ,GAAG,IAAI,CAAC;QAEpB,OAAC,wBAAwB,CAAC,OAAO,oCAAhC,wBAAwB,CAAC,OAAO,GAAK,CAAC,KAAK,IAAI,EAAE;YAC9C,IAAI,sBAAsB,GAAgC,SAAS,CAAC;YAEpE,MAAM,GAAG,GAAoB,EAAE,CAAC;YAEhC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;gBACtB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAEnD,GAAG,CAAC,IAAI,CACJ,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,CACxB,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CACxD,CACJ,CAAC;gBAEF,WAAW,CAAC,GAAG,GAAG,YAAY,CAAC;gBAE/B,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;gBAExB,IAAI,sBAAsB,KAAK,SAAS,EAAE;oBACtC,sBAAsB,CAAC,qBAAqB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;iBACzE;qBAAM;oBACH,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;iBACtC;gBAED,sBAAsB,GAAG,WAAW,CAAC;aACxC;YAED,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC,CAAC,EAAE,EAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,QAAQ,EAAE;gBACX,OAAO;aACV;YAED,uBAAuB,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,QAAQ,GAAG,KAAK,CAAC;QACrB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,uBAAuB,EAAE,CAAC;AACvC,CAAC"}

package/tools/useInsertScriptTags.d.ts

@@ -11,10 +11,19 @@ export declare namespace ScriptTag {
     };
     export {};
 }
-export declare function createUseInsertScriptTags(): {
-    useInsertScriptTags: (params: {
-        scriptTags: ScriptTag[];
-    }) => {
-        insertScriptTags: () => void;
-    };
+/**
+ * NOTE: The component that use this hook can only be mounded once!
+ * And can't rerender with different scriptTags.
+ * If it's mounted again the page will be reloaded.
+ * This simulates the behavior of a server rendered page that imports javascript in the head.
+ *
+ * The returned function is supposed to be called in a useEffect and
+ * will not download the scripts multiple times event if called more than once (react strict mode).
+ *
+ */
+export declare function useInsertScriptTags(params: {
+    componentOrHookName: string;
+    scriptTags: ScriptTag[];
+}): {
+    insertScriptTags: () => void;
 };

package/tools/useInsertScriptTags.js

@@ -1,75 +1,70 @@
 import { useCallback } from "react";
-import { useConst } from "../tools/useConst";
 import { assert } from "tsafe/assert";
-export function createUseInsertScriptTags() {
+import { useOnFistMount } from "../tools/useOnFirstMount";
+const alreadyMountedComponentOrHookNames = new Set();
+/**
+ * NOTE: The component that use this hook can only be mounded once!
+ * And can't rerender with different scriptTags.
+ * If it's mounted again the page will be reloaded.
+ * This simulates the behavior of a server rendered page that imports javascript in the head.
+ *
+ * The returned function is supposed to be called in a useEffect and
+ * will not download the scripts multiple times event if called more than once (react strict mode).
+ *
+ */
+export function useInsertScriptTags(params) {
+    const { scriptTags, componentOrHookName } = params;
+    useOnFistMount(() => {
+        const isAlreadyMounted = alreadyMountedComponentOrHookNames.has(componentOrHookName);
+        if (isAlreadyMounted) {
+            window.location.reload();
+            return;
+        }
+        alreadyMountedComponentOrHookNames.add(componentOrHookName);
+    });
     let areScriptsInserted = false;
-    function useInsertScriptTags(params) {
-        const { scriptTags } = params;
-        const currentScriptTagsRef = useConst(() => ({ "current": scriptTags }));
-        currentScriptTagsRef.current = scriptTags;
-        const insertScriptTags = useCallback(() => {
+    const insertScriptTags = useCallback(() => {
+        if (areScriptsInserted) {
+            return;
+        }
+        scriptTags.forEach(scriptTag => {
+            // NOTE: Avoid loading same script twice. (Like jQuery for example)
             {
-                const getFingerprint = (scriptTags) => scriptTags
-                    .map((scriptTag) => {
+                const scripts = document.getElementsByTagName("script");
+                for (let i = 0; i < scripts.length; i++) {
+                    const script = scripts[i];
                     if ("textContent" in scriptTag) {
-                        return scriptTag.textContent;
+                        if (script.textContent === scriptTag.textContent) {
+                            return;
+                        }
+                        continue;
                     }
                     if ("src" in scriptTag) {
-                        return scriptTag.src;
+                        if (script.getAttribute("src") === scriptTag.src) {
+                            return;
+                        }
+                        continue;
                     }
                     assert(false);
-                })
-                    .join("---");
-                if (getFingerprint(scriptTags) !== getFingerprint(currentScriptTagsRef.current)) {
-                    // NOTE: This is for when the scripts imported in the Template have changed switching
-                    // from one page to another in storybook.
-                    window.location.reload();
-                    return;
                 }
             }
-            if (areScriptsInserted) {
-                return;
-            }
-            scriptTags.forEach(scriptTag => {
-                // NOTE: Avoid loading same script twice. (Like jQuery for example)
-                {
-                    const scripts = document.getElementsByTagName("script");
-                    for (let i = 0; i < scripts.length; i++) {
-                        const script = scripts[i];
-                        if ("textContent" in scriptTag) {
-                            if (script.textContent === scriptTag.textContent) {
-                                return;
-                            }
-                            continue;
-                        }
-                        if ("src" in scriptTag) {
-                            if (script.getAttribute("src") === scriptTag.src) {
-                                return;
-                            }
-                            continue;
-                        }
-                        assert(false);
-                    }
+            const htmlElement = document.createElement("script");
+            htmlElement.type = scriptTag.type;
+            (() => {
+                if ("textContent" in scriptTag) {
+                    htmlElement.textContent = scriptTag.textContent;
+                    return;
                 }
-                const htmlElement = document.createElement("script");
-                htmlElement.type = scriptTag.type;
-                (() => {
-                    if ("textContent" in scriptTag) {
-                        htmlElement.textContent = scriptTag.textContent;
-                        return;
-                    }
-                    if ("src" in scriptTag) {
-                        htmlElement.src = scriptTag.src;
-                        return;
-                    }
-                    assert(false);
-                })();
-                document.head.appendChild(htmlElement);
-            });
-            areScriptsInserted = true;
-        }, []);
-        return { insertScriptTags };
-    }
-    return { useInsertScriptTags };
+                if ("src" in scriptTag) {
+                    htmlElement.src = scriptTag.src;
+                    return;
+                }
+                assert(false);
+            })();
+            document.head.appendChild(htmlElement);
+        });
+        areScriptsInserted = true;
+    }, []);
+    return { insertScriptTags };
 }
 //# sourceMappingURL=useInsertScriptTags.js.map

package/tools/useInsertScriptTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInsertScriptTags.js","sourceRoot":"","sources":["../src/tools/useInsertScriptTags.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useInsertScriptTags.js","sourceRoot":"","sources":["../src/tools/useInsertScriptTags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAiBnE,MAAM,kCAAkC,GAAG,IAAI,GAAG,EAAU,CAAC;AAE7D;;;;;;;;;GASG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAGnC;IACG,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAC;IAEnD,cAAc,CAAC,GAAG,EAAE;QAChB,MAAM,gBAAgB,GAClB,kCAAkC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAEhE,IAAI,gBAAgB,EAAE;YAClB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACzB,OAAO;SACV;QAED,kCAAkC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,IAAI,kBAAkB,GAAG,KAAK,CAAC;IAE/B,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,kBAAkB,EAAE;YACpB,OAAO;SACV;QAED,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAC3B,mEAAmE;YACnE;gBACI,MAAM,OAAO,GAAG,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;gBACxD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACrC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;oBAC1B,IAAI,aAAa,IAAI,SAAS,EAAE;wBAC5B,IAAI,MAAM,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW,EAAE;4BAC9C,OAAO;yBACV;wBACD,SAAS;qBACZ;oBACD,IAAI,KAAK,IAAI,SAAS,EAAE;wBACpB,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,GAAG,EAAE;4BAC9C,OAAO;yBACV;wBACD,SAAS;qBACZ;oBACD,MAAM,CAAC,KAAK,CAAC,CAAC;iBACjB;aACJ;YAED,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAErD,WAAW,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;YAElC,CAAC,GAAG,EAAE;gBACF,IAAI,aAAa,IAAI,SAAS,EAAE;oBAC5B,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;oBAChD,OAAO;iBACV;gBACD,IAAI,KAAK,IAAI,SAAS,EAAE;oBACpB,WAAW,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC;oBAChC,OAAO;iBACV;gBACD,MAAM,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC,EAAE,CAAC;YAEL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,kBAAkB,GAAG,IAAI,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAChC,CAAC"}

package/tools/useOnFirstMount.d.ts

@@ -0,0 +1,2 @@
+/** Callback is guaranteed to be call only once per component mount event in strict mode */
+export declare function useOnFistMount(callback: () => void): void;

package/tools/useOnFirstMount.js

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import { useConst } from "./useConst";
+import { id } from "tsafe/id";
+/** Callback is guaranteed to be call only once per component mount event in strict mode */
+export function useOnFistMount(callback) {
+    const refHasCallbackBeenCalled = useConst(() => ({ current: id(false) }));
+    useEffect(() => {
+        if (refHasCallbackBeenCalled.current) {
+            return;
+        }
+        callback();
+        refHasCallbackBeenCalled.current = true;
+    }, []);
+}
+//# sourceMappingURL=useOnFirstMount.js.map

package/tools/useOnFirstMount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnFirstMount.js","sourceRoot":"","sources":["../src/tools/useOnFirstMount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,2FAA2F;AAC3F,MAAM,UAAU,cAAc,CAAC,QAAoB;IAC/C,MAAM,wBAAwB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAU,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,wBAAwB,CAAC,OAAO,EAAE;YAClC,OAAO;SACV;QAED,QAAQ,EAAE,CAAC;QAEX,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/tools/useSetClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSetClassName.js","sourceRoot":"","sources":["../src/tools/useSetClassName.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,eAAe,CAAC,MAAyE;IACrG,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE,EAAE;YAC7C,OAAO;SACV;QAED,MAAM,aAAa,GAAG,QAAQ,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhF,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEpC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AACpB,CAAC"}
+{"version":3,"file":"useSetClassName.js","sourceRoot":"","sources":["../src/tools/useSetClassName.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,eAAe,CAAC,MAG/B;IACG,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE,EAAE;YAC7C,OAAO;SACV;QAED,MAAM,aAAa,GAAG,QAAQ,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhF,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEpC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AACpB,CAAC"}