norma-library 0.5.126 → 0.5.128

package/dist/esm/components/RadioGroup.js

@@ -6,9 +6,10 @@ var RadioStyled = styled(MuiRadio)({});
 var sizes = ['small', 'medium'];
 export var RadioGroup = function (_a) {
     var props = __rest(_a, []);
+    var onChange = props.onChange;
     return (React.createElement(FormControl, null,
         React.createElement(FormLabel, { id: props.id }, props.label),
-        React.createElement(MuiRadioGroup, { "aria-labelledby": props.id, defaultValue: props.checked, name: "radio-buttons-group", row: props.direction === 'horizontal' ? true : false }, props.options &&
-            props.options.map(function (item, key) { return (React.createElement(FormControlLabel, { value: item.value, control: React.createElement(RadioStyled, { color: props.color, size: item.size ? item.size : sizes[1] }), label: item.label, key: key })); }))));
+        React.createElement(MuiRadioGroup, { "aria-labelledby": props.id, defaultValue: props.checked, name: "radio-buttons-group", row: props.direction === 'horizontal' ? true : false, onChange: !!onChange ? function (event, value) { return onChange(event, value); } : undefined }, props.options &&
+            props.options.map(function (item, key) { return (React.createElement(FormControlLabel, { value: item.value, control: React.createElement(RadioStyled, { color: props.color, size: item.size ? item.size : sizes[1] }), label: item.label, key: key, sx: { alignItems: "start" } })); }))));
 };
 //# sourceMappingURL=RadioGroup.js.map

package/dist/esm/components/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,KAAK,IAAI,QAAQ,EACjB,UAAU,IAAI,aAAa,GAC5B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAM,KAAK,GAA2B,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAE1D,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA4B;QAAvB,KAAK,cAAV,EAAY,CAAF;IAEnC,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,SAAS,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAG,KAAK,CAAC,KAAK,CAAa;QAClD,oBAAC,aAAa,uBACK,KAAK,CAAC,EAAE,EACzB,YAAY,EAAE,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAC,qBAAqB,EAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAEnD,KAAK,CAAC,OAAO;YACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC/B,oBAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAI,EACpF,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,GAAG,GACR,CACH,EAPgC,CAOhC,CAAC,CACU,CACJ,CACf,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,KAAK,IAAI,QAAQ,EACjB,UAAU,IAAI,aAAa,GAC5B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAM,KAAK,GAA2B,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAE1D,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA4B;QAAvB,KAAK,cAAV,EAAY,CAAF;IAC3B,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE3B,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,SAAS,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAG,KAAK,CAAC,KAAK,CAAa;QAClD,oBAAC,aAAa,uBACK,KAAK,CAAC,EAAE,EACzB,YAAY,EAAE,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAC,qBAAqB,EAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACpD,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAtB,CAAsB,CAAC,CAAC,CAAC,SAAS,IAE1E,KAAK,CAAC,OAAO;YACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC/B,oBAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAI,EACpF,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAC,UAAU,EAAE,OAAO,EAAC,GACzB,CACH,EARgC,CAQhC,CAAC,CACU,CACJ,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/interfaces/RadioGroup.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { CheckBoxColorVariant, DirectionVariant, MuiRadioBaseProps, OptionsRadios, TextFieldSizeVariant } from '../types';
 import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from '@mui/material';
 import { OverridableStringUnion } from '@mui/types';
-export interface RadioBaseProps extends MuiRadioBaseProps {
+export interface RadioBaseProps extends Omit<MuiRadioBaseProps, 'onChange'> {
     id?: string;
     name?: string;
     options?: OptionsRadios[];
@@ -12,4 +12,5 @@ export interface RadioBaseProps extends MuiRadioBaseProps {
     size?: OverridableStringUnion<TextFieldSizeVariant, RadioPropsSizeOverrides>;
     color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
     checked?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "norma-library",
-  "version": "0.5.126",
+  "version": "0.5.128",
   "private": false,
   "description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
   "scripts": {

package/src/components/RadioGroup.tsx

@@ -15,6 +15,7 @@ const RadioStyled = styled(MuiRadio)({});
 const sizes: TextFieldSizeVariant[] = ['small', 'medium'];
 
 export const RadioGroup = ({ ...props }: RadioBaseProps) => {
+  const { onChange } = props;
   
   return (
     <FormControl>
@@ -24,6 +25,7 @@ export const RadioGroup = ({ ...props }: RadioBaseProps) => {
         defaultValue={props.checked}
         name="radio-buttons-group"
         row={props.direction === 'horizontal' ? true : false}
+        onChange={!!onChange ? (event, value) => onChange(event, value) : undefined}
       >
         {props.options &&
           props.options.map((item, key) => (
@@ -32,6 +34,7 @@ export const RadioGroup = ({ ...props }: RadioBaseProps) => {
               control={<RadioStyled color={props.color} size={item.size ? item.size : sizes[1]} />}
               label={item.label}
               key={key}
+              sx={{alignItems: "start"}}
             />
           ))}
       </MuiRadioGroup>

package/src/interfaces/RadioGroup.ts

@@ -9,7 +9,7 @@ import {
 import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from '@mui/material';
 import { OverridableStringUnion } from '@mui/types';
 
-export interface RadioBaseProps extends MuiRadioBaseProps {
+export interface RadioBaseProps extends Omit<MuiRadioBaseProps, 'onChange'> {
   id?: string;
   name?: string;
   options?: OptionsRadios[];
@@ -19,4 +19,5 @@ export interface RadioBaseProps extends MuiRadioBaseProps {
   size?: OverridableStringUnion<TextFieldSizeVariant, RadioPropsSizeOverrides>;
   color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
   checked?: string;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
 }