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

package/stories/login/pages/LoginVerifyEmail.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "login-verify-email.ftl" });
+
+const meta = {
+    title: "login/login-verify-email.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};

package/stories/login/pages/LoginX509Info.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "login-x509-info.ftl" });
+
+const meta = {
+    title: "login/login-x509-info.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};

package/stories/login/pages/LogoutConfirm.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "logout-confirm.ftl" });
+
+const meta = {
+    title: "login/logout-confirm.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};

package/stories/login/pages/Register.stories.tsx

@@ -0,0 +1,114 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "register.ftl" });
+
+const meta = {
+    title: "login/register.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};
+
+export const WithFieldError: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                profile: {
+                    attributesByName: {
+                        email: {
+                            value: "max.mustermann@gmail.com"
+                        }
+                    }
+                },
+                messagesPerField: {
+                    existsError: (fieldName: string) => fieldName === "email",
+                    exists: (fieldName: string) => fieldName === "email",
+                    get: (fieldName: string) => (fieldName === "email" ? "I don't like your email address" : undefined),
+                    printIfExists: <T,>(fieldName: string, x: T) => (fieldName === "email" ? x : undefined)
+                }
+            }}
+        />
+    )
+};
+
+export const WithEmailAsUsername: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                realm: {
+                    registrationEmailAsUsername: true
+                }
+            }}
+        />
+    )
+};
+
+export const WithoutPassword: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                passwordRequired: false
+            }}
+        />
+    )
+};
+
+export const WithRecaptcha: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                scripts: ["https://www.google.com/recaptcha/api.js?hl=en"],
+                recaptchaRequired: true,
+                recaptchaSiteKey: "6LfQHvApAAAAAE73SYTd5vS0lB1Xr7zdiQ-6iBVa"
+            }}
+        />
+    )
+};
+
+export const WithRecaptchaFrench: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                locale: {
+                    currentLanguageTag: "fr"
+                },
+                scripts: ["https://www.google.com/recaptcha/api.js?hl=fr"],
+                recaptchaRequired: true,
+                recaptchaSiteKey: "6LfQHvApAAAAAE73SYTd5vS0lB1Xr7zdiQ-6iBVa"
+            }}
+        />
+    )
+};
+
+export const WithPresets: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                profile: {
+                    attributesByName: {
+                        firstName: {
+                            value: "Max"
+                        },
+                        lastName: {
+                            value: "Mustermann"
+                        },
+                        email: {
+                            value: "max.mustermann@gmail.com"
+                        },
+                        username: {
+                            value: "max.mustermann"
+                        }
+                    }
+                }
+            }}
+        />
+    )
+};

package/stories/login/pages/SamlPostForm.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "saml-post-form.ftl" });
+
+const meta = {
+    title: "login/saml-post-form.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};

package/stories/login/pages/SelectAuthenticator.stories.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "select-authenticator.ftl" });
+
+const meta = {
+    title: "login/select-authenticator.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};
+
+export const WithDifferentAuthenticationMethods: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                auth: {
+                    authenticationSelections: [
+                        {
+                            authExecId: "25697c4e-0c80-4f2c-8eb7-2c16347e8e8d",
+                            displayName: "auth-username-password-form-display-name",
+                            helpText: "auth-username-password-form-help-text",
+                            iconCssClass: "kcAuthenticatorPasswordClass"
+                        },
+                        {
+                            authExecId: "4cb60872-ce0d-4c8f-a806-e651ed77994b",
+                            displayName: "webauthn-passwordless-display-name",
+                            helpText: "webauthn-passwordless-help-text",
+                            iconCssClass: "kcAuthenticatorWebAuthnPasswordlessClass"
+                        }
+                    ]
+                }
+            }}
+        />
+    )
+};

package/stories/login/pages/Terms.stories.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "terms.ftl" });
+
+const meta = {
+    title: "login/terms.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};
+
+export const French: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                locale: {
+                    currentLanguageTag: "fr"
+                }
+            }}
+        />
+    )
+};
+
+export const Spanish: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                locale: {
+                    currentLanguageTag: "es"
+                }
+            }}
+        />
+    )
+};

package/stories/login/pages/UpdateEmail.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "update-email.ftl" });
+
+const meta = {
+    title: "login/update-email.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};

package/stories/login/pages/WebauthnAuthenticate.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "webauthn-authenticate.ftl" });
+
+const meta = {
+    title: "login/webauthn-authenticate.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};

package/stories/login/pages/WebauthnError.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "webauthn-error.ftl" });
+
+const meta = {
+    title: "login/webauthn-error.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};

package/stories/login/pages/WebauthnRegister.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const { PageStory } = createPageStory({ pageId: "webauthn-register.ftl" });
+
+const meta = {
+    title: "login/webauthn-register.ftl",
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};

package/tools/Array.prototype.every.js

@@ -14,7 +14,8 @@ if (!Array.prototype.every) {
         // 3. Let len be ToUint32(lenValue).
         var len = O.length >>> 0;
         // 4. If IsCallable(callbackfn) is false, throw a TypeError exception.
-        if (typeof callbackfn !== "function" && Object.prototype.toString.call(callbackfn) !== "[object Function]") {
+        if (typeof callbackfn !== "function" &&
+            Object.prototype.toString.call(callbackfn) !== "[object Function]") {
             throw new TypeError();
         }
         // 5. If thisArg was supplied, let T be thisArg; else let T be undefined.

package/tools/Array.prototype.every.js.map

@@ -1 +1 @@
-{"version":3,"file":"Array.prototype.every.js","sourceRoot":"","sources":["../src/tools/Array.prototype.every.ts"],"names":[],"mappings":";AAAA,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE;IACxB,KAAK,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,UAAe,EAAE,OAAY;QAC3D,YAAY,CAAC;QACb,IAAI,CAAC,EAAE,CAAC,CAAC;QAET,IAAI,IAAI,IAAI,IAAI,EAAE;YACd,MAAM,IAAI,SAAS,CAAC,6BAA6B,CAAC,CAAC;SACtD;QAED,8DAA8D;QAC9D,4BAA4B;QAC5B,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAErB,mEAAmE;QACnE,sCAAsC;QACtC,oCAAoC;QACpC,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;QAEzB,sEAAsE;QACtE,IAAI,OAAO,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,mBAAmB,EAAE;YACxG,MAAM,IAAI,SAAS,EAAE,CAAC;SACzB;QAED,yEAAyE;QACzE,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YACtB,CAAC,GAAG,OAAO,CAAC;SACf;QAED,iBAAiB;QACjB,CAAC,GAAG,CAAC,CAAC;QAEN,2BAA2B;QAC3B,OAAO,CAAC,GAAG,GAAG,EAAE;YACZ,IAAI,MAAM,CAAC;YAEX,4BAA4B;YAC5B,yDAAyD;YACzD,oEAAoE;YACpE,mCAAmC;YACnC,qCAAqC;YACrC,+BAA+B;YAC/B,IAAI,CAAC,IAAI,CAAC,EAAE;gBACR,IAAI,UAAU,CAAC;gBACf,iEAAiE;gBACjE,4BAA4B;gBAC5B,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEd,uEAAuE;gBACvE,+DAA+D;gBAC/D,2CAA2C;gBAC3C,iDAAiD;gBACjD,IAAI,CAAC;oBAAE,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;;oBAChD,UAAU,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAE3C,wDAAwD;gBACxD,IAAI,CAAC,UAAU,EAAE;oBACb,OAAO,KAAK,CAAC;iBAChB;aACJ;YACD,CAAC,EAAE,CAAC;SACP;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;CACL"}
+{"version":3,"file":"Array.prototype.every.js","sourceRoot":"","sources":["../src/tools/Array.prototype.every.ts"],"names":[],"mappings":";AAAA,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE;IACxB,KAAK,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,UAAe,EAAE,OAAY;QAC3D,YAAY,CAAC;QACb,IAAI,CAAC,EAAE,CAAC,CAAC;QAET,IAAI,IAAI,IAAI,IAAI,EAAE;YACd,MAAM,IAAI,SAAS,CAAC,6BAA6B,CAAC,CAAC;SACtD;QAED,8DAA8D;QAC9D,4BAA4B;QAC5B,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAErB,mEAAmE;QACnE,sCAAsC;QACtC,oCAAoC;QACpC,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;QAEzB,sEAAsE;QACtE,IACI,OAAO,UAAU,KAAK,UAAU;YAChC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,mBAAmB,EACpE;YACE,MAAM,IAAI,SAAS,EAAE,CAAC;SACzB;QAED,yEAAyE;QACzE,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YACtB,CAAC,GAAG,OAAO,CAAC;SACf;QAED,iBAAiB;QACjB,CAAC,GAAG,CAAC,CAAC;QAEN,2BAA2B;QAC3B,OAAO,CAAC,GAAG,GAAG,EAAE;YACZ,IAAI,MAAM,CAAC;YAEX,4BAA4B;YAC5B,yDAAyD;YACzD,oEAAoE;YACpE,mCAAmC;YACnC,qCAAqC;YACrC,+BAA+B;YAC/B,IAAI,CAAC,IAAI,CAAC,EAAE;gBACR,IAAI,UAAU,CAAC;gBACf,iEAAiE;gBACjE,4BAA4B;gBAC5B,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEd,uEAAuE;gBACvE,+DAA+D;gBAC/D,2CAA2C;gBAC3C,iDAAiD;gBACjD,IAAI,CAAC;oBAAE,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;;oBAChD,UAAU,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAE3C,wDAAwD;gBACxD,IAAI,CAAC,UAAU,EAAE;oBACb,OAAO,KAAK,CAAC;iBAChB;aACJ;YACD,CAAC,EAAE,CAAC;SACP;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;CACL"}

package/tools/ExtractAfterStartingWith.d.ts

@@ -0,0 +1 @@
+export type ExtractAfterStartingWith<Prefix extends string, StrEnum> = StrEnum extends `${Prefix}${infer U}` ? U : never;

package/tools/ExtractAfterStartingWith.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ExtractAfterStartingWith.js.map

package/tools/ExtractAfterStartingWith.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractAfterStartingWith.js","sourceRoot":"","sources":["../src/tools/ExtractAfterStartingWith.ts"],"names":[],"mappings":""}

package/tools/Object.fromEntries.d.ts

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

package/tools/Object.fromEntries.js

@@ -0,0 +1,17 @@
+if (!Object.fromEntries) {
+    Object.defineProperty(Object, "fromEntries", {
+        value: function (entries) {
+            if (!entries || !entries[Symbol.iterator]) {
+                throw new Error("Object.fromEntries() requires a single iterable argument");
+            }
+            const o = {};
+            Object.keys(entries).forEach(key => {
+                const [k, v] = entries[key];
+                o[k] = v;
+            });
+            return o;
+        }
+    });
+}
+export {};
+//# sourceMappingURL=Object.fromEntries.js.map

package/tools/Object.fromEntries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Object.fromEntries.js","sourceRoot":"","sources":["../src/tools/Object.fromEntries.ts"],"names":[],"mappings":"AAAA,IAAI,CAAE,MAAc,CAAC,WAAW,EAAE;IAC9B,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE;QACzC,KAAK,EAAE,UAAU,OAAY;YACzB,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;gBACvC,MAAM,IAAI,KAAK,CACX,0DAA0D,CAC7D,CAAC;aACL;YAED,MAAM,CAAC,GAAQ,EAAE,CAAC;YAElB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBAC/B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;gBAE5B,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YACb,CAAC,CAAC,CAAC;YAEH,OAAO,CAAC,CAAC;QACb,CAAC;KACJ,CAAC,CAAC;CACN"}

package/tools/StatefulObservable/StatefulObservable.d.ts

@@ -0,0 +1,8 @@
+export type StatefulObservable<T> = {
+    current: T;
+    subscribe: (next: (data: T) => void) => Subscription;
+};
+export type Subscription = {
+    unsubscribe(): void;
+};
+export declare function createStatefulObservable<T>(getInitialValue: () => T): StatefulObservable<T>;

package/tools/StatefulObservable/StatefulObservable.js

@@ -0,0 +1,36 @@
+import { assert } from "tsafe/assert";
+import { is } from "tsafe/is";
+export function createStatefulObservable(getInitialValue) {
+    const nextFunctions = [];
+    const { get, set } = (() => {
+        let wrappedState = undefined;
+        function set(data) {
+            wrappedState = [data];
+            nextFunctions.forEach(next => next(data));
+        }
+        return {
+            get: () => {
+                if (wrappedState === undefined) {
+                    set(getInitialValue());
+                    assert(!is(wrappedState));
+                }
+                return wrappedState[0];
+            },
+            set
+        };
+    })();
+    return Object.defineProperty({
+        current: null,
+        subscribe: (next) => {
+            nextFunctions.push(next);
+            return {
+                unsubscribe: () => nextFunctions.splice(nextFunctions.indexOf(next), 1)
+            };
+        }
+    }, "current", {
+        enumerable: true,
+        get,
+        set
+    });
+}
+//# sourceMappingURL=StatefulObservable.js.map

package/tools/StatefulObservable/StatefulObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatefulObservable.js","sourceRoot":"","sources":["../../src/tools/StatefulObservable/StatefulObservable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAW9B,MAAM,UAAU,wBAAwB,CACpC,eAAwB;IAExB,MAAM,aAAa,GAA0B,EAAE,CAAC;IAEhD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE;QACvB,IAAI,YAAY,GAAoB,SAAS,CAAC;QAE9C,SAAS,GAAG,CAAC,IAAO;YAChB,YAAY,GAAG,CAAC,IAAI,CAAC,CAAC;YAEtB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9C,CAAC;QAED,OAAO;YACH,GAAG,EAAE,GAAG,EAAE;gBACN,IAAI,YAAY,KAAK,SAAS,EAAE;oBAC5B,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;oBACvB,MAAM,CAAC,CAAC,EAAE,CAAY,YAAY,CAAC,CAAC,CAAC;iBACxC;gBACD,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC;YAC3B,CAAC;YACD,GAAG;SACN,CAAC;IACN,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,MAAM,CAAC,cAAc,CACxB;QACI,OAAO,EAAE,IAAgB;QACzB,SAAS,EAAE,CAAC,IAAuB,EAAE,EAAE;YACnC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEzB,OAAO;gBACH,WAAW,EAAE,GAAG,EAAE,CACd,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;aAC3D,CAAC;QACN,CAAC;KACJ,EACD,SAAS,EACT;QACI,UAAU,EAAE,IAAI;QAChB,GAAG;QACH,GAAG;KACN,CACJ,CAAC;AACN,CAAC"}

package/tools/StatefulObservable/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useObservable";
+export * from "./useRerenderOnChange";

package/tools/StatefulObservable/hooks/index.js

@@ -0,0 +1,3 @@
+export * from "./useObservable";
+export * from "./useRerenderOnChange";
+//# sourceMappingURL=index.js.map

package/tools/StatefulObservable/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tools/StatefulObservable/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/tools/StatefulObservable/hooks/useObservable.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Subscription } from "../StatefulObservable";
+/**
+ * Equivalent of https://docs.evt.land/api/react-hooks
+ */
+export declare function useObservable(effect: (params: {
+    registerSubscription: (subscription: Subscription) => void;
+}) => void, deps: React.DependencyList): void;

package/tools/StatefulObservable/hooks/useObservable.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+/**
+ * Equivalent of https://docs.evt.land/api/react-hooks
+ */
+export function useObservable(effect, deps) {
+    useEffect(() => {
+        const subscriptions = [];
+        effect({
+            registerSubscription: subscription => subscriptions.push(subscription)
+        });
+        return () => {
+            subscriptions.forEach(subscription => subscription.unsubscribe());
+            subscriptions.length = 0;
+        };
+    }, deps);
+}
+//# sourceMappingURL=useObservable.js.map

package/tools/StatefulObservable/hooks/useObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservable.js","sourceRoot":"","sources":["../../../src/tools/StatefulObservable/hooks/useObservable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC;;GAEG;AACH,MAAM,UAAU,aAAa,CACzB,MAEU,EACV,IAA0B;IAE1B,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,aAAa,GAAmB,EAAE,CAAC;QAEzC,MAAM,CAAC;YACH,oBAAoB,EAAE,YAAY,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC;SACzE,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC;YAClE,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC;IACN,CAAC,EAAE,IAAI,CAAC,CAAC;AACb,CAAC"}

package/tools/StatefulObservable/hooks/useRerenderOnChange.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulObservable } from "../StatefulObservable";
+/**
+ * Equivalent of https://docs.evt.land/api/react-hooks
+ * */
+export declare function useRerenderOnChange(obs: StatefulObservable<unknown>): void;

package/tools/StatefulObservable/hooks/useRerenderOnChange.js

@@ -0,0 +1,14 @@
+import { useObservable } from "./useObservable";
+import { useState } from "react";
+/**
+ * Equivalent of https://docs.evt.land/api/react-hooks
+ * */
+export function useRerenderOnChange(obs) {
+    //NOTE: We use function in case the state is a function
+    const [, setCurrent] = useState(() => obs.current);
+    useObservable(({ registerSubscription }) => {
+        const subscription = obs.subscribe(current => setCurrent(() => current));
+        registerSubscription(subscription);
+    }, [obs]);
+}
+//# sourceMappingURL=useRerenderOnChange.js.map

package/tools/StatefulObservable/hooks/useRerenderOnChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRerenderOnChange.js","sourceRoot":"","sources":["../../../src/tools/StatefulObservable/hooks/useRerenderOnChange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC;;KAEK;AACL,MAAM,UAAU,mBAAmB,CAAC,GAAgC;IAChE,uDAAuD;IACvD,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEnD,aAAa,CACT,CAAC,EAAE,oBAAoB,EAAE,EAAE,EAAE;QACzB,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;QACzE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;AACN,CAAC"}

package/tools/StatefulObservable/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./StatefulObservable";
+export * from "./hooks";

package/tools/StatefulObservable/index.js

@@ -0,0 +1,3 @@
+export * from "./StatefulObservable";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/tools/StatefulObservable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tools/StatefulObservable/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC"}

package/tools/ValueOf.d.ts

@@ -0,0 +1,2 @@
+/** Pendant of `keyof T` */
+export type ValueOf<T> = T[keyof T];

package/tools/ValueOf.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ValueOf.js.map

package/tools/ValueOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueOf.js","sourceRoot":"","sources":["../src/tools/ValueOf.ts"],"names":[],"mappings":""}

package/tools/clsx.d.ts

@@ -1,2 +1,3 @@
-export type CxArg = undefined | null | string | boolean | Partial<Record<string, boolean | null | undefined>> | readonly CxArg[];
-export declare const clsx: (...args: CxArg[]) => string;
+import { type CxArg as CxArg_generic } from "./clsx_withTransform";
+export type CxArg = CxArg_generic<string>;
+export declare function clsx(...args: CxArg[]): string;

package/tools/clsx.js

@@ -1,42 +1,6 @@
-import { assert } from "tsafe/assert";
-import { typeGuard } from "tsafe/typeGuard";
-export const clsx = (...args) => {
-    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(...arg);
-                }
-                else {
-                    assert(!typeGuard(arg, false));
-                    toAdd = "";
-                    for (const k in arg) {
-                        if (arg[k] && k) {
-                            toAdd && (toAdd += " ");
-                            toAdd += k;
-                        }
-                    }
-                }
-                break;
-            }
-            default: {
-                toAdd = arg;
-            }
-        }
-        if (toAdd) {
-            cls && (cls += " ");
-            cls += toAdd;
-        }
-    }
-    return cls;
-};
+import { id } from "tsafe";
+import { clsx_withTransform } from "./clsx_withTransform";
+export function clsx(...args) {
+    return clsx_withTransform({ args, transform: id });
+}
 //# sourceMappingURL=clsx.js.map

package/tools/clsx.js.map

@@ -1 +1 @@
-{"version":3,"file":"clsx.js","sourceRoot":"","sources":["../src/tools/clsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,GAAG,IAAa,EAAU,EAAE;IAC7C,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,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;iBACxB;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,CAAW,CAAC,IAAI,CAAC,EAAE;4BACvB,KAAK,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;4BACxB,KAAK,IAAI,CAAC,CAAC;yBACd;qBACJ;iBACJ;gBACD,MAAM;aACT;YACD,OAAO,CAAC,CAAC;gBACL,KAAK,GAAG,GAAG,CAAC;aACf;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,CAAC"}
+{"version":3,"file":"clsx.js","sourceRoot":"","sources":["../src/tools/clsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAA+B,MAAM,sBAAsB,CAAC;AAIvF,MAAM,UAAU,IAAI,CAAC,GAAG,IAAa;IACjC,OAAO,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;AACvD,CAAC"}

package/tools/clsx_withTransform.d.ts

@@ -0,0 +1,5 @@
+export type CxArg<ClassName extends string = string> = undefined | null | ClassName | boolean | Partial<Record<ClassName, boolean | null | undefined>> | readonly CxArg<ClassName>[];
+export declare function clsx_withTransform(params: {
+    args: CxArg[];
+    transform: (arg: string) => string;
+}): string;