@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.1

package/SteppedProgress/presenters/SteppedProgressPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { ProgressItem, ProgressItemFormatter } from "../domains";
+import { ProgressItem, ProgressItemFormatter } from "../domains/index.js";
 class SteppedProgressPresenter {
   items = [];
   constructor() {

package/SteppedProgress/presenters/SteppedProgressPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ProgressItem","ProgressItemFormatter","SteppedProgressPresenter","items","constructor","init","params","map","item","create","vm","format"],"sources":["SteppedProgressPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    ProgressItem,\n    type ProgressItemParams,\n    ProgressItemFormatter,\n    type ProgressItemFormatted\n} from \"../domains\";\n\ninterface SteppedProgressPresenterParams {\n    items: ProgressItemParams[];\n}\n\ninterface ISteppedProgressPresenter {\n    vm: {\n        items: ProgressItemFormatted[];\n    };\n    init: (props: SteppedProgressPresenterParams) => void;\n}\n\nclass SteppedProgressPresenter implements ISteppedProgressPresenter {\n    private items: ProgressItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init(params: SteppedProgressPresenterParams) {\n        this.items = params.items.map(item => ProgressItem.create(item));\n    }\n\n    get vm() {\n        return {\n            items: this.items.map(item => ProgressItemFormatter.format(item))\n        };\n    }\n}\n\nexport { SteppedProgressPresenter, type SteppedProgressPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,YAAY,EAEZC,qBAAqB;AAezB,MAAMC,wBAAwB,CAAsC;EACxDC,KAAK,GAAmB,EAAE;EAElCC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAIA,CAACC,MAAsC,EAAE;IAChD,IAAI,CAACH,KAAK,GAAGG,MAAM,CAACH,KAAK,CAACI,GAAG,CAACC,IAAI,IAAIR,YAAY,CAACS,MAAM,CAACD,IAAI,CAAC,CAAC;EACpE;EAEA,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHP,KAAK,EAAE,IAAI,CAACA,KAAK,CAACI,GAAG,CAACC,IAAI,IAAIP,qBAAqB,CAACU,MAAM,CAACH,IAAI,CAAC;IACpE,CAAC;EACL;AACJ;AAEA,SAASN,wBAAwB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","ProgressItem","ProgressItemFormatter","SteppedProgressPresenter","items","constructor","init","params","map","item","create","vm","format"],"sources":["SteppedProgressPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    ProgressItem,\n    type ProgressItemParams,\n    ProgressItemFormatter,\n    type ProgressItemFormatted\n} from \"../domains/index.js\";\n\ninterface SteppedProgressPresenterParams {\n    items: ProgressItemParams[];\n}\n\ninterface ISteppedProgressPresenter {\n    vm: {\n        items: ProgressItemFormatted[];\n    };\n    init: (props: SteppedProgressPresenterParams) => void;\n}\n\nclass SteppedProgressPresenter implements ISteppedProgressPresenter {\n    private items: ProgressItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init(params: SteppedProgressPresenterParams) {\n        this.items = params.items.map(item => ProgressItem.create(item));\n    }\n\n    get vm() {\n        return {\n            items: this.items.map(item => ProgressItemFormatter.format(item))\n        };\n    }\n}\n\nexport { SteppedProgressPresenter, type SteppedProgressPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,YAAY,EAEZC,qBAAqB;AAezB,MAAMC,wBAAwB,CAAsC;EACxDC,KAAK,GAAmB,EAAE;EAElCC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAIA,CAACC,MAAsC,EAAE;IAChD,IAAI,CAACH,KAAK,GAAGG,MAAM,CAACH,KAAK,CAACI,GAAG,CAACC,IAAI,IAAIR,YAAY,CAACS,MAAM,CAACD,IAAI,CAAC,CAAC;EACpE;EAEA,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHP,KAAK,EAAE,IAAI,CAACA,KAAK,CAACI,GAAG,CAACC,IAAI,IAAIP,qBAAqB,CAACU,MAAM,CAACH,IAAI,CAAC;IACpE,CAAC;EACL;AACJ;AAEA,SAASN,wBAAwB","ignoreList":[]}

package/SteppedProgress/presenters/SteppedProgressPresenter.test.js

@@ -1,5 +1,6 @@
-import { SteppedProgressPresenter } from "./SteppedProgressPresenter";
-import { ProgressItemState } from "../domains";
+import { SteppedProgressPresenter } from "./SteppedProgressPresenter.js";
+import { ProgressItemState } from "../domains/index.js";
+import { describe, expect, it } from "vitest";
 describe("SteppedProgressPresenter", () => {
   it("should return the compatible `vm` based on props", () => {
     const presenter = new SteppedProgressPresenter();

package/SteppedProgress/presenters/SteppedProgressPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["SteppedProgressPresenter","ProgressItemState","describe","it","presenter","init","items","label","expect","vm","toEqual","id","any","String","disabled","errored","state","IDLE","IN_PROGRESS"],"sources":["SteppedProgressPresenter.test.ts"],"sourcesContent":["import { SteppedProgressPresenter } from \"./SteppedProgressPresenter\";\nimport { ProgressItemState } from \"../domains\";\n\ndescribe(\"SteppedProgressPresenter\", () => {\n    it(\"should return the compatible `vm` based on props\", () => {\n        const presenter = new SteppedProgressPresenter();\n\n        // `items`\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\"\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: false,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` disabled\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        disabled: true\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: true,\n                    errored: false,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` errored\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        errored: true\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: true,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` state\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        state: ProgressItemState.IN_PROGRESS\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: false,\n                    state: ProgressItemState.IN_PROGRESS\n                }\n            ]);\n        }\n    });\n});\n"],"mappings":"AAAA,SAASA,wBAAwB;AACjC,SAASC,iBAAiB;AAE1BC,QAAQ,CAAC,0BAA0B,EAAE,MAAM;EACvCC,EAAE,CAAC,kDAAkD,EAAE,MAAM;IACzD,MAAMC,SAAS,GAAG,IAAIJ,wBAAwB,CAAC,CAAC;;IAEhD;IACA;MACII,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE;QACX,CAAC;MAET,CAAC,CAAC;MAEFC,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAEH,MAAM,CAACI,GAAG,CAACC,MAAM,CAAC;QACtBN,KAAK,EAAE,QAAQ;QACfO,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIb,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfO,QAAQ,EAAE;QACd,CAAC;MAET,CAAC,CAAC;MAEFN,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAEH,MAAM,CAACI,GAAG,CAACC,MAAM,CAAC;QACtBN,KAAK,EAAE,QAAQ;QACfO,QAAQ,EAAE,IAAI;QACdC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIb,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfQ,OAAO,EAAE;QACb,CAAC;MAET,CAAC,CAAC;MAEFP,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAEH,MAAM,CAACI,GAAG,CAACC,MAAM,CAAC;QACtBN,KAAK,EAAE,QAAQ;QACfO,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIb,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfS,KAAK,EAAEf,iBAAiB,CAACiB;QAC7B,CAAC;MAET,CAAC,CAAC;MAEFV,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAEH,MAAM,CAACI,GAAG,CAACC,MAAM,CAAC;QACtBN,KAAK,EAAE,QAAQ;QACfO,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACiB;MAC7B,CAAC,CACJ,CAAC;IACN;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["SteppedProgressPresenter","ProgressItemState","describe","expect","it","presenter","init","items","label","vm","toEqual","id","any","String","disabled","errored","state","IDLE","IN_PROGRESS"],"sources":["SteppedProgressPresenter.test.ts"],"sourcesContent":["import { SteppedProgressPresenter } from \"./SteppedProgressPresenter.js\";\nimport { ProgressItemState } from \"../domains/index.js\";\nimport { describe, expect, it } from \"vitest\";\n\ndescribe(\"SteppedProgressPresenter\", () => {\n    it(\"should return the compatible `vm` based on props\", () => {\n        const presenter = new SteppedProgressPresenter();\n\n        // `items`\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\"\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: false,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` disabled\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        disabled: true\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: true,\n                    errored: false,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` errored\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        errored: true\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: true,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` state\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        state: ProgressItemState.IN_PROGRESS\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: false,\n                    state: ProgressItemState.IN_PROGRESS\n                }\n            ]);\n        }\n    });\n});\n"],"mappings":"AAAA,SAASA,wBAAwB;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7CF,QAAQ,CAAC,0BAA0B,EAAE,MAAM;EACvCE,EAAE,CAAC,kDAAkD,EAAE,MAAM;IACzD,MAAMC,SAAS,GAAG,IAAIL,wBAAwB,CAAC,CAAC;;IAEhD;IACA;MACIK,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE;QACX,CAAC;MAET,CAAC,CAAC;MAEFL,MAAM,CAACE,SAAS,CAACI,EAAE,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;QACtBL,KAAK,EAAE,QAAQ;QACfM,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIZ,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfM,QAAQ,EAAE;QACd,CAAC;MAET,CAAC,CAAC;MAEFX,MAAM,CAACE,SAAS,CAACI,EAAE,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;QACtBL,KAAK,EAAE,QAAQ;QACfM,QAAQ,EAAE,IAAI;QACdC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIZ,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfO,OAAO,EAAE;QACb,CAAC;MAET,CAAC,CAAC;MAEFZ,MAAM,CAACE,SAAS,CAACI,EAAE,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;QACtBL,KAAK,EAAE,QAAQ;QACfM,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIZ,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfQ,KAAK,EAAEf,iBAAiB,CAACiB;QAC7B,CAAC;MAET,CAAC,CAAC;MAEFf,MAAM,CAACE,SAAS,CAACI,EAAE,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;QACtBL,KAAK,EAAE,QAAQ;QACfM,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACiB;MAC7B,CAAC,CACJ,CAAC;IACN;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/SteppedProgress/presenters/index.d.ts

@@ -1 +1 @@
-export * from "./SteppedProgressPresenter";
+export * from "./SteppedProgressPresenter.js";

package/SteppedProgress/presenters/index.js

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

package/SteppedProgress/presenters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SteppedProgressPresenter\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SteppedProgressPresenter.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/SteppedProgress/useSteppedProgress.d.ts

@@ -1,6 +1,6 @@
-import type { SteppedProgressProps } from "./SteppedProgress";
+import type { SteppedProgressProps } from "./SteppedProgress.js";
 export declare const useSteppedProgress: (props: SteppedProgressProps) => {
     vm: {
-        items: import("./domains").ProgressItemFormatted[];
+        items: import("./index.js").ProgressItemFormatted[];
     };
 };

package/SteppedProgress/useSteppedProgress.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { SteppedProgressPresenter } from "./presenters";
+import { SteppedProgressPresenter } from "./presenters/index.js";
 export const useSteppedProgress = props => {
   const params = useMemo(() => ({
     items: props.items

package/SteppedProgress/useSteppedProgress.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SteppedProgressPresenter","useSteppedProgress","props","params","items","presenter","init","vm","setVm"],"sources":["useSteppedProgress.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { SteppedProgressPresenter, type SteppedProgressPresenterParams } from \"./presenters\";\nimport type { SteppedProgressProps } from \"./SteppedProgress\";\n\nexport const useSteppedProgress = (props: SteppedProgressProps) => {\n    const params: SteppedProgressPresenterParams = useMemo(\n        () => ({\n            items: props.items\n        }),\n        [props.items]\n    );\n\n    const presenter = useMemo(() => {\n        return new SteppedProgressPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,wBAAwB;AAGjC,OAAO,MAAMC,kBAAkB,GAAIC,KAA2B,IAAK;EAC/D,MAAMC,MAAsC,GAAGN,OAAO,CAClD,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE;EACjB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,KAAK,CAChB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,wBAAwB,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAENJ,SAAS,CAAC,MAAM;IACZS,SAAS,CAACC,IAAI,CAACH,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAGV,QAAQ,CAACO,SAAS,CAACE,EAAE,CAAC;EAE1CX,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBS,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE;EAAG,CAAC;AACjB,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SteppedProgressPresenter","useSteppedProgress","props","params","items","presenter","init","vm","setVm"],"sources":["useSteppedProgress.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    SteppedProgressPresenter,\n    type SteppedProgressPresenterParams\n} from \"./presenters/index.js\";\nimport type { SteppedProgressProps } from \"./SteppedProgress.js\";\n\nexport const useSteppedProgress = (props: SteppedProgressProps) => {\n    const params: SteppedProgressPresenterParams = useMemo(\n        () => ({\n            items: props.items\n        }),\n        [props.items]\n    );\n\n    const presenter = useMemo(() => {\n        return new SteppedProgressPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,wBAAwB;AAK5B,OAAO,MAAMC,kBAAkB,GAAIC,KAA2B,IAAK;EAC/D,MAAMC,MAAsC,GAAGN,OAAO,CAClD,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE;EACjB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,KAAK,CAChB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,wBAAwB,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAENJ,SAAS,CAAC,MAAM;IACZS,SAAS,CAACC,IAAI,CAACH,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAGV,QAAQ,CAACO,SAAS,CAACE,EAAE,CAAC;EAE1CX,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBS,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE;EAAG,CAAC;AACjB,CAAC","ignoreList":[]}

package/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { SwitchPrimitiveProps } from "./primitives";
-import type { FormComponentProps } from "../FormComponent";
+import type { SwitchPrimitiveProps } from "./primitives/index.js";
+import type { FormComponentProps } from "../FormComponent/index.js";
 type SwitchProps = SwitchPrimitiveProps & FormComponentProps;
 declare const Switch: (({ note, validation, ...props }: SwitchProps) => React.JSX.Element) & {
     original: ({ note, validation, ...props }: SwitchProps) => React.JSX.Element;
@@ -15,7 +15,7 @@ declare const Switch: (({ note, validation, ...props }: SwitchProps) => React.JS
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ note, validation, ...props }: SwitchProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ note, validation, ...props }: SwitchProps) => React.JSX.Element) & {
         original: ({ note, validation, ...props }: SwitchProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Switch/Switch.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
-import { makeDecoratable } from "../utils";
-import { SwitchPrimitive } from "./primitives";
-import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent";
+import { makeDecoratable } from "../utils.js";
+import { SwitchPrimitive } from "./primitives/index.js";
+import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent/index.js";
 const DecoratableSwitch = ({
   note,
   validation,
@@ -13,7 +13,7 @@ const DecoratableSwitch = ({
   } = validation || {};
   const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(SwitchPrimitive, Object.assign({}, props, {
     disabled: props.disabled
   })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {

package/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","SwitchPrimitive","FormComponentErrorMessage","FormComponentNote","DecoratableSwitch","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","Object","assign","disabled","text","Switch"],"sources":["Switch.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { SwitchPrimitiveProps } from \"./primitives\";\nimport { SwitchPrimitive } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent\";\n\ntype SwitchProps = SwitchPrimitiveProps & FormComponentProps;\n\nconst DecoratableSwitch = ({ note, validation, ...props }: SwitchProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <SwitchPrimitive {...props} disabled={props.disabled} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst Switch = makeDecoratable(\"Switch\", DecoratableSwitch);\n\nexport { Switch };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,eAAe;AAExB,SAASC,yBAAyB,EAAEC,iBAAiB;AAIrD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACvE,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGb,OAAO,CAAC,MAAMU,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIX,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBhB,KAAA,CAAAe,aAAA,CAACZ,eAAe,EAAAc,MAAA,CAAAC,MAAA,KAAKT,KAAK;IAAEU,QAAQ,EAAEV,KAAK,CAACU;EAAS,EAAE,CAAC,eACxDnB,KAAA,CAAAe,aAAA,CAACX,yBAAyB;IACtBgB,IAAI,EAAEP,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAC5B,CAAC,eACFnB,KAAA,CAAAe,aAAA,CAACV,iBAAiB;IAACe,IAAI,EAAEb,IAAK;IAACY,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAME,MAAM,GAAGnB,eAAe,CAAC,QAAQ,EAAEI,iBAAiB,CAAC;AAE3D,SAASe,MAAM","ignoreList":[]}
+{"version":3,"names":["React","useMemo","makeDecoratable","SwitchPrimitive","FormComponentErrorMessage","FormComponentNote","DecoratableSwitch","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","Object","assign","disabled","text","Switch"],"sources":["Switch.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { SwitchPrimitiveProps } from \"./primitives/index.js\";\nimport { SwitchPrimitive } from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent/index.js\";\n\ntype SwitchProps = SwitchPrimitiveProps & FormComponentProps;\n\nconst DecoratableSwitch = ({ note, validation, ...props }: SwitchProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <SwitchPrimitive {...props} disabled={props.disabled} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst Switch = makeDecoratable(\"Switch\", DecoratableSwitch);\n\nexport { Switch };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,eAAe;AAExB,SAASC,yBAAyB,EAAEC,iBAAiB;AAIrD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACvE,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGb,OAAO,CAAC,MAAMU,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIX,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBhB,KAAA,CAAAe,aAAA,CAACZ,eAAe,EAAAc,MAAA,CAAAC,MAAA,KAAKT,KAAK;IAAEU,QAAQ,EAAEV,KAAK,CAACU;EAAS,EAAE,CAAC,eACxDnB,KAAA,CAAAe,aAAA,CAACX,yBAAyB;IACtBgB,IAAI,EAAEP,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAC5B,CAAC,eACFnB,KAAA,CAAAe,aAAA,CAACV,iBAAiB;IAACe,IAAI,EAAEb,IAAK;IAACY,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAME,MAAM,GAAGnB,eAAe,CAAC,QAAQ,EAAEI,iBAAiB,CAAC;AAE3D,SAASe,MAAM","ignoreList":[]}

package/Switch/Switch.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as SwitchStories from './Switch.stories';
 
@@ -95,4 +95,4 @@ const SwitchExample = () => {
 };
 
 export default SwitchExample;
-```
+```

package/Switch/Switch.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Switch } from "./";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Switch } from "../Switch/index.js";
 declare const meta: Meta<typeof Switch>;
 export default meta;
 type Story = StoryObj<typeof Switch>;

package/Switch/Switch.stories.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
-import { Switch } from "./";
-import { Tooltip } from "../Tooltip";
+import { Switch } from "./index.js";
+import { Tooltip } from "../Tooltip/index.js";
 const meta = {
   title: "Components/Form/Switch",
   component: Switch,
@@ -159,12 +159,10 @@ export const Documentation = {
       control: "text"
     },
     validation: {
-      description: "Object containing validation state and message. Please refer to the example code for details on usage.",
-      control: "none"
+      description: "Object containing validation state and message. Please refer to the example code for details on usage."
     },
     onChange: {
-      description: "Function called when the switch state changes",
-      control: "none"
+      description: "Function called when the switch state changes"
     }
   }
 };

package/Switch/Switch.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","Switch","Tooltip","meta","title","component","parameters","layout","argTypes","disabled","control","defaultValue","decorators","Story","createElement","Provider","render","args","checked","setChecked","Object","assign","onChange","value","Default","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","handleChange","isChecked","undefined"],"sources":["Switch.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Switch } from \"~/Switch\";\nimport { Tooltip } from \"~/Tooltip\";\n\nconst meta: Meta<typeof Switch> = {\n    title: \"Components/Form/Switch\",\n    component: Switch,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ],\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return <Switch {...args} checked={checked} onChange={value => setChecked(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Switch>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [checked, setChecked] = useState(args.checked || false);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update checked state when args.checked changes\n        useEffect(() => {\n            setChecked(args.checked || false);\n        }, [args.checked]);\n\n        const handleChange = (isChecked: boolean) => {\n            setChecked(isChecked);\n\n            // Simple required validation\n            if (args.required && !isChecked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change\n        useEffect(() => {\n            if (args.required && !checked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, checked]);\n\n        return (\n            <Switch\n                {...args}\n                checked={checked}\n                onChange={handleChange}\n                validation={validation}\n                required={args.required}\n            />\n        );\n    },\n    args: {\n        label: \"Enable feature\",\n        checked: false,\n        disabled: false,\n        required: true,\n        description: \"Enabling this feature will activate additional functionality.\",\n        note: \"Note: This setting can be changed at any time.\",\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the switch\",\n            control: \"text\"\n        },\n        checked: {\n            description: \"Determines if the switch is checked\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the switch when set to true\",\n            control: \"boolean\"\n        },\n        required: {\n            description: \"Makes the switch required when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the switch\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the switch\",\n            control: \"text\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\",\n            control: \"none\"\n        },\n        onChange: {\n            description: \"Function called when the switch state changes\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","Switch","Tooltip","meta","title","component","parameters","layout","argTypes","disabled","control","defaultValue","decorators","Story","createElement","Provider","render","args","checked","setChecked","Object","assign","onChange","value","Default","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","handleChange","isChecked","undefined"],"sources":["Switch.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Switch } from \"~/Switch/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\n\nconst meta: Meta<typeof Switch> = {\n    title: \"Components/Form/Switch\",\n    component: Switch,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ],\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return <Switch {...args} checked={checked} onChange={value => setChecked(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Switch>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [checked, setChecked] = useState(args.checked || false);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update checked state when args.checked changes\n        useEffect(() => {\n            setChecked(args.checked || false);\n        }, [args.checked]);\n\n        const handleChange = (isChecked: boolean) => {\n            setChecked(isChecked);\n\n            // Simple required validation\n            if (args.required && !isChecked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change\n        useEffect(() => {\n            if (args.required && !checked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, checked]);\n\n        return (\n            <Switch\n                {...args}\n                checked={checked}\n                onChange={handleChange}\n                validation={validation}\n                required={args.required}\n            />\n        );\n    },\n    args: {\n        label: \"Enable feature\",\n        checked: false,\n        disabled: false,\n        required: true,\n        description: \"Enabling this feature will activate additional functionality.\",\n        note: \"Note: This setting can be changed at any time.\",\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the switch\",\n            control: \"text\"\n        },\n        checked: {\n            description: \"Determines if the switch is checked\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the switch when set to true\",\n            control: \"boolean\"\n        },\n        required: {\n            description: \"Makes the switch required when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the switch\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the switch\",\n            control: \"text\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onChange: {\n            description: \"Function called when the switch state changes\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Switch/domains/SwitchItem.d.ts

@@ -1,4 +1,4 @@
-import type { SwitchItemDto } from "./SwitchItemDto";
+import type { SwitchItemDto } from "./SwitchItemDto.js";
 export declare class SwitchItem {
     private readonly _id;
     private readonly _label;

package/Switch/domains/SwitchItem.js

@@ -1,4 +1,4 @@
-import { generateId } from "../../utils";
+import { generateId } from "../../utils.js";
 export class SwitchItem {
   constructor(data) {
     this._id = data.id;

package/Switch/domains/SwitchItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","SwitchItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_disabled","disabled","create","Boolean"],"sources":["SwitchItem.ts"],"sourcesContent":["import type { SwitchItemDto } from \"./SwitchItemDto\";\nimport { generateId } from \"~/utils\";\n\nexport class SwitchItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _checked: boolean;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: any;\n        checked: boolean;\n        disabled: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._checked = data.checked;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: SwitchItemDto): SwitchItem {\n        return new SwitchItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            checked: data.checked ?? Boolean(data.value),\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get checked() {\n        return this._checked;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,UAAU,CAAC;EAOVC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,SAAS,GAAGT,IAAI,CAACU,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACX,IAAmB,EAAc;IAC3C,OAAO,IAAIF,UAAU,CAAC;MAClBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAER,IAAI,CAACQ,OAAO,IAAII,OAAO,CAACZ,IAAI,CAACM,KAAK,CAAC;MAC5CI,QAAQ,EAAEV,IAAI,CAACU,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIR,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}
+{"version":3,"names":["generateId","SwitchItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_disabled","disabled","create","Boolean"],"sources":["SwitchItem.ts"],"sourcesContent":["import type { SwitchItemDto } from \"./SwitchItemDto.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class SwitchItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _checked: boolean;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: any;\n        checked: boolean;\n        disabled: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._checked = data.checked;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: SwitchItemDto): SwitchItem {\n        return new SwitchItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            checked: data.checked ?? Boolean(data.value),\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get checked() {\n        return this._checked;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,UAAU,CAAC;EAOVC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,SAAS,GAAGT,IAAI,CAACU,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACX,IAAmB,EAAc;IAC3C,OAAO,IAAIF,UAAU,CAAC;MAClBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAER,IAAI,CAACQ,OAAO,IAAII,OAAO,CAACZ,IAAI,CAACM,KAAK,CAAC;MAC5CI,QAAQ,EAAEV,IAAI,CAACU,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIR,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}

package/Switch/domains/SwitchItemMapper.d.ts

@@ -1,5 +1,5 @@
-import type { SwitchItemFormatted } from "./SwitchItemFormatted";
-import type { SwitchItem } from "./SwitchItem";
+import type { SwitchItemFormatted } from "./SwitchItemFormatted.js";
+import type { SwitchItem } from "./SwitchItem.js";
 export declare class SwitchItemMapper {
     static toFormatted(item: SwitchItem): SwitchItemFormatted;
 }

package/Switch/domains/SwitchItemMapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["SwitchItemMapper","toFormatted","item","id","label","value","checked","disabled"],"sources":["SwitchItemMapper.ts"],"sourcesContent":["import type { SwitchItemFormatted } from \"./SwitchItemFormatted\";\nimport type { SwitchItem } from \"./SwitchItem\";\n\nexport class SwitchItemMapper {\n    static toFormatted(item: SwitchItem): SwitchItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            checked: item.checked,\n            disabled: item.disabled\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAAC;EAC1B,OAAOC,WAAWA,CAACC,IAAgB,EAAuB;IACtD,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,QAAQ,EAAEL,IAAI,CAACK;IACnB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["SwitchItemMapper","toFormatted","item","id","label","value","checked","disabled"],"sources":["SwitchItemMapper.ts"],"sourcesContent":["import type { SwitchItemFormatted } from \"./SwitchItemFormatted.js\";\nimport type { SwitchItem } from \"./SwitchItem.js\";\n\nexport class SwitchItemMapper {\n    static toFormatted(item: SwitchItem): SwitchItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            checked: item.checked,\n            disabled: item.disabled\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAAC;EAC1B,OAAOC,WAAWA,CAACC,IAAgB,EAAuB;IACtD,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,QAAQ,EAAEL,IAAI,CAACK;IACnB,CAAC;EACL;AACJ","ignoreList":[]}

package/Switch/domains/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./SwitchItem";
-export * from "./SwitchItemDto";
-export * from "./SwitchItemFormatted";
-export * from "./SwitchItemMapper";
+export * from "./SwitchItem.js";
+export type * from "./SwitchItemDto.js";
+export type * from "./SwitchItemFormatted.js";
+export * from "./SwitchItemMapper.js";

package/Switch/domains/index.js

@@ -1,6 +1,4 @@
-export * from "./SwitchItem";
-export * from "./SwitchItemDto";
-export * from "./SwitchItemFormatted";
-export * from "./SwitchItemMapper";
+export * from "./SwitchItem.js";
+export * from "./SwitchItemMapper.js";
 
 //# sourceMappingURL=index.js.map

package/Switch/domains/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SwitchItem\";\nexport * from \"./SwitchItemDto\";\nexport * from \"./SwitchItemFormatted\";\nexport * from \"./SwitchItemMapper\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SwitchItem.js\";\nexport type * from \"./SwitchItemDto.js\";\nexport type * from \"./SwitchItemFormatted.js\";\nexport * from \"./SwitchItemMapper.js\";\n"],"mappings":"AAAA;AAGA","ignoreList":[]}

package/Switch/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Switch";
-export * from "./primitives";
+export * from "./Switch.js";
+export * from "./primitives/index.js";

package/Switch/index.js

@@ -1,4 +1,4 @@
-export * from "./Switch";
-export * from "./primitives";
+export * from "./Switch.js";
+export * from "./primitives/index.js";
 
 //# sourceMappingURL=index.js.map

package/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Switch\";\nexport * from \"./primitives\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Switch.js\";\nexport * from \"./primitives/index.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/Switch/primitives/SwitchPrimitive.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { Switch as SwitchPrimitives } from "radix-ui";
-import { type VariantProps } from "../../utils";
-import type { SwitchItemDto, SwitchItemFormatted } from "../domains";
+import { type VariantProps } from "../../utils.js";
+import type { SwitchItemDto, SwitchItemFormatted } from "../domains/index.js";
 /**
  * Switch Renderer
  */
 declare const switchVariants: (props?: ({
     labelPosition?: "end" | "start" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 type SwitchPrimitiveProps = Omit<SwitchPrimitives.SwitchProps, "defaultChecked" | "onCheckedChange" | "onChange"> & VariantProps<typeof switchVariants> & SwitchItemDto & {
     onChange?: (checked: boolean) => void;
 };
@@ -27,7 +27,7 @@ declare const SwitchPrimitive: ((props: SwitchPrimitiveProps) => React.JSX.Eleme
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SwitchPrimitiveProps) => React.JSX.Element | null) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SwitchPrimitiveProps) => React.JSX.Element | null) & {
         original: (props: SwitchPrimitiveProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;

package/Switch/primitives/SwitchPrimitive.js

@@ -1,17 +1,17 @@
 import * as React from "react";
 import { Switch as SwitchPrimitives } from "radix-ui";
-import { cn, cva, makeDecoratable } from "../../utils";
-import { Label } from "../../Label";
-import { useSwitch } from "./useSwitch";
+import { cn, cva, makeDecoratable } from "../../utils.js";
+import { Label } from "../../Label/index.js";
+import { useSwitch } from "./useSwitch.js";
 /**
  * Switch Renderer
  */
 
-const switchVariants = cva("wby-inline-flex wby-items-start wby-space-x-sm", {
+const switchVariants = cva("inline-flex items-start space-x-sm", {
   variants: {
     labelPosition: {
       start: "",
-      end: "wby-flex-row-reverse wby-space-x-sm-extra wby-space-x-reverse"
+      end: "flex-row-reverse space-x-sm-extra space-x-reverse"
     }
   },
   defaultVariants: {
@@ -40,15 +40,15 @@ const SwitchRenderer = ({
     required: required,
     hint: description,
     weight: "light",
-    className: "wby-text-md"
+    className: "text-md"
   }), /*#__PURE__*/React.createElement(SwitchPrimitives.Root, {
     id: id,
     checked: checked,
-    className: cn(["wby-peer wby-inline-flex wby-h-md wby-w-[26px] wby-mt-xxs wby-shrink-0 wby-cursor-pointer wby-items-center wby-rounded-xxl wby-border-sm wby-transition-colors", "wby-border-transparent data-[state=checked]:wby-bg-secondary-default data-[state=unchecked]:wby-bg-neutral-strong", "focus-visible:wby-outline-none focus-visible:wby-border-success-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed", "disabled:wby-cursor-not-allowed disabled:wby-bg-neutral-muted disabled:data-[state=checked]:wby-bg-neutral-muted"]),
+    className: cn(["peer inline-flex h-md w-[26px] mt-xxs shrink-0 cursor-pointer items-center rounded-xxl border-sm transition-colors", "border-transparent data-[state=checked]:bg-secondary data-[state=unchecked]:bg-neutral-strong", "focus-visible:outline-none focus-visible:border-success focus-visible:ring-lg focus-visible:ring-primary-dimmed", "disabled:cursor-not-allowed disabled:bg-neutral-muted disabled:data-[state=checked]:bg-neutral-muted"]),
     disabled: disabled,
     onCheckedChange: changeChecked
   }, /*#__PURE__*/React.createElement(SwitchPrimitives.Thumb, {
-    className: cn("wby-pointer-events-none wby-block wby-h-sm-plus wby-w-sm-plus wby-rounded-xxl wby-bg-neutral-base wby-shadow-lg wby-ring-0 wby-transition-transform data-[state=checked]:wby-translate-x-sm-extra data-[state=unchecked]:wby-translate-x-xxs")
+    className: cn("pointer-events-none block h-sm-plus w-sm-plus rounded-xxl bg-neutral-base shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-sm-extra data-[state=unchecked]:translate-x-xxs")
   })));
 };
 

package/Switch/primitives/SwitchPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Switch","SwitchPrimitives","cn","cva","makeDecoratable","Label","useSwitch","switchVariants","variants","labelPosition","start","end","defaultVariants","SwitchRenderer","id","label","changeChecked","description","className","disabled","required","checked","createElement","htmlFor","text","hint","weight","Root","onCheckedChange","Thumb","DecoratableSwitchPrimitive","props","vm","item","Object","assign","SwitchPrimitive"],"sources":["SwitchPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Switch as SwitchPrimitives } from \"radix-ui\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\nimport { Label } from \"~/Label\";\nimport { useSwitch } from \"./useSwitch\";\nimport type { SwitchItemDto, SwitchItemFormatted } from \"../domains\";\n\n/**\n * Switch Renderer\n */\n\nconst switchVariants = cva(\"wby-inline-flex wby-items-start wby-space-x-sm\", {\n    variants: {\n        labelPosition: {\n            start: \"\",\n            end: \"wby-flex-row-reverse wby-space-x-sm-extra wby-space-x-reverse\"\n        }\n    },\n    defaultVariants: {\n        labelPosition: \"start\"\n    }\n});\n\ntype SwitchPrimitiveProps = Omit<\n    SwitchPrimitives.SwitchProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof switchVariants> &\n    SwitchItemDto & {\n        onChange?: (checked: boolean) => void;\n    };\n\ntype SwitchPrimitivVm = {\n    item?: SwitchItemFormatted;\n};\n\ntype SwitchRendererProps = Omit<SwitchPrimitiveProps, \"onCheckedChange\"> &\n    NonNullable<SwitchPrimitivVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        description?: React.ReactNode;\n    };\n\nconst SwitchRenderer = ({\n    id,\n    label,\n    changeChecked,\n    description,\n    className,\n    labelPosition,\n    disabled,\n    required,\n    checked\n}: SwitchRendererProps) => {\n    return (\n        <div className={cn(switchVariants({ labelPosition }), className)}>\n            <Label\n                htmlFor={id}\n                text={label}\n                disabled={disabled}\n                required={required}\n                hint={description}\n                weight={\"light\"}\n                className={\"wby-text-md\"}\n            />\n            <SwitchPrimitives.Root\n                id={id}\n                checked={checked}\n                className={cn([\n                    \"wby-peer wby-inline-flex wby-h-md wby-w-[26px] wby-mt-xxs wby-shrink-0 wby-cursor-pointer wby-items-center wby-rounded-xxl wby-border-sm wby-transition-colors\",\n                    \"wby-border-transparent data-[state=checked]:wby-bg-secondary-default data-[state=unchecked]:wby-bg-neutral-strong\",\n                    \"focus-visible:wby-outline-none focus-visible:wby-border-success-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\",\n                    \"disabled:wby-cursor-not-allowed disabled:wby-bg-neutral-muted disabled:data-[state=checked]:wby-bg-neutral-muted\"\n                ])}\n                disabled={disabled}\n                onCheckedChange={changeChecked}\n            >\n                <SwitchPrimitives.Thumb\n                    className={cn(\n                        \"wby-pointer-events-none wby-block wby-h-sm-plus wby-w-sm-plus wby-rounded-xxl wby-bg-neutral-base wby-shadow-lg wby-ring-0 wby-transition-transform data-[state=checked]:wby-translate-x-sm-extra data-[state=unchecked]:wby-translate-x-xxs\"\n                    )}\n                />\n            </SwitchPrimitives.Root>\n        </div>\n    );\n};\n\n/**\n * Switch\n */\nconst DecoratableSwitchPrimitive = (props: SwitchPrimitiveProps) => {\n    const { vm, changeChecked } = useSwitch(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <SwitchRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst SwitchPrimitive = makeDecoratable(\"SwitchPrimitive\", DecoratableSwitchPrimitive);\n\nexport { SwitchPrimitive, type SwitchPrimitiveProps, type SwitchPrimitivVm };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,KAAK;AACd,SAASC,SAAS;AAGlB;AACA;AACA;;AAEA,MAAMC,cAAc,GAAGJ,GAAG,CAAC,gDAAgD,EAAE;EACzEK,QAAQ,EAAE;IACNC,aAAa,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE;IACT;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC;AAqBF,MAAMI,cAAc,GAAGA,CAAC;EACpBC,EAAE;EACFC,KAAK;EACLC,aAAa;EACbC,WAAW;EACXC,SAAS;EACTT,aAAa;EACbU,QAAQ;EACRC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,oBACItB,KAAA,CAAAuB,aAAA;IAAKJ,SAAS,EAAEhB,EAAE,CAACK,cAAc,CAAC;MAAEE;IAAc,CAAC,CAAC,EAAES,SAAS;EAAE,gBAC7DnB,KAAA,CAAAuB,aAAA,CAACjB,KAAK;IACFkB,OAAO,EAAET,EAAG;IACZU,IAAI,EAAET,KAAM;IACZI,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBK,IAAI,EAAER,WAAY;IAClBS,MAAM,EAAE,OAAQ;IAChBR,SAAS,EAAE;EAAc,CAC5B,CAAC,eACFnB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC0B,IAAI;IAClBb,EAAE,EAAEA,EAAG;IACPO,OAAO,EAAEA,OAAQ;IACjBH,SAAS,EAAEhB,EAAE,CAAC,CACV,gKAAgK,EAChK,mHAAmH,EACnH,yIAAyI,EACzI,kHAAkH,CACrH,CAAE;IACHiB,QAAQ,EAAEA,QAAS;IACnBS,eAAe,EAAEZ;EAAc,gBAE/BjB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC4B,KAAK;IACnBX,SAAS,EAAEhB,EAAE,CACT,8OACJ;EAAE,CACL,CACkB,CACtB,CAAC;AAEd,CAAC;;AAED;AACA;AACA;AACA,MAAM4B,0BAA0B,GAAIC,KAA2B,IAAK;EAChE,MAAM;IAAEC,EAAE;IAAEhB;EAAc,CAAC,GAAGV,SAAS,CAACyB,KAAK,CAAC;EAE9C,IAAI,CAACC,EAAE,CAACC,IAAI,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOlC,KAAA,CAAAuB,aAAA,CAACT,cAAc,EAAAqB,MAAA,CAAAC,MAAA,KAAKJ,KAAK,EAAMC,EAAE,CAACC,IAAI;IAAEjB,aAAa,EAAEA;EAAc,EAAE,CAAC;AACnF,CAAC;AACD,MAAMoB,eAAe,GAAGhC,eAAe,CAAC,iBAAiB,EAAE0B,0BAA0B,CAAC;AAEtF,SAASM,eAAe","ignoreList":[]}
+{"version":3,"names":["React","Switch","SwitchPrimitives","cn","cva","makeDecoratable","Label","useSwitch","switchVariants","variants","labelPosition","start","end","defaultVariants","SwitchRenderer","id","label","changeChecked","description","className","disabled","required","checked","createElement","htmlFor","text","hint","weight","Root","onCheckedChange","Thumb","DecoratableSwitchPrimitive","props","vm","item","Object","assign","SwitchPrimitive"],"sources":["SwitchPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Switch as SwitchPrimitives } from \"radix-ui\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\nimport { Label } from \"~/Label/index.js\";\nimport { useSwitch } from \"./useSwitch.js\";\nimport type { SwitchItemDto, SwitchItemFormatted } from \"../domains/index.js\";\n\n/**\n * Switch Renderer\n */\n\nconst switchVariants = cva(\"inline-flex items-start space-x-sm\", {\n    variants: {\n        labelPosition: {\n            start: \"\",\n            end: \"flex-row-reverse space-x-sm-extra space-x-reverse\"\n        }\n    },\n    defaultVariants: {\n        labelPosition: \"start\"\n    }\n});\n\ntype SwitchPrimitiveProps = Omit<\n    SwitchPrimitives.SwitchProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof switchVariants> &\n    SwitchItemDto & {\n        onChange?: (checked: boolean) => void;\n    };\n\ntype SwitchPrimitivVm = {\n    item?: SwitchItemFormatted;\n};\n\ntype SwitchRendererProps = Omit<SwitchPrimitiveProps, \"onCheckedChange\"> &\n    NonNullable<SwitchPrimitivVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        description?: React.ReactNode;\n    };\n\nconst SwitchRenderer = ({\n    id,\n    label,\n    changeChecked,\n    description,\n    className,\n    labelPosition,\n    disabled,\n    required,\n    checked\n}: SwitchRendererProps) => {\n    return (\n        <div className={cn(switchVariants({ labelPosition }), className)}>\n            <Label\n                htmlFor={id}\n                text={label}\n                disabled={disabled}\n                required={required}\n                hint={description}\n                weight={\"light\"}\n                className={\"text-md\"}\n            />\n            <SwitchPrimitives.Root\n                id={id}\n                checked={checked}\n                className={cn([\n                    \"peer inline-flex h-md w-[26px] mt-xxs shrink-0 cursor-pointer items-center rounded-xxl border-sm transition-colors\",\n                    \"border-transparent data-[state=checked]:bg-secondary data-[state=unchecked]:bg-neutral-strong\",\n                    \"focus-visible:outline-none focus-visible:border-success focus-visible:ring-lg focus-visible:ring-primary-dimmed\",\n                    \"disabled:cursor-not-allowed disabled:bg-neutral-muted disabled:data-[state=checked]:bg-neutral-muted\"\n                ])}\n                disabled={disabled}\n                onCheckedChange={changeChecked}\n            >\n                <SwitchPrimitives.Thumb\n                    className={cn(\n                        \"pointer-events-none block h-sm-plus w-sm-plus rounded-xxl bg-neutral-base shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-sm-extra data-[state=unchecked]:translate-x-xxs\"\n                    )}\n                />\n            </SwitchPrimitives.Root>\n        </div>\n    );\n};\n\n/**\n * Switch\n */\nconst DecoratableSwitchPrimitive = (props: SwitchPrimitiveProps) => {\n    const { vm, changeChecked } = useSwitch(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <SwitchRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst SwitchPrimitive = makeDecoratable(\"SwitchPrimitive\", DecoratableSwitchPrimitive);\n\nexport { SwitchPrimitive, type SwitchPrimitiveProps, type SwitchPrimitivVm };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,KAAK;AACd,SAASC,SAAS;AAGlB;AACA;AACA;;AAEA,MAAMC,cAAc,GAAGJ,GAAG,CAAC,oCAAoC,EAAE;EAC7DK,QAAQ,EAAE;IACNC,aAAa,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE;IACT;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC;AAqBF,MAAMI,cAAc,GAAGA,CAAC;EACpBC,EAAE;EACFC,KAAK;EACLC,aAAa;EACbC,WAAW;EACXC,SAAS;EACTT,aAAa;EACbU,QAAQ;EACRC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,oBACItB,KAAA,CAAAuB,aAAA;IAAKJ,SAAS,EAAEhB,EAAE,CAACK,cAAc,CAAC;MAAEE;IAAc,CAAC,CAAC,EAAES,SAAS;EAAE,gBAC7DnB,KAAA,CAAAuB,aAAA,CAACjB,KAAK;IACFkB,OAAO,EAAET,EAAG;IACZU,IAAI,EAAET,KAAM;IACZI,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBK,IAAI,EAAER,WAAY;IAClBS,MAAM,EAAE,OAAQ;IAChBR,SAAS,EAAE;EAAU,CACxB,CAAC,eACFnB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC0B,IAAI;IAClBb,EAAE,EAAEA,EAAG;IACPO,OAAO,EAAEA,OAAQ;IACjBH,SAAS,EAAEhB,EAAE,CAAC,CACV,oHAAoH,EACpH,+FAA+F,EAC/F,iHAAiH,EACjH,sGAAsG,CACzG,CAAE;IACHiB,QAAQ,EAAEA,QAAS;IACnBS,eAAe,EAAEZ;EAAc,gBAE/BjB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC4B,KAAK;IACnBX,SAAS,EAAEhB,EAAE,CACT,kMACJ;EAAE,CACL,CACkB,CACtB,CAAC;AAEd,CAAC;;AAED;AACA;AACA;AACA,MAAM4B,0BAA0B,GAAIC,KAA2B,IAAK;EAChE,MAAM;IAAEC,EAAE;IAAEhB;EAAc,CAAC,GAAGV,SAAS,CAACyB,KAAK,CAAC;EAE9C,IAAI,CAACC,EAAE,CAACC,IAAI,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOlC,KAAA,CAAAuB,aAAA,CAACT,cAAc,EAAAqB,MAAA,CAAAC,MAAA,KAAKJ,KAAK,EAAMC,EAAE,CAACC,IAAI;IAAEjB,aAAa,EAAEA;EAAc,EAAE,CAAC;AACnF,CAAC;AACD,MAAMoB,eAAe,GAAGhC,eAAe,CAAC,iBAAiB,EAAE0B,0BAA0B,CAAC;AAEtF,SAASM,eAAe","ignoreList":[]}

package/Switch/primitives/SwitchPrimitive.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { SwitchPrimitive } from "./SwitchPrimitive";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { SwitchPrimitive } from "./SwitchPrimitive.js";
 declare const meta: Meta<typeof SwitchPrimitive>;
 export default meta;
 type Story = StoryObj<typeof SwitchPrimitive>;

package/Switch/primitives/SwitchPrimitive.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { SwitchPrimitive } from "./SwitchPrimitive";
+import { SwitchPrimitive } from "./SwitchPrimitive.js";
 const meta = {
   title: "Components/Form Primitives/Switch",
   component: SwitchPrimitive,

package/Switch/primitives/SwitchPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SwitchPrimitive","meta","title","component","parameters","layout","render","args","checked","setChecked","createElement","Object","assign","onChange","value","Default","label","WithLeadingLabel","labelPosition","WithLongLeadingLabel","WithTrailingLabel","WithLongTrailingLabel","Checked","Disabled","disabled"],"sources":["SwitchPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { SwitchPrimitive } from \"./SwitchPrimitive\";\n\nconst meta: Meta<typeof SwitchPrimitive> = {\n    title: \"Components/Form Primitives/Switch\",\n    component: SwitchPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return (\n            <SwitchPrimitive {...args} checked={checked} onChange={value => setChecked(value)} />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SwitchPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Label\"\n    }\n};\n\nexport const WithLeadingLabel: Story = {\n    args: {\n        label: \"Leading label\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithLongLeadingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithTrailingLabel: Story = {\n    args: {\n        label: \"Trailing label\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const WithLongTrailingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const Checked: Story = {\n    args: {\n        checked: true\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        label: \"Label\",\n        disabled: true\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,eAAe;AAExB,MAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,mCAAmC;EAC1CC,SAAS,EAAEH,eAAe;EAC1BI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAACQ,IAAI,CAACC,OAAO,CAAC;IACpD,oBACIV,KAAA,CAAAY,aAAA,CAACV,eAAe,EAAAW,MAAA,CAAAC,MAAA,KAAKL,IAAI;MAAEC,OAAO,EAAEA,OAAQ;MAACK,QAAQ,EAAEC,KAAK,IAAIL,UAAU,CAACK,KAAK;IAAE,EAAE,CAAC;EAE7F;AACJ,CAAC;AAED,eAAeb,IAAI;AAGnB,OAAO,MAAMc,OAAc,GAAG;EAC1BR,IAAI,EAAE;IACFS,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnCV,IAAI,EAAE;IACFS,KAAK,EAAE,eAAe;IACtBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMC,oBAA2B,GAAG;EACvCZ,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAME,iBAAwB,GAAG;EACpCb,IAAI,EAAE;IACFS,KAAK,EAAE,gBAAgB;IACvBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMG,qBAA4B,GAAG;EACxCd,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMI,OAAc,GAAG;EAC1Bf,IAAI,EAAE;IACFC,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMe,QAAe,GAAG;EAC3BhB,IAAI,EAAE;IACFS,KAAK,EAAE,OAAO;IACdQ,QAAQ,EAAE;EACd;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","SwitchPrimitive","meta","title","component","parameters","layout","render","args","checked","setChecked","createElement","Object","assign","onChange","value","Default","label","WithLeadingLabel","labelPosition","WithLongLeadingLabel","WithTrailingLabel","WithLongTrailingLabel","Checked","Disabled","disabled"],"sources":["SwitchPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { SwitchPrimitive } from \"./SwitchPrimitive.js\";\n\nconst meta: Meta<typeof SwitchPrimitive> = {\n    title: \"Components/Form Primitives/Switch\",\n    component: SwitchPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return (\n            <SwitchPrimitive {...args} checked={checked} onChange={value => setChecked(value)} />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SwitchPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Label\"\n    }\n};\n\nexport const WithLeadingLabel: Story = {\n    args: {\n        label: \"Leading label\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithLongLeadingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithTrailingLabel: Story = {\n    args: {\n        label: \"Trailing label\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const WithLongTrailingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const Checked: Story = {\n    args: {\n        checked: true\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        label: \"Label\",\n        disabled: true\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,eAAe;AAExB,MAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,mCAAmC;EAC1CC,SAAS,EAAEH,eAAe;EAC1BI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAACQ,IAAI,CAACC,OAAO,CAAC;IACpD,oBACIV,KAAA,CAAAY,aAAA,CAACV,eAAe,EAAAW,MAAA,CAAAC,MAAA,KAAKL,IAAI;MAAEC,OAAO,EAAEA,OAAQ;MAACK,QAAQ,EAAEC,KAAK,IAAIL,UAAU,CAACK,KAAK;IAAE,EAAE,CAAC;EAE7F;AACJ,CAAC;AAED,eAAeb,IAAI;AAGnB,OAAO,MAAMc,OAAc,GAAG;EAC1BR,IAAI,EAAE;IACFS,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnCV,IAAI,EAAE;IACFS,KAAK,EAAE,eAAe;IACtBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMC,oBAA2B,GAAG;EACvCZ,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAME,iBAAwB,GAAG;EACpCb,IAAI,EAAE;IACFS,KAAK,EAAE,gBAAgB;IACvBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMG,qBAA4B,GAAG;EACxCd,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMI,OAAc,GAAG;EAC1Bf,IAAI,EAAE;IACFC,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMe,QAAe,GAAG;EAC3BhB,IAAI,EAAE;IACFS,KAAK,EAAE,OAAO;IACdQ,QAAQ,EAAE;EACd;AACJ,CAAC","ignoreList":[]}

package/Switch/primitives/index.d.ts

@@ -1 +1 @@
-export * from "./SwitchPrimitive";
+export * from "./SwitchPrimitive.js";

package/Switch/primitives/index.js

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

package/Switch/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SwitchPrimitive\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SwitchPrimitive.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Switch/primitives/presenters/SwitchPresenter.d.ts

@@ -1,5 +1,5 @@
-import type { SwitchPrimitivVm } from "../SwitchPrimitive";
-import type { SwitchItemDto } from "../../domains";
+import type { SwitchPrimitivVm } from "../SwitchPrimitive.js";
+import type { SwitchItemDto } from "../../domains/index.js";
 type SwitchPresenterParams = SwitchItemDto & {
     onChange?: (checked: boolean) => void;
 };
@@ -14,7 +14,7 @@ declare class SwitchPresenter implements ISwitchPresenter {
     constructor();
     init: (params: SwitchPresenterParams) => void;
     get vm(): {
-        item: import("../../domains").SwitchItemFormatted | undefined;
+        item: import("../../domains/SwitchItemFormatted.js").SwitchItemFormatted | undefined;
     };
     changeChecked: (checked: boolean) => void;
 }

package/Switch/primitives/presenters/SwitchPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { SwitchItem, SwitchItemMapper } from "../../domains";
+import { SwitchItem, SwitchItemMapper } from "../../domains/index.js";
 class SwitchPresenter {
   params = undefined;
   item = undefined;

package/Switch/primitives/presenters/SwitchPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","SwitchItem","SwitchItemMapper","SwitchPresenter","params","undefined","item","constructor","init","create","id","label","value","checked","disabled","vm","toFormatted","changeChecked","onChange"],"sources":["SwitchPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { SwitchPrimitivVm } from \"../SwitchPrimitive\";\nimport type { SwitchItemDto } from \"../../domains\";\nimport { SwitchItem, SwitchItemMapper } from \"../../domains\";\n\ntype SwitchPresenterParams = SwitchItemDto & {\n    onChange?: (checked: boolean) => void;\n};\n\ninterface ISwitchPresenter<TParams extends SwitchPresenterParams = SwitchPresenterParams> {\n    vm: SwitchPrimitivVm;\n    init: (params: TParams) => void;\n    changeChecked: (checked: boolean) => void;\n}\n\nclass SwitchPresenter implements ISwitchPresenter {\n    private params?: SwitchPresenterParams = undefined;\n    private item?: SwitchItem = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: SwitchPresenterParams) => {\n        this.params = params;\n        this.item = SwitchItem.create({\n            id: params.id,\n            label: params.label,\n            value: params.value,\n            checked: params.checked,\n            disabled: params.disabled\n        });\n    };\n\n    get vm() {\n        return {\n            item: this.item ? SwitchItemMapper.toFormatted(this.item) : undefined\n        };\n    }\n\n    public changeChecked = (checked: boolean) => {\n        this.params?.onChange?.(checked);\n    };\n}\n\nexport { SwitchPresenter, type SwitchPresenterParams, type ISwitchPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,UAAU,EAAEC,gBAAgB;AAYrC,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,IAAI,GAAgBD,SAAS;EAErCE,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOQ,IAAI,GAAIJ,MAA6B,IAAK;IAC7C,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,IAAI,GAAGL,UAAU,CAACQ,MAAM,CAAC;MAC1BC,EAAE,EAAEN,MAAM,CAACM,EAAE;MACbC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBC,QAAQ,EAAEV,MAAM,CAACU;IACrB,CAAC,CAAC;EACN,CAAC;EAED,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHT,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGJ,gBAAgB,CAACc,WAAW,CAAC,IAAI,CAACV,IAAI,CAAC,GAAGD;IAChE,CAAC;EACL;EAEOY,aAAa,GAAIJ,OAAgB,IAAK;IACzC,IAAI,CAACT,MAAM,EAAEc,QAAQ,GAAGL,OAAO,CAAC;EACpC,CAAC;AACL;AAEA,SAASV,eAAe","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","SwitchItem","SwitchItemMapper","SwitchPresenter","params","undefined","item","constructor","init","create","id","label","value","checked","disabled","vm","toFormatted","changeChecked","onChange"],"sources":["SwitchPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { SwitchPrimitivVm } from \"../SwitchPrimitive.js\";\nimport type { SwitchItemDto } from \"../../domains/index.js\";\nimport { SwitchItem, SwitchItemMapper } from \"../../domains/index.js\";\n\ntype SwitchPresenterParams = SwitchItemDto & {\n    onChange?: (checked: boolean) => void;\n};\n\ninterface ISwitchPresenter<TParams extends SwitchPresenterParams = SwitchPresenterParams> {\n    vm: SwitchPrimitivVm;\n    init: (params: TParams) => void;\n    changeChecked: (checked: boolean) => void;\n}\n\nclass SwitchPresenter implements ISwitchPresenter {\n    private params?: SwitchPresenterParams = undefined;\n    private item?: SwitchItem = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: SwitchPresenterParams) => {\n        this.params = params;\n        this.item = SwitchItem.create({\n            id: params.id,\n            label: params.label,\n            value: params.value,\n            checked: params.checked,\n            disabled: params.disabled\n        });\n    };\n\n    get vm() {\n        return {\n            item: this.item ? SwitchItemMapper.toFormatted(this.item) : undefined\n        };\n    }\n\n    public changeChecked = (checked: boolean) => {\n        this.params?.onChange?.(checked);\n    };\n}\n\nexport { SwitchPresenter, type SwitchPresenterParams, type ISwitchPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,UAAU,EAAEC,gBAAgB;AAYrC,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,IAAI,GAAgBD,SAAS;EAErCE,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOQ,IAAI,GAAIJ,MAA6B,IAAK;IAC7C,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,IAAI,GAAGL,UAAU,CAACQ,MAAM,CAAC;MAC1BC,EAAE,EAAEN,MAAM,CAACM,EAAE;MACbC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBC,QAAQ,EAAEV,MAAM,CAACU;IACrB,CAAC,CAAC;EACN,CAAC;EAED,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHT,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGJ,gBAAgB,CAACc,WAAW,CAAC,IAAI,CAACV,IAAI,CAAC,GAAGD;IAChE,CAAC;EACL;EAEOY,aAAa,GAAIJ,OAAgB,IAAK;IACzC,IAAI,CAACT,MAAM,EAAEc,QAAQ,GAAGL,OAAO,CAAC;EACpC,CAAC;AACL;AAEA,SAASV,eAAe","ignoreList":[]}

package/Switch/primitives/presenters/SwitchPresenter.test.js

@@ -1,6 +1,7 @@
-import { SwitchPresenter } from "./SwitchPresenter";
+import { SwitchPresenter } from "./SwitchPresenter.js";
+import { describe, expect, it, vi } from "vitest";
 describe("SwitchPresenter", () => {
-  const onChange = jest.fn();
+  const onChange = vi.fn();
   it("should return the compatible `switchVm` based on props", () => {
     const presenter = new SwitchPresenter();
 

package/Switch/primitives/presenters/SwitchPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["SwitchPresenter","describe","onChange","jest","fn","it","presenter","init","label","expect","vm","item","toEqual","checked","value","disabled","id","any","String","changeChecked","toHaveBeenCalledWith"],"sources":["SwitchPresenter.test.ts"],"sourcesContent":["import { SwitchPresenter } from \"./SwitchPresenter\";\n\ndescribe(\"SwitchPresenter\", () => {\n    const onChange = jest.fn();\n\n    it(\"should return the compatible `switchVm` based on props\", () => {\n        const presenter = new SwitchPresenter();\n\n        // `label`\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item?.label).toEqual(\"Label\");\n        }\n\n        // `checked`\n        {\n            presenter.init({ onChange, label: \"Label\", checked: true });\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `value`\n        {\n            presenter.init({ onChange, label: \"Label\", value: \"any\" });\n            expect(presenter.vm.item?.value).toEqual(\"any\");\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `disabled`\n        {\n            presenter.init({ onChange, label: \"Label\", disabled: true });\n            expect(presenter.vm.item?.disabled).toEqual(true);\n        }\n\n        // default: only mandatory props\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item).toEqual({\n                id: expect.any(String),\n                label: \"Label\",\n                checked: false,\n                disabled: false\n            });\n        }\n    });\n\n    it(\"should call `onChange` callback when `changeValue` is called\", () => {\n        const presenter = new SwitchPresenter();\n        presenter.init({ onChange, label: \"Label\" });\n        presenter.changeChecked(true);\n        expect(onChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"mappings":"AAAA,SAASA,eAAe;AAExBC,QAAQ,CAAC,iBAAiB,EAAE,MAAM;EAC9B,MAAMC,QAAQ,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;EAE1BC,EAAE,CAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAMC,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;;IAEvC;IACA;MACIM,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEH,KAAK,CAAC,CAACI,OAAO,CAAC,OAAO,CAAC;IACrD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;MAC3DJ,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEM,KAAK,EAAE;MAAM,CAAC,CAAC;MAC1DL,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEG,KAAK,CAAC,CAACF,OAAO,CAAC,KAAK,CAAC;MAC/CH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEO,QAAQ,EAAE;MAAK,CAAC,CAAC;MAC5DN,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEI,QAAQ,CAAC,CAACH,OAAO,CAAC,IAAI,CAAC;IACrD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,CAAC,CAACC,OAAO,CAAC;QAC9BI,EAAE,EAAEP,MAAM,CAACQ,GAAG,CAACC,MAAM,CAAC;QACtBV,KAAK,EAAE,OAAO;QACdK,OAAO,EAAE,KAAK;QACdE,QAAQ,EAAE;MACd,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEFV,EAAE,CAAC,8DAA8D,EAAE,MAAM;IACrE,MAAMC,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;IACvCM,SAAS,CAACC,IAAI,CAAC;MAAEL,QAAQ;MAAEM,KAAK,EAAE;IAAQ,CAAC,CAAC;IAC5CF,SAAS,CAACa,aAAa,CAAC,IAAI,CAAC;IAC7BV,MAAM,CAACP,QAAQ,CAAC,CAACkB,oBAAoB,CAAC,IAAI,CAAC;EAC/C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["SwitchPresenter","describe","expect","it","vi","onChange","fn","presenter","init","label","vm","item","toEqual","checked","value","disabled","id","any","String","changeChecked","toHaveBeenCalledWith"],"sources":["SwitchPresenter.test.ts"],"sourcesContent":["import { SwitchPresenter } from \"./SwitchPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"SwitchPresenter\", () => {\n    const onChange = vi.fn();\n\n    it(\"should return the compatible `switchVm` based on props\", () => {\n        const presenter = new SwitchPresenter();\n\n        // `label`\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item?.label).toEqual(\"Label\");\n        }\n\n        // `checked`\n        {\n            presenter.init({ onChange, label: \"Label\", checked: true });\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `value`\n        {\n            presenter.init({ onChange, label: \"Label\", value: \"any\" });\n            expect(presenter.vm.item?.value).toEqual(\"any\");\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `disabled`\n        {\n            presenter.init({ onChange, label: \"Label\", disabled: true });\n            expect(presenter.vm.item?.disabled).toEqual(true);\n        }\n\n        // default: only mandatory props\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item).toEqual({\n                id: expect.any(String),\n                label: \"Label\",\n                checked: false,\n                disabled: false\n            });\n        }\n    });\n\n    it(\"should call `onChange` callback when `changeValue` is called\", () => {\n        const presenter = new SwitchPresenter();\n        presenter.init({ onChange, label: \"Label\" });\n        presenter.changeChecked(true);\n        expect(onChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"mappings":"AAAA,SAASA,eAAe;AACxB,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,EAAE,QAAQ,QAAQ;AAEjDH,QAAQ,CAAC,iBAAiB,EAAE,MAAM;EAC9B,MAAMI,QAAQ,GAAGD,EAAE,CAACE,EAAE,CAAC,CAAC;EAExBH,EAAE,CAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAMI,SAAS,GAAG,IAAIP,eAAe,CAAC,CAAC;;IAEvC;IACA;MACIO,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CP,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEF,KAAK,CAAC,CAACG,OAAO,CAAC,OAAO,CAAC;IACrD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE,OAAO;QAAEI,OAAO,EAAE;MAAK,CAAC,CAAC;MAC3DX,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE,OAAO;QAAEK,KAAK,EAAE;MAAM,CAAC,CAAC;MAC1DZ,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEG,KAAK,CAAC,CAACF,OAAO,CAAC,KAAK,CAAC;MAC/CV,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE,OAAO;QAAEM,QAAQ,EAAE;MAAK,CAAC,CAAC;MAC5Db,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEI,QAAQ,CAAC,CAACH,OAAO,CAAC,IAAI,CAAC;IACrD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CP,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,CAAC,CAACC,OAAO,CAAC;QAC9BI,EAAE,EAAEd,MAAM,CAACe,GAAG,CAACC,MAAM,CAAC;QACtBT,KAAK,EAAE,OAAO;QACdI,OAAO,EAAE,KAAK;QACdE,QAAQ,EAAE;MACd,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEFZ,EAAE,CAAC,8DAA8D,EAAE,MAAM;IACrE,MAAMI,SAAS,GAAG,IAAIP,eAAe,CAAC,CAAC;IACvCO,SAAS,CAACC,IAAI,CAAC;MAAEH,QAAQ;MAAEI,KAAK,EAAE;IAAQ,CAAC,CAAC;IAC5CF,SAAS,CAACY,aAAa,CAAC,IAAI,CAAC;IAC7BjB,MAAM,CAACG,QAAQ,CAAC,CAACe,oBAAoB,CAAC,IAAI,CAAC;EAC/C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}