@dartech/arsenal-ui 1.3.35 → 1.3.37

package/index.js

@@ -639,11 +639,11 @@ const ControlRadio = ({
       value: value,
       onChange: customOnChange ? customOnChange : onChange
     }, {
-      children: _values.map(item => jsx(FormControlLabel, {
+      children: _values.map((item, i) => jsx(FormControlLabel, {
         value: getValue(item),
         control: jsx(Radio, {}),
         label: getLabel(item)
-      }))
+      }, i))
     })), !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message) && jsx(FormHelperText, {
       children: error.message
     })]
@@ -3536,7 +3536,8 @@ const PropertyAdditionalFields = ({
 const JsonEditor = ({
   validate: _validate = false,
   name,
-  inputRef
+  inputRef,
+  useParsedValue
 }) => {
   const {
     control,
@@ -3549,16 +3550,13 @@ const JsonEditor = ({
     name
   });
   const handleChange = value => {
-    setValue(name, value);
-    if (_validate) {
-      try {
-        JSON.parse(value);
-        clearErrors(name);
-      } catch (err) {
-        setError(name, {
-          message: 'Invalid JSON'
-        });
-      }
+    try {
+      if (value) setValue(name, useParsedValue ? JSON.parse(value) : value);
+      clearErrors(name);
+    } catch (e) {
+      if (_validate) setError(name, {
+        message: 'Invalid JSON'
+      });
     }
   };
   return jsx(CodeMirror, {
@@ -3979,7 +3977,8 @@ const PropertyFiller = ({
       hideErrorMessage: true
     }), fillOption === 'json_notvalid' && jsx(JsonEditor$1, {
       name: name,
-      inputRef: ref
+      inputRef: ref,
+      useParsedValue: true
     }), fillOption === 'widget' && jsx(PropertyWidget, {
       property: property,
       name: name,
@@ -4205,7 +4204,8 @@ const MultiplePropertyFiller = ({
     })), fillOption === 'json_valid' && jsx(JsonEditor$1, {
       validate: true,
       name: name,
-      inputRef: ref
+      inputRef: ref,
+      useParsedValue: true
     }), fillOption === 'widget' && jsx(MultiplePropertyWidget$1, {
       property: property,
       name: name,

package/package.json

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

package/src/lib/Property/PropertyFiller/JsonEditor.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { RefCallBack } from 'react-hook-form';
 type Props = {
+    useParsedValue?: boolean;
     validate?: boolean;
     name: string;
     inputRef: RefCallBack;
 };
-declare const JsonEditor: ({ validate, name, inputRef }: Props) => JSX.Element;
+declare const JsonEditor: ({ validate, name, inputRef, useParsedValue }: Props) => JSX.Element;
 export default JsonEditor;