@dartech/arsenal-ui 1.4.33 → 1.4.34

package/index.js

@@ -1189,6 +1189,7 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
     python: [langs.python()]
   }), []);
   const safeValue = useMemo(() => {
+    if (mode === 'text' && typeof value !== 'string') return JSON.stringify(value, null, 2);
     if (mode === 'json' && typeof value !== 'string') {
       if (value === null) return '';
       return useCleanValue ? JSON.stringify(value, null, 2).replace(/\\"/g, '') : JSON.stringify(value, null, 2);
@@ -1250,8 +1251,9 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
         },
         readOnly: readOnly,
         value: safeValue,
-        onChange: handleChange,
-        extensions: extensions[mode]
+        onChange: handleChange
+      }, mode === 'text' ? {} : {
+        extentions: extensions[mode]
       }, otherProps)), error && !hideErrorMessage && jsx(FormHelperText, Object.assign({
         variant: "standard",
         error: true
@@ -6192,7 +6194,8 @@ const PropertyFiller = ({
       label: valueLabel,
       parseValue: true,
       hideErrorMessage: true,
-      useCleanValue: true
+      useCleanValue: true,
+      mode: propertyType === PropertyType.ANY ? 'text' : 'json'
     }) : jsx(ControlInput, {
       control: control,
       name: name,
@@ -6452,7 +6455,8 @@ const MultiplePropertyFiller = ({
       label: valueLabel,
       parseValue: true,
       hideErrorMessage: true,
-      useCleanValue: true
+      useCleanValue: true,
+      mode: propertyType === PropertyType.ANY ? 'text' : 'json'
     }) : jsx(ControlInput, {
       required: true,
       hideErrorMessage: true,

package/package.json

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

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

@@ -4,7 +4,7 @@ import { ReactNode } from 'react';
 export interface ControlAceEditorProps {
     name: string;
     control: Control<any>;
-    mode?: 'json' | 'javascript' | 'python';
+    mode?: 'json' | 'javascript' | 'python' | 'text';
     label?: ReactNode;
     width?: string;
     height?: string;