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

package/Switch/Switch.stories.js

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

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-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":[]}
+{"version":3,"file":"Switch/Switch.stories.js","sources":["../../src/Switch/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"],"names":["meta","Switch","Story","Tooltip","args","checked","setChecked","useState","value","Default","WithLabelRequired","WithDescription","WithNotes","WithErrors","Disabled","FullExample","Documentation","validation","setValidation","useEffect","handleChange","isChecked","undefined"],"mappings":";;;AAKA,MAAMA,OAA4B;IAC9B,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;IACA,UAAU;QACN,UAAU;YACN,SAAS;YACT,cAAc;QAClB;IACJ;IACA,YAAY;QACRC,CAAAA,QAAAA,WAAAA,GACI,oBAACC,QAAQ,QAAQ,sBACb,oBAACD,OAAAA;KAGZ;IACD,QAAQE,CAAAA;QACJ,MAAM,CAACC,SAASC,WAAW,GAAGC,SAASH,KAAK,OAAO;QACnD,OAAO,WAAP,GAAO,oBAACH,QAAMA;YAAE,GAAGG,IAAI;YAAE,SAASC;YAAS,UAAUG,CAAAA,QAASF,WAAWE;;IAC7E;AACJ;AAEA,uBAAeR;AAGR,MAAMS,UAAiB;IAC1B,MAAM;QACF,OAAO;IACX;AACJ;AAEO,MAAMC,oBAA2B;IACpC,MAAM;QACF,OAAO;QACP,UAAU;IACd;AACJ;AAEO,MAAMC,kBAAyB;IAClC,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,aAAa;IACjB;AACJ;AAEO,MAAMG,YAAmB;IAC5B,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMI,aAAoB;IAC7B,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,YAAY;YACR,SAAS;YACT,SAAS;QACb;IACJ;AACJ;AAEO,MAAMK,WAAkB;IAC3B,MAAM;QACF,GAAGL,QAAQ,IAAI;QACf,UAAU;IACd;AACJ;AAEO,MAAMM,cAAqB;IAC9B,MAAM;QACF,GAAGN,QAAQ,IAAI;QACf,OAAO;QACP,UAAU;QACV,aAAa;QACb,MAAM;QACN,YAAY;YACR,SAAS;YACT,SAAS;QACb;IACJ;AACJ;AAEO,MAAMO,gBAAuB;IAChC,QAAQZ,CAAAA;QACJ,MAAM,CAACC,SAASC,WAAW,GAAGC,SAASH,KAAK,OAAO,IAAI;QACvD,MAAM,CAACa,YAAYC,cAAc,GAAGX,SAAS;YAAE,SAAS;YAAM,SAAS;QAAG;QAG1EY,UAAU;YACNb,WAAWF,KAAK,OAAO,IAAI;QAC/B,GAAG;YAACA,KAAK,OAAO;SAAC;QAEjB,MAAMgB,eAAe,CAACC;YAClBf,WAAWe;YAGPjB,KAAK,QAAQ,IAAI,CAACiB,YAClBH,cAAc;gBAAE,SAAS;gBAAO,SAAS;YAAyB,KAElEA,cAAc;gBAAE,SAAS;gBAAM,SAAS;YAAG;QAEnD;QAGAC,UAAU;YACFf,KAAK,QAAQ,IAAI,CAACC,UAClBa,cAAc;gBAAE,SAAS;gBAAO,SAAS;YAAyB,KAElEA,cAAc;gBAAE,SAAS;gBAAM,SAAS;YAAG;QAEnD,GAAG;YAACd,KAAK,QAAQ;YAAEC;SAAQ;QAE3B,OAAO,WAAP,GACI,oBAACJ,QAAMA;YACF,GAAGG,IAAI;YACR,SAASC;YACT,UAAUe;YACV,YAAYH;YACZ,UAAUb,KAAK,QAAQ;;IAGnC;IACA,MAAM;QACF,OAAO;QACP,SAAS;QACT,UAAU;QACV,UAAU;QACV,aAAa;QACb,MAAM;QACN,YAAYkB;IAChB;IACA,UAAU;QACN,OAAO;YACH,aAAa;YACb,SAAS;QACb;QACA,SAAS;YACL,aAAa;YACb,SAAS;QACb;QACA,UAAU;YACN,aAAa;YACb,SAAS;QACb;QACA,UAAU;YACN,aAAa;YACb,SAAS;QACb;QACA,aAAa;YACT,aAAa;YACb,SAAS;QACb;QACA,MAAM;YACF,aAAa;YACb,SAAS;QACb;QACA,YAAY;YACR,aACI;QACR;QACA,UAAU;YACN,aAAa;QACjB;IACJ;AACJ"}

package/Switch/domains/SwitchItem.js

@@ -1,36 +1,37 @@
 import { generateId } from "../../utils.js";
-export class SwitchItem {
-  constructor(data) {
-    this._id = data.id;
-    this._label = data.label;
-    this._value = data.value;
-    this._checked = data.checked;
-    this._disabled = data.disabled;
-  }
-  static create(data) {
-    return new SwitchItem({
-      id: generateId(data.id),
-      label: data.label,
-      value: data.value,
-      checked: data.checked ?? Boolean(data.value),
-      disabled: data.disabled ?? false
-    });
-  }
-  get id() {
-    return this._id;
-  }
-  get label() {
-    return this._label;
-  }
-  get value() {
-    return this._value;
-  }
-  get checked() {
-    return this._checked;
-  }
-  get disabled() {
-    return this._disabled;
-  }
+class SwitchItem {
+    constructor(data){
+        this._id = data.id;
+        this._label = data.label;
+        this._value = data.value;
+        this._checked = data.checked;
+        this._disabled = data.disabled;
+    }
+    static create(data) {
+        return new SwitchItem({
+            id: generateId(data.id),
+            label: data.label,
+            value: data.value,
+            checked: data.checked ?? Boolean(data.value),
+            disabled: data.disabled ?? false
+        });
+    }
+    get id() {
+        return this._id;
+    }
+    get label() {
+        return this._label;
+    }
+    get value() {
+        return this._value;
+    }
+    get checked() {
+        return this._checked;
+    }
+    get disabled() {
+        return this._disabled;
+    }
 }
+export { SwitchItem };
 
 //# sourceMappingURL=SwitchItem.js.map

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.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":[]}
+{"version":3,"file":"Switch/domains/SwitchItem.js","sources":["../../../src/Switch/domains/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"],"names":["SwitchItem","data","generateId","Boolean"],"mappings":";AAGO,MAAMA;IAOT,YAAsBC,IAMrB,CAAE;QACC,IAAI,CAAC,GAAG,GAAGA,KAAK,EAAE;QAClB,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,QAAQ,GAAGA,KAAK,OAAO;QAC5B,IAAI,CAAC,SAAS,GAAGA,KAAK,QAAQ;IAClC;IAEA,OAAO,OAAOA,IAAmB,EAAc;QAC3C,OAAO,IAAID,WAAW;YAClB,IAAIE,WAAWD,KAAK,EAAE;YACtB,OAAOA,KAAK,KAAK;YACjB,OAAOA,KAAK,KAAK;YACjB,SAASA,KAAK,OAAO,IAAIE,QAAQF,KAAK,KAAK;YAC3C,UAAUA,KAAK,QAAQ,IAAI;QAC/B;IACJ;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;AACJ"}

package/Switch/domains/SwitchItemDto.js

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

package/Switch/domains/SwitchItemFormatted.js

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

package/Switch/domains/SwitchItemMapper.js

@@ -1,13 +1,14 @@
-export class SwitchItemMapper {
-  static toFormatted(item) {
-    return {
-      id: item.id,
-      label: item.label,
-      value: item.value,
-      checked: item.checked,
-      disabled: item.disabled
-    };
-  }
+class SwitchItemMapper {
+    static toFormatted(item) {
+        return {
+            id: item.id,
+            label: item.label,
+            value: item.value,
+            checked: item.checked,
+            disabled: item.disabled
+        };
+    }
 }
+export { SwitchItemMapper };
 
 //# sourceMappingURL=SwitchItemMapper.js.map

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.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":[]}
+{"version":3,"file":"Switch/domains/SwitchItemMapper.js","sources":["../../../src/Switch/domains/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"],"names":["SwitchItemMapper","item"],"mappings":"AAGO,MAAMA;IACT,OAAO,YAAYC,IAAgB,EAAuB;QACtD,OAAO;YACH,IAAIA,KAAK,EAAE;YACX,OAAOA,KAAK,KAAK;YACjB,OAAOA,KAAK,KAAK;YACjB,SAASA,KAAK,OAAO;YACrB,UAAUA,KAAK,QAAQ;QAC3B;IACJ;AACJ"}

package/Switch/domains/index.js

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

package/Switch/index.js

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

package/Switch/primitives/SwitchPrimitive.js

@@ -1,71 +1,53 @@
-import * as React from "react";
-import { Switch as SwitchPrimitives } from "radix-ui";
+import { Switch } from "radix-ui";
 import { cn, cva, makeDecoratable } from "../../utils.js";
 import { Label } from "../../Label/index.js";
 import { useSwitch } from "./useSwitch.js";
-/**
- * Switch Renderer
- */
-
+import * as __rspack_external_react from "react";
 const switchVariants = cva("inline-flex items-start space-x-sm", {
-  variants: {
-    labelPosition: {
-      start: "",
-      end: "flex-row-reverse space-x-sm-extra space-x-reverse"
+    variants: {
+        labelPosition: {
+            start: "",
+            end: "flex-row-reverse space-x-sm-extra space-x-reverse"
+        }
+    },
+    defaultVariants: {
+        labelPosition: "start"
     }
-  },
-  defaultVariants: {
-    labelPosition: "start"
-  }
 });
-const SwitchRenderer = ({
-  id,
-  label,
-  changeChecked,
-  description,
-  className,
-  labelPosition,
-  disabled,
-  required,
-  checked
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(switchVariants({
-      labelPosition
-    }), className)
-  }, /*#__PURE__*/React.createElement(Label, {
-    htmlFor: id,
-    text: label,
-    disabled: disabled,
-    required: required,
-    hint: description,
-    weight: "light",
-    className: "text-md"
-  }), /*#__PURE__*/React.createElement(SwitchPrimitives.Root, {
-    id: id,
-    checked: checked,
-    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("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")
-  })));
-};
-
-/**
- * Switch
- */
-const DecoratableSwitchPrimitive = props => {
-  const {
-    vm,
-    changeChecked
-  } = useSwitch(props);
-  if (!vm.item) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(SwitchRenderer, Object.assign({}, props, vm.item, {
-    changeChecked: changeChecked
-  }));
+const SwitchRenderer = ({ id, label, changeChecked, description, className, labelPosition, disabled, required, checked })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn(switchVariants({
+            labelPosition
+        }), className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Label, {
+        htmlFor: id,
+        text: label,
+        disabled: disabled,
+        required: required,
+        hint: description,
+        weight: "light",
+        className: "text-md"
+    }), /*#__PURE__*/ __rspack_external_react.createElement(Switch.Root, {
+        id: id,
+        checked: checked,
+        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__*/ __rspack_external_react.createElement(Switch.Thumb, {
+        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")
+    })));
+const DecoratableSwitchPrimitive = (props)=>{
+    const { vm, changeChecked } = useSwitch(props);
+    if (!vm.item) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement(SwitchRenderer, {
+        ...props,
+        ...vm.item,
+        changeChecked: changeChecked
+    });
 };
 const SwitchPrimitive = makeDecoratable("SwitchPrimitive", DecoratableSwitchPrimitive);
 export { SwitchPrimitive };