@omniumretail/component-library 1.0.17 → 1.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Radio/Radio.stories.tsx

@@ -1,12 +1,30 @@
 import { Meta, Story } from "@storybook/react";
-import { CustomRadio, CustomRadioProps } from '.';
+import { Radio as RadioAntd, RadioChangeEvent } from "antd";
+import { useState } from "react";
+import { Radio, CustomRadioProps } from '.';
 
 export default {
     title: 'Radio',
-    component: CustomRadio,
+    component: Radio,
 } as Meta;
 
-const Template: Story<CustomRadioProps> = (args) => <CustomRadio {...args}></CustomRadio>;
+const Template: Story<CustomRadioProps> = (args) => {
+    const [value, setValue] = useState();
+
+    const onChange = (e: RadioChangeEvent) => {
+      console.log('radio checked', e.target.value);
+      setValue(e.target.value);
+    };
+
+    return (
+        <RadioAntd.Group onChange={onChange} value={value} defaultValue={3}>
+             <Radio {...args} value={1}></Radio>
+             <Radio {...args} value={2}></Radio>
+             <Radio {...args} value={3}></Radio>
+             <Radio {...args} value={4}></Radio>
+        </RadioAntd.Group>
+    )
+};
 
 export const Primary = Template.bind({});
 Primary.args = {

package/src/components/Radio/index.tsx

@@ -6,10 +6,9 @@ export interface CustomRadioProps extends RadioProps {
     description: string;
 }
 
-export const CustomRadio = (props: CustomRadioProps) => {
-    const { description } = props;
+export const Radio = ({description, ...radioProps}: CustomRadioProps) => {
 
     return (
-        <RadioAntd className={ styles.radio } { ...props } value={ description }> { description } </RadioAntd>
+        <RadioAntd className={ styles.radio } { ...radioProps }> { description } </RadioAntd>
     )
 };