@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

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.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":[]}
+{"version":3,"file":"Switch/primitives/SwitchPrimitive.js","sources":["../../../src/Switch/primitives/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"],"names":["switchVariants","cva","SwitchRenderer","id","label","changeChecked","description","className","labelPosition","disabled","required","checked","cn","Label","SwitchPrimitives","DecoratableSwitchPrimitive","props","vm","useSwitch","SwitchPrimitive","makeDecoratable"],"mappings":";;;;;AAWA,MAAMA,iBAAiBC,IAAI,sCAAsC;IAC7D,UAAU;QACN,eAAe;YACX,OAAO;YACP,KAAK;QACT;IACJ;IACA,iBAAiB;QACb,eAAe;IACnB;AACJ;AAqBA,MAAMC,iBAAiB,CAAC,EACpBC,EAAE,EACFC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACW,GACX,WAAP,GACI,sCAAC;QAAI,WAAWC,GAAGZ,eAAe;YAAEQ;QAAc,IAAID;qBAClD,sCAACM,OAAKA;QACF,SAASV;QACT,MAAMC;QACN,UAAUK;QACV,UAAUC;QACV,MAAMJ;QACN,QAAQ;QACR,WAAW;sBAEf,sCAACQ,OAAAA,IAAqB;QAClB,IAAIX;QACJ,SAASQ;QACT,WAAWC,GAAG;YACV;YACA;YACA;YACA;SACH;QACD,UAAUH;QACV,iBAAiBJ;qBAEjB,sCAACS,OAAAA,KAAsB;QACnB,WAAWF,GACP;;AAWxB,MAAMG,6BAA6B,CAACC;IAChC,MAAM,EAAEC,EAAE,EAAEZ,aAAa,EAAE,GAAGa,UAAUF;IAExC,IAAI,CAACC,GAAG,IAAI,EACR,OAAO;IAGX,OAAO,WAAP,GAAO,sCAACf,gBAAcA;QAAE,GAAGc,KAAK;QAAG,GAAGC,GAAG,IAAI;QAAE,eAAeZ;;AAClE;AACA,MAAMc,kBAAkBC,gBAAgB,mBAAmBL"}

package/Switch/primitives/SwitchPrimitive.stories.js

@@ -1,59 +1,62 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { SwitchPrimitive } from "./SwitchPrimitive.js";
 const meta = {
-  title: "Components/Form Primitives/Switch",
-  component: SwitchPrimitive,
-  parameters: {
-    layout: "padded"
-  },
-  render: args => {
-    const [checked, setChecked] = useState(args.checked);
-    return /*#__PURE__*/React.createElement(SwitchPrimitive, Object.assign({}, args, {
-      checked: checked,
-      onChange: value => setChecked(value)
-    }));
-  }
-};
-export default meta;
-export const Default = {
-  args: {
-    label: "Label"
-  }
-};
-export const WithLeadingLabel = {
-  args: {
-    label: "Leading label",
-    labelPosition: "start"
-  }
-};
-export const WithLongLeadingLabel = {
-  args: {
-    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.",
-    labelPosition: "start"
-  }
-};
-export const WithTrailingLabel = {
-  args: {
-    label: "Trailing label",
-    labelPosition: "end"
-  }
-};
-export const WithLongTrailingLabel = {
-  args: {
-    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.",
-    labelPosition: "end"
-  }
-};
-export const Checked = {
-  args: {
-    checked: true
-  }
-};
-export const Disabled = {
-  args: {
-    label: "Label",
-    disabled: true
-  }
-};
+    title: "Components/Form Primitives/Switch",
+    component: SwitchPrimitive,
+    parameters: {
+        layout: "padded"
+    },
+    render: (args)=>{
+        const [checked, setChecked] = useState(args.checked);
+        return /*#__PURE__*/ react.createElement(SwitchPrimitive, {
+            ...args,
+            checked: checked,
+            onChange: (value)=>setChecked(value)
+        });
+    }
+};
+const SwitchPrimitive_stories = meta;
+const Default = {
+    args: {
+        label: "Label"
+    }
+};
+const WithLeadingLabel = {
+    args: {
+        label: "Leading label",
+        labelPosition: "start"
+    }
+};
+const WithLongLeadingLabel = {
+    args: {
+        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.",
+        labelPosition: "start"
+    }
+};
+const WithTrailingLabel = {
+    args: {
+        label: "Trailing label",
+        labelPosition: "end"
+    }
+};
+const WithLongTrailingLabel = {
+    args: {
+        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.",
+        labelPosition: "end"
+    }
+};
+const Checked = {
+    args: {
+        checked: true
+    }
+};
+const Disabled = {
+    args: {
+        label: "Label",
+        disabled: true
+    }
+};
+export default SwitchPrimitive_stories;
+export { Checked, Default, Disabled, WithLeadingLabel, WithLongLeadingLabel, WithLongTrailingLabel, WithTrailingLabel };
 
 //# sourceMappingURL=SwitchPrimitive.stories.js.map

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-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":[]}
+{"version":3,"file":"Switch/primitives/SwitchPrimitive.stories.js","sources":["../../../src/Switch/primitives/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"],"names":["meta","SwitchPrimitive","args","checked","setChecked","useState","value","Default","WithLeadingLabel","WithLongLeadingLabel","WithTrailingLabel","WithLongTrailingLabel","Checked","Disabled"],"mappings":";;AAIA,MAAMA,OAAqC;IACvC,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACC,SAASC,WAAW,GAAGC,SAASH,KAAK,OAAO;QACnD,OAAO,WAAP,GACI,oBAACD,iBAAeA;YAAE,GAAGC,IAAI;YAAE,SAASC;YAAS,UAAUG,CAAAA,QAASF,WAAWE;;IAEnF;AACJ;AAEA,gCAAeN;AAGR,MAAMO,UAAiB;IAC1B,MAAM;QACF,OAAO;IACX;AACJ;AAEO,MAAMC,mBAA0B;IACnC,MAAM;QACF,OAAO;QACP,eAAe;IACnB;AACJ;AAEO,MAAMC,uBAA8B;IACvC,MAAM;QACF,OAAO;QACP,eAAe;IACnB;AACJ;AAEO,MAAMC,oBAA2B;IACpC,MAAM;QACF,OAAO;QACP,eAAe;IACnB;AACJ;AAEO,MAAMC,wBAA+B;IACxC,MAAM;QACF,OAAO;QACP,eAAe;IACnB;AACJ;AAEO,MAAMC,UAAiB;IAC1B,MAAM;QACF,SAAS;IACb;AACJ;AAEO,MAAMC,WAAkB;IAC3B,MAAM;QACF,OAAO;QACP,UAAU;IACd;AACJ"}

package/Switch/primitives/index.js

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

package/Switch/primitives/presenters/SwitchPresenter.js

@@ -1,29 +1,29 @@
 import { makeAutoObservable } from "mobx";
 import { SwitchItem, SwitchItemMapper } from "../../domains/index.js";
 class SwitchPresenter {
-  params = undefined;
-  item = undefined;
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init = params => {
-    this.params = params;
-    this.item = SwitchItem.create({
-      id: params.id,
-      label: params.label,
-      value: params.value,
-      checked: params.checked,
-      disabled: params.disabled
-    });
-  };
-  get vm() {
-    return {
-      item: this.item ? SwitchItemMapper.toFormatted(this.item) : undefined
-    };
-  }
-  changeChecked = checked => {
-    this.params?.onChange?.(checked);
-  };
+    constructor(){
+        this.params = void 0;
+        this.item = void 0;
+        this.init = (params)=>{
+            this.params = params;
+            this.item = SwitchItem.create({
+                id: params.id,
+                label: params.label,
+                value: params.value,
+                checked: params.checked,
+                disabled: params.disabled
+            });
+        };
+        this.changeChecked = (checked)=>{
+            this.params?.onChange?.(checked);
+        };
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            item: this.item ? SwitchItemMapper.toFormatted(this.item) : void 0
+        };
+    }
 }
 export { SwitchPresenter };
 

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.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":[]}
+{"version":3,"file":"Switch/primitives/presenters/SwitchPresenter.js","sources":["../../../../src/Switch/primitives/presenters/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"],"names":["SwitchPresenter","undefined","params","SwitchItem","checked","makeAutoObservable","SwitchItemMapper"],"mappings":";;AAeA,MAAMA;IAIF,aAAc;aAHN,MAAM,GAA2BC;aACjC,IAAI,GAAgBA;aAMrB,IAAI,GAAG,CAACC;YACX,IAAI,CAAC,MAAM,GAAGA;YACd,IAAI,CAAC,IAAI,GAAGC,WAAW,MAAM,CAAC;gBAC1B,IAAID,OAAO,EAAE;gBACb,OAAOA,OAAO,KAAK;gBACnB,OAAOA,OAAO,KAAK;gBACnB,SAASA,OAAO,OAAO;gBACvB,UAAUA,OAAO,QAAQ;YAC7B;QACJ;aAQO,aAAa,GAAG,CAACE;YACpB,IAAI,CAAC,MAAM,EAAE,WAAWA;QAC5B;QAtBIC,mBAAmB,IAAI;IAC3B;IAaA,IAAI,KAAK;QACL,OAAO;YACH,MAAM,IAAI,CAAC,IAAI,GAAGC,iBAAiB,WAAW,CAAC,IAAI,CAAC,IAAI,IAAIL;QAChE;IACJ;AAKJ"}

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

@@ -1,73 +1,53 @@
 import { SwitchPresenter } from "./SwitchPresenter.js";
 import { describe, expect, it, vi } from "vitest";
-describe("SwitchPresenter", () => {
-  const onChange = vi.fn();
-  it("should return the compatible `switchVm` based on props", () => {
-    const presenter = new SwitchPresenter();
-
-    // `label`
-    {
-      presenter.init({
-        onChange,
-        label: "Label"
-      });
-      expect(presenter.vm.item?.label).toEqual("Label");
-    }
-
-    // `checked`
-    {
-      presenter.init({
-        onChange,
-        label: "Label",
-        checked: true
-      });
-      expect(presenter.vm.item?.checked).toEqual(true);
-    }
-
-    // `value`
-    {
-      presenter.init({
-        onChange,
-        label: "Label",
-        value: "any"
-      });
-      expect(presenter.vm.item?.value).toEqual("any");
-      expect(presenter.vm.item?.checked).toEqual(true);
-    }
-
-    // `disabled`
-    {
-      presenter.init({
-        onChange,
-        label: "Label",
-        disabled: true
-      });
-      expect(presenter.vm.item?.disabled).toEqual(true);
-    }
-
-    // default: only mandatory props
-    {
-      presenter.init({
-        onChange,
-        label: "Label"
-      });
-      expect(presenter.vm.item).toEqual({
-        id: expect.any(String),
-        label: "Label",
-        checked: false,
-        disabled: false
-      });
-    }
-  });
-  it("should call `onChange` callback when `changeValue` is called", () => {
-    const presenter = new SwitchPresenter();
-    presenter.init({
-      onChange,
-      label: "Label"
+describe("SwitchPresenter", ()=>{
+    const onChange = vi.fn();
+    it("should return the compatible `switchVm` based on props", ()=>{
+        const presenter = new SwitchPresenter();
+        presenter.init({
+            onChange,
+            label: "Label"
+        });
+        expect(presenter.vm.item?.label).toEqual("Label");
+        presenter.init({
+            onChange,
+            label: "Label",
+            checked: true
+        });
+        expect(presenter.vm.item?.checked).toEqual(true);
+        presenter.init({
+            onChange,
+            label: "Label",
+            value: "any"
+        });
+        expect(presenter.vm.item?.value).toEqual("any");
+        expect(presenter.vm.item?.checked).toEqual(true);
+        presenter.init({
+            onChange,
+            label: "Label",
+            disabled: true
+        });
+        expect(presenter.vm.item?.disabled).toEqual(true);
+        presenter.init({
+            onChange,
+            label: "Label"
+        });
+        expect(presenter.vm.item).toEqual({
+            id: expect.any(String),
+            label: "Label",
+            checked: false,
+            disabled: false
+        });
+    });
+    it("should call `onChange` callback when `changeValue` is called", ()=>{
+        const presenter = new SwitchPresenter();
+        presenter.init({
+            onChange,
+            label: "Label"
+        });
+        presenter.changeChecked(true);
+        expect(onChange).toHaveBeenCalledWith(true);
     });
-    presenter.changeChecked(true);
-    expect(onChange).toHaveBeenCalledWith(true);
-  });
 });
 
 //# sourceMappingURL=SwitchPresenter.test.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"Switch/primitives/presenters/SwitchPresenter.test.js","sources":["../../../../src/Switch/primitives/presenters/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"],"names":["describe","onChange","vi","it","presenter","SwitchPresenter","expect","String"],"mappings":";;AAGAA,SAAS,mBAAmB;IACxB,MAAMC,WAAWC,GAAG,EAAE;IAEtBC,GAAG,0DAA0D;QACzD,MAAMC,YAAY,IAAIC;QAIlBD,UAAU,IAAI,CAAC;YAAEH;YAAU,OAAO;QAAQ;QAC1CK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,OAAO,CAAC;QAKzCA,UAAU,IAAI,CAAC;YAAEH;YAAU,OAAO;YAAS,SAAS;QAAK;QACzDK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,OAAO,CAAC;QAK3CA,UAAU,IAAI,CAAC;YAAEH;YAAU,OAAO;YAAS,OAAO;QAAM;QACxDK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,OAAO,CAAC;QACzCE,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,OAAO,CAAC;QAK3CA,UAAU,IAAI,CAAC;YAAEH;YAAU,OAAO;YAAS,UAAU;QAAK;QAC1DK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,UAAU,OAAO,CAAC;QAK5CA,UAAU,IAAI,CAAC;YAAEH;YAAU,OAAO;QAAQ;QAC1CK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;YAC9B,IAAIE,OAAO,GAAG,CAACC;YACf,OAAO;YACP,SAAS;YACT,UAAU;QACd;IAER;IAEAJ,GAAG,gEAAgE;QAC/D,MAAMC,YAAY,IAAIC;QACtBD,UAAU,IAAI,CAAC;YAAEH;YAAU,OAAO;QAAQ;QAC1CG,UAAU,aAAa,CAAC;QACxBE,OAAOL,UAAU,oBAAoB,CAAC;IAC1C;AACJ"}

package/Switch/primitives/presenters/index.js

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

package/Switch/primitives/useSwitch.js

@@ -1,33 +1,43 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
 import { SwitchPresenter } from "./presenters/SwitchPresenter.js";
-export const useSwitch = props => {
-  const params = useMemo(() => ({
-    id: props.id,
-    label: props.label,
-    value: props.value,
-    checked: props.checked,
-    disabled: props.disabled,
-    onChange: props.onChange
-  }), [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]);
-  const presenter = useMemo(() => {
-    const presenter = new SwitchPresenter();
-    presenter.init(params);
-    return presenter;
-  }, []);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params]);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  return {
-    vm,
-    changeChecked: presenter.changeChecked
-  };
+const useSwitch = (props)=>{
+    const params = useMemo(()=>({
+            id: props.id,
+            label: props.label,
+            value: props.value,
+            checked: props.checked,
+            disabled: props.disabled,
+            onChange: props.onChange
+        }), [
+        props.id,
+        props.label,
+        props.value,
+        props.checked,
+        props.disabled,
+        props.onChange
+    ]);
+    const presenter = useMemo(()=>{
+        const presenter = new SwitchPresenter();
+        presenter.init(params);
+        return presenter;
+    }, []);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params
+    ]);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    return {
+        vm,
+        changeChecked: presenter.changeChecked
+    };
 };
+export { useSwitch };
 
 //# sourceMappingURL=useSwitch.js.map

package/Switch/primitives/useSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SwitchPresenter","useSwitch","props","params","id","label","value","checked","disabled","onChange","presenter","init","vm","setVm","changeChecked"],"sources":["useSwitch.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SwitchPrimitiveProps } from \"./SwitchPrimitive.js\";\nimport type { SwitchPresenterParams } from \"./presenters/SwitchPresenter.js\";\nimport { SwitchPresenter } from \"./presenters/SwitchPresenter.js\";\n\nexport const useSwitch = (props: SwitchPrimitiveProps) => {\n    const params: SwitchPresenterParams = useMemo(\n        () => ({\n            id: props.id,\n            label: props.label,\n            value: props.value,\n            checked: props.checked,\n            disabled: props.disabled,\n            onChange: props.onChange\n        }),\n        [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SwitchPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeChecked: presenter.changeChecked };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,EAAE,EAAEF,KAAK,CAACE,EAAE;IACZC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBC,QAAQ,EAAEN,KAAK,CAACM,QAAQ;IACxBC,QAAQ,EAAEP,KAAK,CAACO;EACpB,CAAC,CAAC,EACF,CAACP,KAAK,CAACE,EAAE,EAAEF,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACM,QAAQ,EAAEN,KAAK,CAACO,QAAQ,CACtF,CAAC;EAED,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,MAAMa,SAAS,GAAG,IAAIV,eAAe,CAAC,CAAC;IACvCU,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;IACtB,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACY,SAAS,CAACE,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZc,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,aAAa,EAAEJ,SAAS,CAACI;EAAc,CAAC;AACzD,CAAC","ignoreList":[]}
+{"version":3,"file":"Switch/primitives/useSwitch.js","sources":["../../../src/Switch/primitives/useSwitch.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SwitchPrimitiveProps } from \"./SwitchPrimitive.js\";\nimport type { SwitchPresenterParams } from \"./presenters/SwitchPresenter.js\";\nimport { SwitchPresenter } from \"./presenters/SwitchPresenter.js\";\n\nexport const useSwitch = (props: SwitchPrimitiveProps) => {\n    const params: SwitchPresenterParams = useMemo(\n        () => ({\n            id: props.id,\n            label: props.label,\n            value: props.value,\n            checked: props.checked,\n            disabled: props.disabled,\n            onChange: props.onChange\n        }),\n        [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SwitchPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeChecked: presenter.changeChecked };\n};\n"],"names":["useSwitch","props","params","useMemo","presenter","SwitchPresenter","vm","setVm","useState","useEffect","autorun"],"mappings":";;;AAMO,MAAMA,YAAY,CAACC;IACtB,MAAMC,SAAgCC,QAClC,IAAO;YACH,IAAIF,MAAM,EAAE;YACZ,OAAOA,MAAM,KAAK;YAClB,OAAOA,MAAM,KAAK;YAClB,SAASA,MAAM,OAAO;YACtB,UAAUA,MAAM,QAAQ;YACxB,UAAUA,MAAM,QAAQ;QAC5B,IACA;QAACA,MAAM,EAAE;QAAEA,MAAM,KAAK;QAAEA,MAAM,KAAK;QAAEA,MAAM,OAAO;QAAEA,MAAM,QAAQ;QAAEA,MAAM,QAAQ;KAAC;IAGvF,MAAMG,YAAYD,QAAQ;QACtB,MAAMC,YAAY,IAAIC;QACtBD,UAAU,IAAI,CAACF;QACf,OAAOE;IACX,GAAG,EAAE;IAEL,MAAM,CAACE,IAAIC,MAAM,GAAGC,SAASJ,UAAU,EAAE;IAEzCK,UAAU;QACNL,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;KAAO;IAEXO,UAAU,IACCC,QAAQ;YACXH,MAAMH,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QAAEE;QAAI,eAAeF,UAAU,aAAa;IAAC;AACxD"}

package/Table/Table.js

@@ -1,44 +1,40 @@
-import * as React from "react";
 import { cn, cva, withStaticProps } from "../utils.js";
 import { Body, Caption, Cell, Direction, Footer, Head, Header, Resizer, Row } from "./components/index.js";
+import * as __rspack_external_react from "react";
 const tableWrapperVariants = cva("relative w-full overflow-auto", {
-  variants: {
-    sticky: {
-      true: "overflow-clip"
+    variants: {
+        sticky: {
+            true: "overflow-clip"
+        }
     }
-  }
 });
 const tableVariants = cva("w-full caption-bottom text-sm bg-white", {
-  variants: {
-    bordered: {
-      true: "border-neutral-dimmed border-solid border-sm"
+    variants: {
+        bordered: {
+            true: "border-neutral-dimmed border-solid border-sm"
+        }
     }
-  }
 });
-const BaseTable = ({
-  className,
-  bordered,
-  sticky,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", {
-  className: cn(tableWrapperVariants({
-    sticky
-  }))
-}, /*#__PURE__*/React.createElement("table", Object.assign({
-  className: cn(tableVariants({
-    bordered
-  }), className)
-}, props)));
+const BaseTable = ({ className, bordered, sticky, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn(tableWrapperVariants({
+            sticky
+        }))
+    }, /*#__PURE__*/ __rspack_external_react.createElement("table", {
+        className: cn(tableVariants({
+            bordered
+        }), className),
+        ...props
+    }));
 const Table = withStaticProps(BaseTable, {
-  Body,
-  Caption,
-  Cell,
-  Direction,
-  Footer,
-  Head,
-  Header,
-  Resizer,
-  Row
+    Body: Body,
+    Caption: Caption,
+    Cell: Cell,
+    Direction: Direction,
+    Footer: Footer,
+    Head: Head,
+    Header: Header,
+    Resizer: Resizer,
+    Row: Row
 });
 export { Table };
 

package/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","withStaticProps","Body","Caption","Cell","Direction","Footer","Head","Header","Resizer","Row","tableWrapperVariants","variants","sticky","true","tableVariants","bordered","BaseTable","className","props","createElement","Object","assign","Table"],"sources":["Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components/index.js\";\n\nconst tableWrapperVariants = cva(\"relative w-full overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"w-full caption-bottom text-sm bg-white\", {\n    variants: {\n        bordered: {\n            true: \"border-neutral-dimmed border-solid border-sm\"\n        }\n    }\n});\n\ninterface TableProps\n    extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {\n    sticky?: boolean;\n}\n\nconst BaseTable = ({ className, bordered, sticky, ...props }: TableProps) => (\n    <div className={cn(tableWrapperVariants({ sticky }))}>\n        <table className={cn(tableVariants({ bordered }), className)} {...props} />\n    </div>\n);\n\nconst Table = withStaticProps(BaseTable, {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n});\n\nexport { Table, type TableProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AACpD,SACIC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,GAAG;AAGP,MAAMC,oBAAoB,GAAGX,GAAG,CAAC,+BAA+B,EAAE;EAC9DY,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,GAAG,CAAC,wCAAwC,EAAE;EAChEY,QAAQ,EAAE;IACNI,QAAQ,EAAE;MACNF,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAOF,MAAMG,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEF,QAAQ;EAAEH,MAAM;EAAE,GAAGM;AAAkB,CAAC,kBACpErB,KAAA,CAAAsB,aAAA;EAAKF,SAAS,EAAEnB,EAAE,CAACY,oBAAoB,CAAC;IAAEE;EAAO,CAAC,CAAC;AAAE,gBACjDf,KAAA,CAAAsB,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEnB,EAAE,CAACgB,aAAa,CAAC;IAAEC;EAAS,CAAC,CAAC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACzE,CACR;AAED,MAAMI,KAAK,GAAGtB,eAAe,CAACgB,SAAS,EAAE;EACrCf,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AACJ,CAAC,CAAC;AAEF,SAASa,KAAK","ignoreList":[]}
+{"version":3,"file":"Table/Table.js","sources":["../../src/Table/Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components/index.js\";\n\nconst tableWrapperVariants = cva(\"relative w-full overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"w-full caption-bottom text-sm bg-white\", {\n    variants: {\n        bordered: {\n            true: \"border-neutral-dimmed border-solid border-sm\"\n        }\n    }\n});\n\ninterface TableProps\n    extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {\n    sticky?: boolean;\n}\n\nconst BaseTable = ({ className, bordered, sticky, ...props }: TableProps) => (\n    <div className={cn(tableWrapperVariants({ sticky }))}>\n        <table className={cn(tableVariants({ bordered }), className)} {...props} />\n    </div>\n);\n\nconst Table = withStaticProps(BaseTable, {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n});\n\nexport { Table, type TableProps };\n"],"names":["tableWrapperVariants","cva","tableVariants","BaseTable","className","bordered","sticky","props","cn","Table","withStaticProps","Body","Caption","Cell","Direction","Footer","Head","Header","Resizer","Row"],"mappings":";;;AAcA,MAAMA,uBAAuBC,IAAI,iCAAiC;IAC9D,UAAU;QACN,QAAQ;YACJ,MAAM;QACV;IACJ;AACJ;AAEA,MAAMC,gBAAgBD,IAAI,0CAA0C;IAChE,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAOA,MAAME,YAAY,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,OAAmB,iBACpE,sCAAC;QAAI,WAAWC,GAAGR,qBAAqB;YAAEM;QAAO;qBAC7C,sCAAC;QAAM,WAAWE,GAAGN,cAAc;YAAEG;QAAS,IAAID;QAAa,GAAGG,KAAK;;AAI/E,MAAME,QAAQC,gBAAgBP,WAAW;IACrCQ,MAAIA;IACJC,SAAOA;IACPC,MAAIA;IACJC,WAASA;IACTC,QAAMA;IACNC,MAAIA;IACJC,QAAMA;IACNC,SAAOA;IACPC,KAAGA;AACP"}

package/Table/components/Body.js

@@ -1,11 +1,9 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-const Body = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("tbody", Object.assign({
-  className: cn("[&_tr:last-child]:border-none", className)
-}, props));
+import * as __rspack_external_react from "react";
+const Body = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("tbody", {
+        className: cn("[&_tr:last-child]:border-none", className),
+        ...props
+    });
 export { Body };
 
 //# sourceMappingURL=Body.js.map

package/Table/components/Body.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Body","className","props","createElement","Object","assign"],"sources":["Body.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Body = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody className={cn(\"[&_tr:last-child]:border-none\", className)} {...props} />\n);\n\nexport { Body };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBAChFJ,KAAA,CAAAK,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEF,EAAE,CAAC,+BAA+B,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACjF;AAED,SAASF,IAAI","ignoreList":[]}
+{"version":3,"file":"Table/components/Body.js","sources":["../../../src/Table/components/Body.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Body = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody className={cn(\"[&_tr:last-child]:border-none\", className)} {...props} />\n);\n\nexport { Body };\n"],"names":["Body","className","props","cn"],"mappings":";;AAGA,MAAMA,OAAO,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAsD,iBAChF,sCAAC;QAAM,WAAWC,GAAG,iCAAiCF;QAAa,GAAGC,KAAK"}