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

package/RadioGroup/primitives/RadioGroupPrimitive.js

@@ -1,65 +1,32 @@
-import * as React from "react";
-import { RadioGroup as RadioGroupPrimitives } from "radix-ui";
+import { RadioGroup } from "radix-ui";
 import { cn } from "../../utils.js";
 import { Radio } from "./Radio.js";
 import { useRadioGroup } from "./useRadioGroup.js";
-
-/**
- * Radio Group Root
- */
-const RadioGroupRoot = ({
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(RadioGroupPrimitives.Root, Object.assign({
-    className: cn("grid gap-sm-extra py-xs-plus", className)
-  }, props));
-};
-
-/**
- * Radio Group Renderer
- */
-
-const RadioGroupRenderer = ({
-  items,
-  changeValue,
-  value,
-  disabled
-}) => {
-  return /*#__PURE__*/React.createElement(RadioGroupRoot, {
-    value: value ?? "",
-    onValueChange: value => changeValue(value),
-    disabled: disabled
-  }, items.map(item => /*#__PURE__*/React.createElement(Radio, {
-    id: item.id,
-    value: item.value,
-    key: item.id,
-    label: item.label,
-    disabled: item.disabled
-  })));
+import * as __rspack_external_react from "react";
+const RadioGroupRoot = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(RadioGroup.Root, {
+        className: cn("grid gap-sm-extra py-xs-plus", className),
+        ...props
+    });
+const RadioGroupRenderer = ({ items, changeValue, value, disabled })=>/*#__PURE__*/ __rspack_external_react.createElement(RadioGroupRoot, {
+        value: value ?? "",
+        onValueChange: (value)=>changeValue(value),
+        disabled: disabled
+    }, items.map((item)=>/*#__PURE__*/ __rspack_external_react.createElement(Radio, {
+            id: item.id,
+            value: item.value,
+            key: item.id,
+            label: item.label,
+            disabled: item.disabled
+        })));
+const RadioGroupPrimitive = (props)=>{
+    const { vm, changeValue } = useRadioGroup(props);
+    return /*#__PURE__*/ __rspack_external_react.createElement(RadioGroupRenderer, {
+        ...props,
+        items: vm.items,
+        changeValue: changeValue
+    });
 };
-
-/**
- * Radio Group Primitive
- */
-const RadioGroupPrimitive = props => {
-  const {
-    vm,
-    changeValue
-  } = useRadioGroup(props);
-  return /*#__PURE__*/React.createElement(RadioGroupRenderer, Object.assign({}, props, {
-    items: vm.items,
-    changeValue: changeValue
-  }));
-};
-
-/**
- * @deprecated
- * This component is retained in @webiny/admin-ui and used in  @webiny/ui solely as a compatibility layer.
- * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.
- * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.
- */
 const DeprecatedRadioGroup = RadioGroupRoot;
-export { RadioGroupPrimitive, RadioGroupRenderer, DeprecatedRadioGroup };
+export { DeprecatedRadioGroup, RadioGroupPrimitive, RadioGroupRenderer };
 
 //# sourceMappingURL=RadioGroupPrimitive.js.map

package/RadioGroup/primitives/RadioGroupPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","RadioGroup","RadioGroupPrimitives","cn","Radio","useRadioGroup","RadioGroupRoot","className","props","createElement","Root","Object","assign","RadioGroupRenderer","items","changeValue","value","disabled","onValueChange","map","item","id","key","label","RadioGroupPrimitive","vm","DeprecatedRadioGroup"],"sources":["RadioGroupPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { RadioGroup as RadioGroupPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { Radio } from \"./Radio.js\";\nimport type { RadioItemParams, RadioItemFormatted } from \"../domains/index.js\";\nimport { useRadioGroup } from \"./useRadioGroup.js\";\n\n/**\n * Radio Group Root\n */\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => {\n    return (\n        <RadioGroupPrimitives.Root\n            className={cn(\"grid gap-sm-extra py-xs-plus\", className)}\n            {...props}\n        />\n    );\n};\n\n/**\n * Radio Group Renderer\n */\ninterface RadioGroupPrimitiveProps extends Omit<\n    RadioGroupPrimitives.RadioGroupProps,\n    \"defaultValue\" | \"onChange\" | \"onValueChange\" | \"value\"\n> {\n    items: RadioItemParams[];\n    /**\n     * Callback triggered when the selected value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\ninterface RadioGroupVm {\n    items: RadioItemFormatted[];\n}\n\ninterface RadioGroupRendererProps extends Omit<RadioGroupPrimitiveProps, \"onChange\"> {\n    items: RadioItemFormatted[];\n    changeValue: (value: string) => void;\n}\n\nconst RadioGroupRenderer = ({ items, changeValue, value, disabled }: RadioGroupRendererProps) => {\n    return (\n        <RadioGroupRoot\n            value={value ?? \"\"}\n            onValueChange={value => changeValue(value)}\n            disabled={disabled}\n        >\n            {items.map(item => (\n                <Radio\n                    id={item.id}\n                    value={item.value}\n                    key={item.id}\n                    label={item.label}\n                    disabled={item.disabled}\n                />\n            ))}\n        </RadioGroupRoot>\n    );\n};\n\n/**\n * Radio Group Primitive\n */\nconst RadioGroupPrimitive = (props: RadioGroupPrimitiveProps) => {\n    const { vm, changeValue } = useRadioGroup(props);\n    return <RadioGroupRenderer {...props} items={vm.items} changeValue={changeValue} />;\n};\n\n/**\n * @deprecated\n * This component is retained in @webiny/admin-ui and used in  @webiny/ui solely as a compatibility layer.\n * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.\n * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.\n */\nconst DeprecatedRadioGroup = RadioGroupRoot;\n\nexport {\n    RadioGroupPrimitive,\n    RadioGroupRenderer,\n    DeprecatedRadioGroup,\n    type RadioGroupPrimitiveProps,\n    type RadioGroupVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,IAAIC,oBAAoB,QAAQ,UAAU;AAC7D,SAASC,EAAE;AACX,SAASC,KAAK;AAEd,SAASC,aAAa;;AAEtB;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4C,CAAC,KAAK;EACtF,oBACIR,KAAA,CAAAS,aAAA,CAACP,oBAAoB,CAACQ,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACtBL,SAAS,EAAEJ,EAAE,CAAC,8BAA8B,EAAEI,SAAS;EAAE,GACrDC,KAAK,CACZ,CAAC;AAEV,CAAC;;AAED;AACA;AACA;;AAyBA,MAAMK,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAC7F,oBACIjB,KAAA,CAAAS,aAAA,CAACH,cAAc;IACXU,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBE,aAAa,EAAEF,KAAK,IAAID,WAAW,CAACC,KAAK,CAAE;IAC3CC,QAAQ,EAAEA;EAAS,GAElBH,KAAK,CAACK,GAAG,CAACC,IAAI,iBACXpB,KAAA,CAAAS,aAAA,CAACL,KAAK;IACFiB,EAAE,EAAED,IAAI,CAACC,EAAG;IACZL,KAAK,EAAEI,IAAI,CAACJ,KAAM;IAClBM,GAAG,EAAEF,IAAI,CAACC,EAAG;IACbE,KAAK,EAAEH,IAAI,CAACG,KAAM;IAClBN,QAAQ,EAAEG,IAAI,CAACH;EAAS,CAC3B,CACJ,CACW,CAAC;AAEzB,CAAC;;AAED;AACA;AACA;AACA,MAAMO,mBAAmB,GAAIhB,KAA+B,IAAK;EAC7D,MAAM;IAAEiB,EAAE;IAAEV;EAAY,CAAC,GAAGV,aAAa,CAACG,KAAK,CAAC;EAChD,oBAAOR,KAAA,CAAAS,aAAA,CAACI,kBAAkB,EAAAF,MAAA,CAAAC,MAAA,KAAKJ,KAAK;IAAEM,KAAK,EAAEW,EAAE,CAACX,KAAM;IAACC,WAAW,EAAEA;EAAY,EAAE,CAAC;AACvF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,oBAAoB,GAAGpB,cAAc;AAE3C,SACIkB,mBAAmB,EACnBX,kBAAkB,EAClBa,oBAAoB","ignoreList":[]}
+{"version":3,"file":"RadioGroup/primitives/RadioGroupPrimitive.js","sources":["../../../src/RadioGroup/primitives/RadioGroupPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { RadioGroup as RadioGroupPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { Radio } from \"./Radio.js\";\nimport type { RadioItemParams, RadioItemFormatted } from \"../domains/index.js\";\nimport { useRadioGroup } from \"./useRadioGroup.js\";\n\n/**\n * Radio Group Root\n */\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => {\n    return (\n        <RadioGroupPrimitives.Root\n            className={cn(\"grid gap-sm-extra py-xs-plus\", className)}\n            {...props}\n        />\n    );\n};\n\n/**\n * Radio Group Renderer\n */\ninterface RadioGroupPrimitiveProps extends Omit<\n    RadioGroupPrimitives.RadioGroupProps,\n    \"defaultValue\" | \"onChange\" | \"onValueChange\" | \"value\"\n> {\n    items: RadioItemParams[];\n    /**\n     * Callback triggered when the selected value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\ninterface RadioGroupVm {\n    items: RadioItemFormatted[];\n}\n\ninterface RadioGroupRendererProps extends Omit<RadioGroupPrimitiveProps, \"onChange\"> {\n    items: RadioItemFormatted[];\n    changeValue: (value: string) => void;\n}\n\nconst RadioGroupRenderer = ({ items, changeValue, value, disabled }: RadioGroupRendererProps) => {\n    return (\n        <RadioGroupRoot\n            value={value ?? \"\"}\n            onValueChange={value => changeValue(value)}\n            disabled={disabled}\n        >\n            {items.map(item => (\n                <Radio\n                    id={item.id}\n                    value={item.value}\n                    key={item.id}\n                    label={item.label}\n                    disabled={item.disabled}\n                />\n            ))}\n        </RadioGroupRoot>\n    );\n};\n\n/**\n * Radio Group Primitive\n */\nconst RadioGroupPrimitive = (props: RadioGroupPrimitiveProps) => {\n    const { vm, changeValue } = useRadioGroup(props);\n    return <RadioGroupRenderer {...props} items={vm.items} changeValue={changeValue} />;\n};\n\n/**\n * @deprecated\n * This component is retained in @webiny/admin-ui and used in  @webiny/ui solely as a compatibility layer.\n * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.\n * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.\n */\nconst DeprecatedRadioGroup = RadioGroupRoot;\n\nexport {\n    RadioGroupPrimitive,\n    RadioGroupRenderer,\n    DeprecatedRadioGroup,\n    type RadioGroupPrimitiveProps,\n    type RadioGroupVm\n};\n"],"names":["RadioGroupRoot","className","props","RadioGroupPrimitives","cn","RadioGroupRenderer","items","changeValue","value","disabled","item","Radio","RadioGroupPrimitive","vm","useRadioGroup","DeprecatedRadioGroup"],"mappings":";;;;;AAUA,MAAMA,iBAAiB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA6C,GAC1E,WAAP,GACI,sCAACC,WAAAA,IAAyB;QACtB,WAAWC,GAAG,gCAAgCH;QAC7C,GAAGC,KAAK;;AAgCrB,MAAMG,qBAAqB,CAAC,EAAEC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAEC,QAAQ,EAA2B,GACjF,WAAP,GACI,sCAACT,gBAAcA;QACX,OAAOQ,SAAS;QAChB,eAAeA,CAAAA,QAASD,YAAYC;QACpC,UAAUC;OAETH,MAAM,GAAG,CAACI,CAAAA,OAAAA,WAAAA,GACP,sCAACC,OAAKA;YACF,IAAID,KAAK,EAAE;YACX,OAAOA,KAAK,KAAK;YACjB,KAAKA,KAAK,EAAE;YACZ,OAAOA,KAAK,KAAK;YACjB,UAAUA,KAAK,QAAQ;;AAU3C,MAAME,sBAAsB,CAACV;IACzB,MAAM,EAAEW,EAAE,EAAEN,WAAW,EAAE,GAAGO,cAAcZ;IAC1C,OAAO,WAAP,GAAO,sCAACG,oBAAkBA;QAAE,GAAGH,KAAK;QAAE,OAAOW,GAAG,KAAK;QAAE,aAAaN;;AACxE;AAQA,MAAMQ,uBAAuBf"}

package/RadioGroup/primitives/RadioGroupPrimitive.stories.js

@@ -1,166 +1,198 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { RadioGroupPrimitive } from "./RadioGroupPrimitive.js";
 import { Text } from "../../Text/index.js";
 import { Button } from "../../Button/index.js";
 const meta = {
-  title: "Components/Form Primitives/RadioGroup",
-  component: RadioGroupPrimitive,
-  parameters: {
-    layout: "padded"
-  },
-  render: args => {
-    const [value, setValue] = useState(args.value);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "w-full"
-    }, /*#__PURE__*/React.createElement(RadioGroupPrimitive, Object.assign({}, args, {
-      value: value,
-      onChange: value => setValue(value)
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "mt-4 text-center"
-    }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
-  }
+    title: "Components/Form Primitives/RadioGroup",
+    component: RadioGroupPrimitive,
+    parameters: {
+        layout: "padded"
+    },
+    render: (args)=>{
+        const [value, setValue] = useState(args.value);
+        return /*#__PURE__*/ react.createElement("div", {
+            className: "w-full"
+        }, /*#__PURE__*/ react.createElement(RadioGroupPrimitive, {
+            ...args,
+            value: value,
+            onChange: (value)=>setValue(value)
+        }), /*#__PURE__*/ react.createElement("div", {
+            className: "mt-4 text-center"
+        }, "Current selected value: ", /*#__PURE__*/ react.createElement("pre", null, value)));
+    }
 };
-export default meta;
-export const Default = {
-  args: {
-    items: [{
-      value: "value-1",
-      label: "Value 1"
-    }, {
-      value: "value-2",
-      label: "Value 2"
-    }, {
-      value: "value-3",
-      label: "Value 3"
-    }]
-  }
+const RadioGroupPrimitive_stories = meta;
+const Default = {
+    args: {
+        items: [
+            {
+                value: "value-1",
+                label: "Value 1"
+            },
+            {
+                value: "value-2",
+                label: "Value 2"
+            },
+            {
+                value: "value-3",
+                label: "Value 3"
+            }
+        ]
+    }
 };
-export const Disabled = {
-  args: {
-    ...Default.args,
-    value: "value-2",
-    disabled: true,
-    items: [{
-      value: "value-1",
-      label: "Value 1"
-    }, {
-      value: "value-2",
-      label: "Value 2"
-    }, {
-      value: "value-3",
-      label: "Value 3"
-    }]
-  }
+const Disabled = {
+    args: {
+        ...Default.args,
+        value: "value-2",
+        disabled: true,
+        items: [
+            {
+                value: "value-1",
+                label: "Value 1"
+            },
+            {
+                value: "value-2",
+                label: "Value 2"
+            },
+            {
+                value: "value-3",
+                label: "Value 3"
+            }
+        ]
+    }
 };
-export const WithDefaultOption = {
-  args: {
-    ...Default.args,
-    value: "value-2"
-  }
+const WithDefaultOption = {
+    args: {
+        ...Default.args,
+        value: "value-2"
+    }
 };
-export const WithDisabledOption = {
-  args: {
-    ...Default.args,
-    items: [{
-      value: "value-1",
-      label: "Value 1"
-    }, {
-      value: "value-2",
-      label: "Value 2",
-      disabled: true
-    }, {
-      value: "value-3",
-      label: "Value 3"
-    }]
-  }
+const WithDisabledOption = {
+    args: {
+        ...Default.args,
+        items: [
+            {
+                value: "value-1",
+                label: "Value 1"
+            },
+            {
+                value: "value-2",
+                label: "Value 2",
+                disabled: true
+            },
+            {
+                value: "value-3",
+                label: "Value 3"
+            }
+        ]
+    }
 };
-export const WithDefaultDisabledOption = {
-  args: {
-    ...Default.args,
-    value: "value-2",
-    items: [{
-      value: "value-1",
-      label: "Value 1"
-    }, {
-      value: "value-2",
-      label: "Value 2",
-      disabled: true
-    }, {
-      value: "value-3",
-      label: "Value 3"
-    }]
-  }
+const WithDefaultDisabledOption = {
+    args: {
+        ...Default.args,
+        value: "value-2",
+        items: [
+            {
+                value: "value-1",
+                label: "Value 1"
+            },
+            {
+                value: "value-2",
+                label: "Value 2",
+                disabled: true
+            },
+            {
+                value: "value-3",
+                label: "Value 3"
+            }
+        ]
+    }
 };
-export const WithLongOption = {
-  args: {
-    ...Default.args,
-    items: [{
-      value: "value-1",
-      label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla magna vel massa suscipit mollis. Nunc dui felis, iaculis id tortor ut, hendrerit pulvinar felis."
-    }, {
-      value: "value-2",
-      label: " Pellentesque erat ipsum, posuere dapibus diam id, accumsan sagittis mi. In eu nibh ut nunc ultricies placerat.",
-      disabled: true
-    }, {
-      value: "value-3",
-      label: "Integer a hendrerit dui. Sed tincidunt vel nibh a finibus."
-    }]
-  }
+const WithLongOption = {
+    args: {
+        ...Default.args,
+        items: [
+            {
+                value: "value-1",
+                label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla magna vel massa suscipit mollis. Nunc dui felis, iaculis id tortor ut, hendrerit pulvinar felis."
+            },
+            {
+                value: "value-2",
+                label: " Pellentesque erat ipsum, posuere dapibus diam id, accumsan sagittis mi. In eu nibh ut nunc ultricies placerat.",
+                disabled: true
+            },
+            {
+                value: "value-3",
+                label: "Integer a hendrerit dui. Sed tincidunt vel nibh a finibus."
+            }
+        ]
+    }
 };
-export const WithComplexOptions = {
-  args: {
-    ...Default.args,
-    items: [{
-      id: "value-1",
-      value: "value-1",
-      label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "Value 1"), /*#__PURE__*/React.createElement(Text, {
-        size: "sm"
-      }, "Option description 1"))
-    }, {
-      id: "value-2",
-      value: "value-2",
-      label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "Value 2"), /*#__PURE__*/React.createElement(Text, {
-        size: "sm"
-      }, "Option description 2"))
-    }, {
-      id: "value-3",
-      value: "value-3",
-      label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "Value 3"), /*#__PURE__*/React.createElement(Text, {
-        size: "sm"
-      }, "Option description 3"))
-    }]
-  }
+const WithComplexOptions = {
+    args: {
+        ...Default.args,
+        items: [
+            {
+                id: "value-1",
+                value: "value-1",
+                label: /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", null, "Value 1"), /*#__PURE__*/ react.createElement(Text, {
+                    size: "sm"
+                }, "Option description 1"))
+            },
+            {
+                id: "value-2",
+                value: "value-2",
+                label: /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", null, "Value 2"), /*#__PURE__*/ react.createElement(Text, {
+                    size: "sm"
+                }, "Option description 2"))
+            },
+            {
+                id: "value-3",
+                value: "value-3",
+                label: /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", null, "Value 3"), /*#__PURE__*/ react.createElement(Text, {
+                    size: "sm"
+                }, "Option description 3"))
+            }
+        ]
+    }
 };
-export const WithExternalValueControl = {
-  args: {
-    value: "value-2",
-    items: [{
-      value: "value-1",
-      label: "Value 1"
-    }, {
-      value: "value-2",
-      label: "Value 2"
-    }, {
-      value: "value-3",
-      label: "Value 3"
-    }]
-  },
-  render: args => {
-    const [value, setValue] = useState(args.value);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "w-full"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(RadioGroupPrimitive, Object.assign({}, args, {
-      value: value,
-      onChange: value => setValue(value)
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "mt-4 text-center"
-    }, /*#__PURE__*/React.createElement(Button, {
-      onClick: () => setValue(args.value),
-      text: "Reset"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "mt-4 text-center"
-    }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
-  }
+const WithExternalValueControl = {
+    args: {
+        value: "value-2",
+        items: [
+            {
+                value: "value-1",
+                label: "Value 1"
+            },
+            {
+                value: "value-2",
+                label: "Value 2"
+            },
+            {
+                value: "value-3",
+                label: "Value 3"
+            }
+        ]
+    },
+    render: (args)=>{
+        const [value, setValue] = useState(args.value);
+        return /*#__PURE__*/ react.createElement("div", {
+            className: "w-full"
+        }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(RadioGroupPrimitive, {
+            ...args,
+            value: value,
+            onChange: (value)=>setValue(value)
+        })), /*#__PURE__*/ react.createElement("div", {
+            className: "mt-4 text-center"
+        }, /*#__PURE__*/ react.createElement(Button, {
+            onClick: ()=>setValue(args.value),
+            text: "Reset"
+        })), /*#__PURE__*/ react.createElement("div", {
+            className: "mt-4 text-center"
+        }, "Current selected value: ", /*#__PURE__*/ react.createElement("pre", null, value)));
+    }
 };
+export default RadioGroupPrimitive_stories;
+export { Default, Disabled, WithComplexOptions, WithDefaultDisabledOption, WithDefaultOption, WithDisabledOption, WithExternalValueControl, WithLongOption };
 
 //# sourceMappingURL=RadioGroupPrimitive.stories.js.map

package/RadioGroup/primitives/RadioGroupPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","RadioGroupPrimitive","Text","Button","meta","title","component","parameters","layout","render","args","value","setValue","createElement","className","Object","assign","onChange","Default","items","label","Disabled","disabled","WithDefaultOption","WithDisabledOption","WithDefaultDisabledOption","WithLongOption","WithComplexOptions","id","size","WithExternalValueControl","onClick","text"],"sources":["RadioGroupPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { RadioGroupPrimitive } from \"./RadioGroupPrimitive.js\";\nimport { Text } from \"~/Text/index.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof RadioGroupPrimitive> = {\n    title: \"Components/Form Primitives/RadioGroup\",\n    component: RadioGroupPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <RadioGroupPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioGroupPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\",\n        disabled: true,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithDefaultOption: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\"\n    }\n};\n\nexport const WithDisabledOption: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithDefaultDisabledOption: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\",\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithLongOption: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla magna vel massa suscipit mollis. Nunc dui felis, iaculis id tortor ut, hendrerit pulvinar felis.\"\n            },\n            {\n                value: \"value-2\",\n                label: \" Pellentesque erat ipsum, posuere dapibus diam id, accumsan sagittis mi. In eu nibh ut nunc ultricies placerat.\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Integer a hendrerit dui. Sed tincidunt vel nibh a finibus.\"\n            }\n        ]\n    }\n};\n\nexport const WithComplexOptions: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                id: \"value-1\",\n                value: \"value-1\",\n                label: (\n                    <div>\n                        <div>{\"Value 1\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 1\"}</Text>\n                    </div>\n                )\n            },\n            {\n                id: \"value-2\",\n                value: \"value-2\",\n                label: (\n                    <div>\n                        <div>{\"Value 2\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 2\"}</Text>\n                    </div>\n                )\n            },\n            {\n                id: \"value-3\",\n                value: \"value-3\",\n                label: (\n                    <div>\n                        <div>{\"Value 3\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 3\"}</Text>\n                    </div>\n                )\n            }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        value: \"value-2\",\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <RadioGroupPrimitive\n                        {...args}\n                        value={value}\n                        onChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button onClick={() => setValue(args.value)} text={\"Reset\"} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,mBAAmB;AAC5B,SAASC,IAAI;AACb,SAASC,MAAM;AAEf,MAAMC,IAAsC,GAAG;EAC3CC,KAAK,EAAE,uCAAuC;EAC9CC,SAAS,EAAEL,mBAAmB;EAC9BM,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAACU,IAAI,CAACC,KAAK,CAAC;IAC9C,oBACIZ,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBf,KAAA,CAAAc,aAAA,CAACZ,mBAAmB,EAAAc,MAAA,CAAAC,MAAA,KAAKN,IAAI;MAAEC,KAAK,EAAEA,KAAM;MAACM,QAAQ,EAAEN,KAAK,IAAIC,QAAQ,CAACD,KAAK;IAAE,EAAE,CAAC,eACnFZ,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAE;IAAmB,GAAC,0BACR,eAAAf,KAAA,CAAAc,aAAA,cAAMF,KAAW,CACxC,CACJ,CAAC;EAEd;AACJ,CAAC;AAED,eAAeP,IAAI;AAInB,OAAO,MAAMc,OAAc,GAAG;EAC1BR,IAAI,EAAE;IACFS,KAAK,EAAE,CACH;MACIR,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC3BX,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfC,KAAK,EAAE,SAAS;IAChBW,QAAQ,EAAE,IAAI;IACdH,KAAK,EAAE,CACH;MACIR,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMG,iBAAwB,GAAG;EACpCb,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfC,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMa,kBAAyB,GAAG;EACrCd,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfS,KAAK,EAAE,CACH;MACIR,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE,SAAS;MAChBE,QAAQ,EAAE;IACd,CAAC,EACD;MACIX,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMK,yBAAgC,GAAG;EAC5Cf,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfC,KAAK,EAAE,SAAS;IAChBQ,KAAK,EAAE,CACH;MACIR,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE,SAAS;MAChBE,QAAQ,EAAE;IACd,CAAC,EACD;MACIX,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMM,cAAqB,GAAG;EACjChB,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfS,KAAK,EAAE,CACH;MACIR,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE,iHAAiH;MACxHE,QAAQ,EAAE;IACd,CAAC,EACD;MACIX,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMO,kBAAyB,GAAG;EACrCjB,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfS,KAAK,EAAE,CACH;MACIS,EAAE,EAAE,SAAS;MACbjB,KAAK,EAAE,SAAS;MAChBS,KAAK,eACDrB,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA,cAAM,SAAe,CAAC,eACtBd,KAAA,CAAAc,aAAA,CAACX,IAAI;QAAC2B,IAAI,EAAE;MAAK,GAAE,sBAA6B,CAC/C;IAEb,CAAC,EACD;MACID,EAAE,EAAE,SAAS;MACbjB,KAAK,EAAE,SAAS;MAChBS,KAAK,eACDrB,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA,cAAM,SAAe,CAAC,eACtBd,KAAA,CAAAc,aAAA,CAACX,IAAI;QAAC2B,IAAI,EAAE;MAAK,GAAE,sBAA6B,CAC/C;IAEb,CAAC,EACD;MACID,EAAE,EAAE,SAAS;MACbjB,KAAK,EAAE,SAAS;MAChBS,KAAK,eACDrB,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA,cAAM,SAAe,CAAC,eACtBd,KAAA,CAAAc,aAAA,CAACX,IAAI;QAAC2B,IAAI,EAAE;MAAK,GAAE,sBAA6B,CAC/C;IAEb,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMC,wBAA+B,GAAG;EAC3CpB,IAAI,EAAE;IACFC,KAAK,EAAE,SAAS;IAChBQ,KAAK,EAAE,CACH;MACIR,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC,EACD;MACIT,KAAK,EAAE,SAAS;MAChBS,KAAK,EAAE;IACX,CAAC;EAET,CAAC;EACDX,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAACU,IAAI,CAACC,KAAK,CAAC;IAC9C,oBACIZ,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBf,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA,CAACZ,mBAAmB,EAAAc,MAAA,CAAAC,MAAA,KACZN,IAAI;MACRC,KAAK,EAAEA,KAAM;MACbM,QAAQ,EAAEN,KAAK,IAAIC,QAAQ,CAACD,KAAK;IAAE,EACtC,CACA,CAAC,eACNZ,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAE;IAAmB,gBAC/Bf,KAAA,CAAAc,aAAA,CAACV,MAAM;MAAC4B,OAAO,EAAEA,CAAA,KAAMnB,QAAQ,CAACF,IAAI,CAACC,KAAK,CAAE;MAACqB,IAAI,EAAE;IAAQ,CAAE,CAC5D,CAAC,eACNjC,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAE;IAAmB,GAAC,0BACR,eAAAf,KAAA,CAAAc,aAAA,cAAMF,KAAW,CACxC,CACJ,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"RadioGroup/primitives/RadioGroupPrimitive.stories.js","sources":["../../../src/RadioGroup/primitives/RadioGroupPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { RadioGroupPrimitive } from \"./RadioGroupPrimitive.js\";\nimport { Text } from \"~/Text/index.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof RadioGroupPrimitive> = {\n    title: \"Components/Form Primitives/RadioGroup\",\n    component: RadioGroupPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <RadioGroupPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioGroupPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\",\n        disabled: true,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithDefaultOption: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\"\n    }\n};\n\nexport const WithDisabledOption: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithDefaultDisabledOption: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\",\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithLongOption: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla magna vel massa suscipit mollis. Nunc dui felis, iaculis id tortor ut, hendrerit pulvinar felis.\"\n            },\n            {\n                value: \"value-2\",\n                label: \" Pellentesque erat ipsum, posuere dapibus diam id, accumsan sagittis mi. In eu nibh ut nunc ultricies placerat.\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Integer a hendrerit dui. Sed tincidunt vel nibh a finibus.\"\n            }\n        ]\n    }\n};\n\nexport const WithComplexOptions: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                id: \"value-1\",\n                value: \"value-1\",\n                label: (\n                    <div>\n                        <div>{\"Value 1\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 1\"}</Text>\n                    </div>\n                )\n            },\n            {\n                id: \"value-2\",\n                value: \"value-2\",\n                label: (\n                    <div>\n                        <div>{\"Value 2\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 2\"}</Text>\n                    </div>\n                )\n            },\n            {\n                id: \"value-3\",\n                value: \"value-3\",\n                label: (\n                    <div>\n                        <div>{\"Value 3\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 3\"}</Text>\n                    </div>\n                )\n            }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        value: \"value-2\",\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <RadioGroupPrimitive\n                        {...args}\n                        value={value}\n                        onChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button onClick={() => setValue(args.value)} text={\"Reset\"} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"names":["meta","RadioGroupPrimitive","args","value","setValue","useState","Default","Disabled","WithDefaultOption","WithDisabledOption","WithDefaultDisabledOption","WithLongOption","WithComplexOptions","Text","WithExternalValueControl","Button"],"mappings":"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"}

package/RadioGroup/primitives/index.js

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

package/RadioGroup/primitives/presenters/RadioGroupPresenter.js

@@ -2,27 +2,25 @@ import { makeAutoObservable } from "mobx";
 import { RadioItem } from "../../domains/RadioItem.js";
 import { RadioItemFormatter } from "../../domains/RadioItemFormatter.js";
 class RadioGroupPresenter {
-  params = undefined;
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init = params => {
-    this.params = params;
-  };
-  get vm() {
-    return {
-      items: this.getRadioItems().map(item => RadioItemFormatter.format(item))
-    };
-  }
-  changeValue = value => {
-    this.params?.onValueChange?.(value);
-  };
-  getRadioItems() {
-    if (!this.params?.items) {
-      return [];
+    constructor(){
+        this.params = void 0;
+        this.init = (params)=>{
+            this.params = params;
+        };
+        this.changeValue = (value)=>{
+            this.params?.onValueChange?.(value);
+        };
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            items: this.getRadioItems().map((item)=>RadioItemFormatter.format(item))
+        };
+    }
+    getRadioItems() {
+        if (!this.params?.items) return [];
+        return this.params.items.map((item)=>RadioItem.create(item));
     }
-    return this.params.items.map(item => RadioItem.create(item));
-  }
 }
 export { RadioGroupPresenter };
 

package/RadioGroup/primitives/presenters/RadioGroupPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","RadioItem","RadioItemFormatter","RadioGroupPresenter","params","undefined","constructor","init","vm","items","getRadioItems","map","item","format","changeValue","value","onValueChange","create"],"sources":["RadioGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { RadioGroupVm } from \"../RadioGroupPrimitive.js\";\nimport { RadioItem } from \"~/RadioGroup/domains/RadioItem.js\";\nimport { RadioItemFormatter } from \"~/RadioGroup/domains/RadioItemFormatter.js\";\nimport type { RadioItemParams } from \"~/RadioGroup/domains/RadioItemParams.js\";\n\ninterface RadioGroupPresenterParams<TValue = string> {\n    items: RadioItemParams[];\n    onValueChange?: (value: TValue) => void;\n}\n\ninterface IRadioGroupPresenter<TValue = string> {\n    vm: RadioGroupVm;\n    init: (props: RadioGroupPresenterParams<TValue>) => void;\n    changeValue: (value: TValue) => void;\n}\n\nclass RadioGroupPresenter<TValue = string> implements IRadioGroupPresenter<TValue> {\n    private params?: RadioGroupPresenterParams<TValue> = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: RadioGroupPresenterParams<TValue>) => {\n        this.params = params;\n    };\n\n    get vm() {\n        return {\n            items: this.getRadioItems().map(item => RadioItemFormatter.format(item))\n        };\n    }\n\n    public changeValue = (value: TValue) => {\n        this.params?.onValueChange?.(value);\n    };\n\n    private getRadioItems() {\n        if (!this.params?.items) {\n            return [];\n        }\n\n        return this.params.items.map(item => RadioItem.create(item));\n    }\n}\n\nexport { RadioGroupPresenter, type RadioGroupPresenterParams, type IRadioGroupPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,SAAS;AAClB,SAASC,kBAAkB;AAc3B,MAAMC,mBAAmB,CAA0D;EACvEC,MAAM,GAAuCC,SAAS;EAE9DC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOO,IAAI,GAAIH,MAAyC,IAAK;IACzD,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB,CAAC;EAED,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,KAAK,EAAE,IAAI,CAACC,aAAa,CAAC,CAAC,CAACC,GAAG,CAACC,IAAI,IAAIV,kBAAkB,CAACW,MAAM,CAACD,IAAI,CAAC;IAC3E,CAAC;EACL;EAEOE,WAAW,GAAIC,KAAa,IAAK;IACpC,IAAI,CAACX,MAAM,EAAEY,aAAa,GAAGD,KAAK,CAAC;EACvC,CAAC;EAEOL,aAAaA,CAAA,EAAG;IACpB,IAAI,CAAC,IAAI,CAACN,MAAM,EAAEK,KAAK,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAO,IAAI,CAACL,MAAM,CAACK,KAAK,CAACE,GAAG,CAACC,IAAI,IAAIX,SAAS,CAACgB,MAAM,CAACL,IAAI,CAAC,CAAC;EAChE;AACJ;AAEA,SAAST,mBAAmB","ignoreList":[]}
+{"version":3,"file":"RadioGroup/primitives/presenters/RadioGroupPresenter.js","sources":["../../../../src/RadioGroup/primitives/presenters/RadioGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { RadioGroupVm } from \"../RadioGroupPrimitive.js\";\nimport { RadioItem } from \"~/RadioGroup/domains/RadioItem.js\";\nimport { RadioItemFormatter } from \"~/RadioGroup/domains/RadioItemFormatter.js\";\nimport type { RadioItemParams } from \"~/RadioGroup/domains/RadioItemParams.js\";\n\ninterface RadioGroupPresenterParams<TValue = string> {\n    items: RadioItemParams[];\n    onValueChange?: (value: TValue) => void;\n}\n\ninterface IRadioGroupPresenter<TValue = string> {\n    vm: RadioGroupVm;\n    init: (props: RadioGroupPresenterParams<TValue>) => void;\n    changeValue: (value: TValue) => void;\n}\n\nclass RadioGroupPresenter<TValue = string> implements IRadioGroupPresenter<TValue> {\n    private params?: RadioGroupPresenterParams<TValue> = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: RadioGroupPresenterParams<TValue>) => {\n        this.params = params;\n    };\n\n    get vm() {\n        return {\n            items: this.getRadioItems().map(item => RadioItemFormatter.format(item))\n        };\n    }\n\n    public changeValue = (value: TValue) => {\n        this.params?.onValueChange?.(value);\n    };\n\n    private getRadioItems() {\n        if (!this.params?.items) {\n            return [];\n        }\n\n        return this.params.items.map(item => RadioItem.create(item));\n    }\n}\n\nexport { RadioGroupPresenter, type RadioGroupPresenterParams, type IRadioGroupPresenter };\n"],"names":["RadioGroupPresenter","undefined","params","value","makeAutoObservable","item","RadioItemFormatter","RadioItem"],"mappings":";;;AAiBA,MAAMA;IAGF,aAAc;aAFN,MAAM,GAAuCC;aAM9C,IAAI,GAAG,CAACC;YACX,IAAI,CAAC,MAAM,GAAGA;QAClB;aAQO,WAAW,GAAG,CAACC;YAClB,IAAI,CAAC,MAAM,EAAE,gBAAgBA;QACjC;QAfIC,mBAAmB,IAAI;IAC3B;IAMA,IAAI,KAAK;QACL,OAAO;YACH,OAAO,IAAI,CAAC,aAAa,GAAG,GAAG,CAACC,CAAAA,OAAQC,mBAAmB,MAAM,CAACD;QACtE;IACJ;IAMQ,gBAAgB;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,OACd,OAAO,EAAE;QAGb,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAACA,CAAAA,OAAQE,UAAU,MAAM,CAACF;IAC1D;AACJ"}