keycloakify 10.0.0-rc.4 → 10.0.0-rc.41

package/tools/clsx_withTransform.js

@@ -0,0 +1,43 @@
+import { assert } from "tsafe/assert";
+import { typeGuard } from "tsafe/typeGuard";
+export function clsx_withTransform(params) {
+    const { args, transform } = params;
+    const len = args.length;
+    let i = 0;
+    let cls = "";
+    for (; i < len; i++) {
+        const arg = args[i];
+        if (arg == null)
+            continue;
+        let toAdd;
+        switch (typeof arg) {
+            case "boolean":
+                break;
+            case "object": {
+                if (Array.isArray(arg)) {
+                    toAdd = clsx_withTransform({ args: arg, transform });
+                }
+                else {
+                    assert(!typeGuard(arg, false));
+                    toAdd = "";
+                    for (const k in arg) {
+                        if (arg[k] && k) {
+                            toAdd && (toAdd += " ");
+                            toAdd += transform(k);
+                        }
+                    }
+                }
+                break;
+            }
+            default: {
+                toAdd = transform(arg);
+            }
+        }
+        if (toAdd) {
+            cls && (cls += " ");
+            cls += toAdd;
+        }
+    }
+    return cls;
+}
+//# sourceMappingURL=clsx_withTransform.js.map

package/tools/clsx_withTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx_withTransform.js","sourceRoot":"","sources":["../src/tools/clsx_withTransform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAU5C,MAAM,UAAU,kBAAkB,CAAC,MAGlC;IACG,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAEnC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;IACxB,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;QACjB,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,GAAG,IAAI,IAAI;YAAE,SAAS;QAE1B,IAAI,KAAK,CAAC;QACV,QAAQ,OAAO,GAAG,EAAE;YAChB,KAAK,SAAS;gBACV,MAAM;YACV,KAAK,QAAQ,CAAC,CAAC;gBACX,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACpB,KAAK,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;iBACxD;qBAAM;oBACH,MAAM,CAAC,CAAC,SAAS,CAAqB,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;oBAEnD,KAAK,GAAG,EAAE,CAAC;oBACX,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE;wBACjB,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;4BACb,KAAK,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;4BACxB,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;yBACzB;qBACJ;iBACJ;gBACD,MAAM;aACT;YACD,OAAO,CAAC,CAAC;gBACL,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;aAC1B;SACJ;QACD,IAAI,KAAK,EAAE;YACP,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;YACpB,GAAG,IAAI,KAAK,CAAC;SAChB;KACJ;IACD,OAAO,GAAG,CAAC;AACf,CAAC"}

package/tools/deepAssign.d.ts

@@ -1,3 +1,4 @@
+/** NOTE: Array a copied over, not merged. */
 export declare function deepAssign(params: {
     target: Record<string, unknown>;
     source: Record<string, unknown>;

package/tools/deepAssign.js

@@ -1,34 +1,59 @@
 import { assert } from "tsafe/assert";
 import { is } from "tsafe/is";
-import { deepClone } from "./deepClone";
-//Warning: Be mindful that because of array this is not idempotent.
+import { structuredCloneButFunctions } from "./structuredCloneButFunctions";
+/** NOTE: Array a copied over, not merged. */
 export function deepAssign(params) {
-    const { target } = params;
-    const source = deepClone(params.source);
+    const { target, source } = params;
     Object.keys(source).forEach(key => {
         var dereferencedSource = source[key];
-        if (target[key] === undefined || dereferencedSource instanceof Function || !(dereferencedSource instanceof Object)) {
-            Object.defineProperty(target, key, {
-                "enumerable": true,
-                "writable": true,
-                "configurable": true,
-                "value": dereferencedSource
+        if (dereferencedSource === undefined) {
+            delete target[key];
+            return;
+        }
+        if (dereferencedSource instanceof Date) {
+            assign({
+                target,
+                key,
+                value: new Date(dereferencedSource.getTime())
             });
             return;
         }
-        const dereferencedTarget = target[key];
         if (dereferencedSource instanceof Array) {
-            assert(is(dereferencedTarget));
-            assert(is(dereferencedSource));
-            dereferencedSource.forEach(entry => dereferencedTarget.push(entry));
+            assign({
+                target,
+                key,
+                value: structuredCloneButFunctions(dereferencedSource)
+            });
             return;
         }
+        if (dereferencedSource instanceof Function ||
+            !(dereferencedSource instanceof Object)) {
+            assign({
+                target,
+                key,
+                value: dereferencedSource
+            });
+            return;
+        }
+        if (!(target[key] instanceof Object)) {
+            target[key] = {};
+        }
+        const dereferencedTarget = target[key];
         assert(is(dereferencedTarget));
         assert(is(dereferencedSource));
         deepAssign({
-            "target": dereferencedTarget,
-            "source": dereferencedSource
+            target: dereferencedTarget,
+            source: dereferencedSource
         });
     });
 }
+function assign(params) {
+    const { target, key, value } = params;
+    Object.defineProperty(target, key, {
+        enumerable: true,
+        writable: true,
+        configurable: true,
+        value
+    });
+}
 //# sourceMappingURL=deepAssign.js.map

package/tools/deepAssign.js.map

@@ -1 +1 @@
-{"version":3,"file":"deepAssign.js","sourceRoot":"","sources":["../src/tools/deepAssign.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,mEAAmE;AACnE,MAAM,UAAU,UAAU,CAAC,MAA4E;IACnG,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAExC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC9B,IAAI,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAErC,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,SAAS,IAAI,kBAAkB,YAAY,QAAQ,IAAI,CAAC,CAAC,kBAAkB,YAAY,MAAM,CAAC,EAAE;YAChH,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;gBAC/B,YAAY,EAAE,IAAI;gBAClB,UAAU,EAAE,IAAI;gBAChB,cAAc,EAAE,IAAI;gBACpB,OAAO,EAAE,kBAAkB;aAC9B,CAAC,CAAC;YAEH,OAAO;SACV;QAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAEvC,IAAI,kBAAkB,YAAY,KAAK,EAAE;YACrC,MAAM,CAAC,EAAE,CAAY,kBAAkB,CAAC,CAAC,CAAC;YAC1C,MAAM,CAAC,EAAE,CAAY,kBAAkB,CAAC,CAAC,CAAC;YAE1C,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YAEpE,OAAO;SACV;QAED,MAAM,CAAC,EAAE,CAA0B,kBAAkB,CAAC,CAAC,CAAC;QACxD,MAAM,CAAC,EAAE,CAA0B,kBAAkB,CAAC,CAAC,CAAC;QAExD,UAAU,CAAC;YACP,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,kBAAkB;SAC/B,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC"}
+{"version":3,"file":"deepAssign.js","sourceRoot":"","sources":["../src/tools/deepAssign.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,6CAA6C;AAC7C,MAAM,UAAU,UAAU,CAAC,MAG1B;IACG,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAElC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC9B,IAAI,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAErC,IAAI,kBAAkB,KAAK,SAAS,EAAE;YAClC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO;SACV;QAED,IAAI,kBAAkB,YAAY,IAAI,EAAE;YACpC,MAAM,CAAC;gBACH,MAAM;gBACN,GAAG;gBACH,KAAK,EAAE,IAAI,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC;aAChD,CAAC,CAAC;YAEH,OAAO;SACV;QAED,IAAI,kBAAkB,YAAY,KAAK,EAAE;YACrC,MAAM,CAAC;gBACH,MAAM;gBACN,GAAG;gBACH,KAAK,EAAE,2BAA2B,CAAC,kBAAkB,CAAC;aACzD,CAAC,CAAC;YAEH,OAAO;SACV;QAED,IACI,kBAAkB,YAAY,QAAQ;YACtC,CAAC,CAAC,kBAAkB,YAAY,MAAM,CAAC,EACzC;YACE,MAAM,CAAC;gBACH,MAAM;gBACN,GAAG;gBACH,KAAK,EAAE,kBAAkB;aAC5B,CAAC,CAAC;YAEH,OAAO;SACV;QAED,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,MAAM,CAAC,EAAE;YAClC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;SACpB;QAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAEvC,MAAM,CAAC,EAAE,CAA0B,kBAAkB,CAAC,CAAC,CAAC;QACxD,MAAM,CAAC,EAAE,CAA0B,kBAAkB,CAAC,CAAC,CAAC;QAExD,UAAU,CAAC;YACP,MAAM,EAAE,kBAAkB;YAC1B,MAAM,EAAE,kBAAkB;SAC7B,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,MAAM,CAAC,MAIf;IACG,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAEtC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;QAC/B,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,IAAI;QAClB,KAAK;KACR,CAAC,CAAC;AACP,CAAC"}

package/tools/formatNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatNumber.js","sourceRoot":"","sources":["../src/tools/formatNumber.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,MAAc,EAAU,EAAE;IAClE,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,EAAE,CAAC;KACb;IAED,4EAA4E;IAC5E,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE5C,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,EAAE,CAAC;KACb;IAED,0FAA0F;IAC1F,MAAM,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5G,mBAAmB;IACnB,IAAI,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEzC,kCAAkC;IAClC,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,QAAQ,EAAE;QACtC,OAAO,EAAE,CAAC;KACb;IAED,kEAAkE;IAClE,IAAI,QAAQ,CAAC,MAAM,GAAG,OAAO,EAAE;QAC3B,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;KAC7C;IAED,kEAAkE;IAClE,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEhF,mFAAmF;IACnF,IAAI,MAAM,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElD,oDAAoD;IACpD,IAAI,CAAC,MAAM,EAAE;QACT,OAAO,KAAK,CAAC;KAChB;IAED,IAAI,MAAM,GAAG,MAAM,CAAC;IAEpB,oEAAoE;IACpE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC3D;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC"}
+{"version":3,"file":"formatNumber.js","sourceRoot":"","sources":["../src/tools/formatNumber.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,MAAc,EAAU,EAAE;IAClE,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,EAAE,CAAC;KACb;IAED,4EAA4E;IAC5E,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE5C,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,EAAE,CAAC;KACb;IAED,0FAA0F;IAC1F,MAAM,OAAO,GAAG,YAAY,CAAC,MAAM,CAC/B,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EACnE,CAAC,CACJ,CAAC;IAEF,mBAAmB;IACnB,IAAI,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEzC,kCAAkC;IAClC,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,QAAQ,EAAE;QACtC,OAAO,EAAE,CAAC;KACb;IAED,kEAAkE;IAClE,IAAI,QAAQ,CAAC,MAAM,GAAG,OAAO,EAAE;QAC3B,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;KAC7C;IAED,kEAAkE;IAClE,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEhF,mFAAmF;IACnF,IAAI,MAAM,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElD,oDAAoD;IACpD,IAAI,CAAC,MAAM,EAAE;QACT,OAAO,KAAK,CAAC;KAChB;IAED,IAAI,MAAM,GAAG,MAAM,CAAC;IAEpB,oEAAoE;IACpE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC3D;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC"}

package/tools/structuredCloneButFunctions.d.ts

@@ -0,0 +1,7 @@
+import "./Object.fromEntries";
+/**
+ * Functionally equivalent to structuredClone but
+ * functions are not cloned but kept as is.
+ * (as opposed to structuredClone that chokes if it encounters a function)
+ */
+export declare function structuredCloneButFunctions<T>(o: T): T;

package/tools/structuredCloneButFunctions.js

@@ -0,0 +1,19 @@
+import "./Object.fromEntries";
+/**
+ * Functionally equivalent to structuredClone but
+ * functions are not cloned but kept as is.
+ * (as opposed to structuredClone that chokes if it encounters a function)
+ */
+export function structuredCloneButFunctions(o) {
+    if (!(o instanceof Object)) {
+        return o;
+    }
+    if (typeof o === "function") {
+        return o;
+    }
+    if (o instanceof Array) {
+        return o.map(structuredCloneButFunctions);
+    }
+    return Object.fromEntries(Object.entries(o).map(([key, value]) => [key, structuredCloneButFunctions(value)]));
+}
+//# sourceMappingURL=structuredCloneButFunctions.js.map

package/tools/structuredCloneButFunctions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"structuredCloneButFunctions.js","sourceRoot":"","sources":["../src/tools/structuredCloneButFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAI,CAAI;IAC/C,IAAI,CAAC,CAAC,CAAC,YAAY,MAAM,CAAC,EAAE;QACxB,OAAO,CAAC,CAAC;KACZ;IAED,IAAI,OAAO,CAAC,KAAK,UAAU,EAAE;QACzB,OAAO,CAAC,CAAC;KACZ;IAED,IAAI,CAAC,YAAY,KAAK,EAAE;QACpB,OAAO,CAAC,CAAC,GAAG,CAAC,2BAA2B,CAAQ,CAAC;KACpD;IAED,OAAO,MAAM,CAAC,WAAW,CACrB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,2BAA2B,CAAC,KAAK,CAAC,CAAC,CAAC,CAC9E,CAAC;AACb,CAAC"}

package/tools/useConstCallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConstCallback.js","sourceRoot":"","sources":["../src/tools/useConstCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGzC,mGAAmG;AACnG,MAAM,UAAU,gBAAgB,CAA6D,QAAwB;IACjH,MAAM,WAAW,GAAG,MAAM,CAAkB,IAAW,CAAC,CAAC;IAEzD,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,OAAO,QAAQ,CACX,GAAG,EAAE,CACD,CAAC,GAAG,IAAmB,EAAE,EAAE,CACvB,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CACvC,CAAC,CAAC,CAAM,CAAC;AACd,CAAC"}
+{"version":3,"file":"useConstCallback.js","sourceRoot":"","sources":["../src/tools/useConstCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGzC,mGAAmG;AACnG,MAAM,UAAU,gBAAgB,CAE9B,QAAwB;IACtB,MAAM,WAAW,GAAG,MAAM,CAAkB,IAAW,CAAC,CAAC;IAEzD,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,OAAO,QAAQ,CACX,GAAG,EAAE,CACD,CAAC,GAAG,IAAmB,EAAE,EAAE,CACvB,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CACvC,CAAC,CAAC,CAAM,CAAC;AACd,CAAC"}

package/tools/useInsertLinkTags.d.ts

@@ -1,7 +1,12 @@
-export declare function createUseInsertLinkTags(): {
-    useInsertLinkTags: (params: {
-        hrefs: string[];
-    }) => {
-        areAllStyleSheetsLoaded: boolean;
-    };
+/**
+ * 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 declare function useInsertLinkTags(params: {
+    componentOrHookName: string;
+    hrefs: string[];
+}): {
+    areAllStyleSheetsLoaded: boolean;
 };

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"}