@dartech/arsenal-ui 1.3.39 → 1.3.41

package/index.js

@@ -593,7 +593,9 @@ const ControlRadio = ({
   labelKey,
   valueKey,
   validate,
-  onChange: customOnChange
+  onChange: customOnChange,
+  row,
+  radioProps
 }) => {
   const {
     field: {
@@ -633,6 +635,7 @@ const ControlRadio = ({
     }, {
       children: label
     })), jsx(RadioGroup, Object.assign({
+      row: row,
       "aria-labelledby": "radio-buttons-group",
       ref: ref,
       name: name,
@@ -641,7 +644,7 @@ const ControlRadio = ({
     }, {
       children: _values.map((item, i) => jsx(FormControlLabel, {
         value: getValue(item),
-        control: jsx(Radio, {}),
+        control: jsx(Radio, Object.assign({}, radioProps)),
         label: getLabel(item)
       }, i))
     })), !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message) && jsx(FormHelperText, {
@@ -3879,12 +3882,14 @@ const PropertyFiller = ({
     required,
     useExpression
   });
-  const handleFillOptionChange = event => {
+  const handleFillOptionChange = useCallback(event => {
     const selectedType = event.target.value;
     if (selectedType === 'null') {
-      onChange(null);
+      // onChange(null);
+      clearErrors(name);
       // register(name, { value: null });
     } else if (selectedType === 'widget') {
+      clearErrors(name);
       if (propertyType === PropertyType.JSON && value && typeof value !== 'string' && fillOption === 'dem_builder' && 'properties' in value) {
         const definitionValue = Object.assign(Object.assign({}, value), {
           properties: propertiesArrayToObject(value.property || [])
@@ -3921,7 +3926,7 @@ const PropertyFiller = ({
     }
     setFillOption(selectedType);
     clearErrors(name);
-  };
+  }, [name, clearErrors, value, setFillOption, onChange, fillOption, propertyType]);
   useEffect(() => {
     if (value === undefined) {
       onChange(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.3.39",
+  "version": "1.3.41",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Forms/ControlRadio.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { RadioProps } from '@mui/material/Radio';
 import { Control } from 'react-hook-form';
 import { ValidateFunc } from '../../interfaces';
 /**
@@ -57,10 +58,12 @@ export interface ControlRadioProps {
      * Key for option value
      */
     valueKey?: string;
+    row?: boolean;
+    radioProps?: RadioProps;
 }
 /**
  * Material UI `Radio` controlled component. Used with react-hook-form
  * @category Forms
  */
-export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, }: ControlRadioProps) => JSX.Element;
+export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, row, radioProps }: ControlRadioProps) => JSX.Element;
 export default ControlRadio;