@dartech/arsenal-ui 1.3.61 → 1.3.62

package/index.js

@@ -1057,23 +1057,21 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
         error
       }
     } = _b;
-  // console.log('validateJson', validateJson, name);
-  // console.log('parseValue', parseValue, name);
   const extensions = useMemo(() => ({
     json: [langs.json()],
     javascript: [langs.javascript()],
     python: [langs.python()]
   }), []);
   const handleChange = useCallback(value => {
-    // console.log('handleChange', name, value);
-    // if (!value && required) {
-    //   setError(name, { message: 'Required field' });
-    // } else {
-    //   clearErrors(name);
-    // }
+    if (!value && required) {
+      setError(name, {
+        message: 'Required field'
+      });
+    } else {
+      clearErrors(name);
+    }
     if (validateJson) {
       try {
-        // console.log('validateJson', JSON.parse(value), name);
         JSON.parse(value);
         clearErrors(name);
       } catch (error) {
@@ -1093,7 +1091,7 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
     } else {
       onChange(value);
     }
-  }, [setError, clearErrors, onChange, name, parseValue, validateJson]);
+  }, [setError, clearErrors, onChange, name, parseValue, validateJson, required]);
   return jsxs(Box, Object.assign({
     display: "flex",
     flexDirection: "column",
@@ -3802,6 +3800,13 @@ const usePropertyFiller = ({
         return {};
     }
   }, [propertyType]);
+  const checkFillOption = useCallback(() => {
+    if (isExpression(value) && fillOption !== 'expression') {
+      setFillOption('expression');
+    } else if (value !== null && value !== undefined && !isExpression(value) && fillOption !== 'widget') {
+      setFillOption('widget');
+    }
+  }, [value, fillOption]);
   useEffect(() => {
     if (!fillOption) {
       if (isPropertyValueEmpty(value) && (fillOptions === null || fillOptions === void 0 ? void 0 : fillOptions.length)) {
@@ -3812,13 +3817,9 @@ const usePropertyFiller = ({
         setFillOption('widget');
       }
     } else if (!isDirty) {
-      if (isExpression(value) && fillOption !== 'expression') {
-        setFillOption('expression');
-      } else if (value !== null && value !== undefined && !isExpression(value) && fillOption !== 'widget') {
-        setFillOption('widget');
-      }
+      checkFillOption();
     }
-  }, [value, fillOption, fillOptions, _useExpression, isDirty]);
+  }, [value, fillOption, fillOptions, _useExpression, isDirty, checkFillOption]);
   return {
     propertyType,
     valueLabel,
@@ -3826,7 +3827,8 @@ const usePropertyFiller = ({
     fillOption,
     fillOptions,
     setFillOption,
-    defaultProperyValue
+    defaultProperyValue,
+    checkFillOption
   };
 };
 var usePropertyFiller$1 = usePropertyFiller;
@@ -3933,7 +3935,7 @@ const PropertyFiller = ({
     }
   }, [isDirty, property, name, setValue]);
   useEffect(() => {
-    if (value === undefined || property.isRequired && value === null) {
+    if (property.isRequired && !value) {
       setValue(name, defaultProperyValue);
     }
   }, [value, setValue, defaultProperyValue, property, name, isDirty]);
@@ -4157,6 +4159,8 @@ const MultiplePropertyFiller = ({
   label,
   title
 }) => {
+  var _a;
+  const [selectTouched, setSelectTouched] = useState(false);
   const {
     control,
     clearErrors,
@@ -4175,7 +4179,7 @@ const MultiplePropertyFiller = ({
   } = useController({
     control,
     name,
-    defaultValue: property.defaultValue,
+    defaultValue: (_a = property.defaultValue) !== null && _a !== void 0 ? _a : [],
     rules: {
       validate: val => {
         if (required && !val) return 'Please, fill this field';
@@ -4189,7 +4193,8 @@ const MultiplePropertyFiller = ({
     fillOptionLabel,
     fillOption,
     fillOptions,
-    setFillOption
+    setFillOption,
+    checkFillOption
   } = usePropertyFiller$1({
     property,
     value,
@@ -4200,6 +4205,7 @@ const MultiplePropertyFiller = ({
     multipleOptions: true
   });
   const handleFillOptionChange = event => {
+    setSelectTouched(true);
     const selectedType = event.target.value;
     if (selectedType === 'null') {
       setValue(name, null);
@@ -4216,6 +4222,11 @@ const MultiplePropertyFiller = ({
       onChange(property.isRequired ? [] : null);
     }
   }, [value, property, onChange]);
+  useEffect(() => {
+    if (value && !selectTouched) {
+      checkFillOption();
+    }
+  }, [checkFillOption, selectTouched, value]);
   return jsxs(Grid$1, {
     children: [title && jsx(Box, Object.assign({
       mb: 2

package/package.json

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

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

@@ -21,5 +21,6 @@ declare const usePropertyFiller: ({ value, property, label, isDirty, required, u
     }[];
     setFillOption: import("react").Dispatch<import("react").SetStateAction<PropertyFillType>>;
     defaultProperyValue: {};
+    checkFillOption: () => void;
 };
 export default usePropertyFiller;

package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     format: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/ViewProperty/PropertyItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PropertyUnion } from '../../../interfaces';
 type PropertyItemProps = {
     property: PropertyUnion;