@dartech/arsenal-ui 1.4.11 → 1.4.13

package/index.js

@@ -2306,23 +2306,29 @@ const ControlArrayInput = ({
   required,
   defaultValue: _defaultValue = null
 }) => {
-  var _a, _b, _c;
+  var _a, _b;
   const [localValue, setLoacalValue] = useState('');
   const [error, setError] = useState(null);
-  const {
-    field: {
+  const _c = useController({
+      control,
+      name,
+      defaultValue: _defaultValue,
+      rules: {
+        required: required && DEFAULT_REQUIRED_ERROR_TEXT
+      }
+    }),
+    _d = _c.field,
+    {
       onChange,
       value: values
-    },
-    // fieldState: { error },
-    formState: {
-      errors
-    }
-  } = useController({
-    control,
-    name,
-    defaultValue: _defaultValue
-  });
+    } = _d,
+    fieldData = __rest(_d, ["onChange", "value"]),
+    {
+      // fieldState: { error },
+      formState: {
+        errors
+      }
+    } = _c;
   const handleInputChange = useCallback(e => {
     const {
       value
@@ -2330,15 +2336,16 @@ const ControlArrayInput = ({
     setLoacalValue(value);
   }, []);
   const handleAdd = useCallback(() => {
-    var _a;
     setError(null);
-    if (localValue && !((_a = errors[name]) === null || _a === void 0 ? void 0 : _a.message) && !(Array.isArray(values) && values.includes(localValue))) {
+    if (localValue &&
+    // !errors[name]?.message &&
+    !(Array.isArray(values) && values.includes(localValue))) {
       onChange([...(values !== null && values !== void 0 ? values : []), localValue]);
       setLoacalValue('');
     } else if (Array.isArray(values) && values.includes(localValue)) {
       setError('This value already exists');
     }
-  }, [localValue, errors, name, onChange, values]);
+  }, [localValue, onChange, values]);
   const handleDelete = useCallback(value => {
     onChange(values.filter(code => code !== value));
   }, [values, onChange]);
@@ -2376,9 +2383,10 @@ const ControlArrayInput = ({
       }, index))
     })), jsx("input", Object.assign({
       type: "hidden"
-    }, control.register(name, {
-      required: required && 'Please, add a value'
-    }))), jsx(TextField, {
+    }, control.register(name), {
+      onChange: onChange,
+      value: values
+    }, fieldData)), jsx(TextField, {
       fullWidth: true,
       variant: "outlined",
       size: "small",
@@ -2392,8 +2400,7 @@ const ControlArrayInput = ({
       InputProps: {
         endAdornment: jsx(IconButton, Object.assign({
           size: "small",
-          onClick: handleAdd,
-          disabled: !!((_c = errors[name]) === null || _c === void 0 ? void 0 : _c.message)
+          onClick: handleAdd
         }, {
           children: jsx(SvgIcon, {
             children: jsx("path", {
@@ -5956,19 +5963,21 @@ const PropertyFiller = ({
       }
     }
     clearErrors();
-  }, [name, defaultProperyValue, clearErrors, value, setFillOption, fillOption, propertyType, setValue, property]);
+  }, [name, clearErrors, value, setFillOption, fillOption, propertyType, property]);
   useEffect(() => {
     var _a;
     if (!isDirty && isPropertyValueEmpty(value)) {
       if (property.isRequired && (property.defaultValue === null || property.value === null)) {
-        setValue(name, (_a = prevValueRef.current[fillOption]) !== null && _a !== void 0 ? _a : defaultProperyValue);
+        setValue(name, (_a = prevValueRef.current[fillOption]) !== null && _a !== void 0 ? _a : defaultProperyValue, {
+          shouldDirty: true
+        });
       } else if (!property.isRequired && (property.defaultValue === null || property.value === null)) {
         setValue(name, null);
       } else if (!(isPropertyValueEmpty(property.defaultValue) || isPropertyValueEmpty(property.value))) {
         setValue(name, property.defaultValue || property.value);
       }
     }
-  }, [value, setValue, defaultProperyValue, property, name, fillOption, isDirty]);
+  }, [value, property, name, fillOption, isDirty]);
   useEffect(() => {
     if (!isPropertyValueEmpty(value) && property.propertyType !== PropertyType.JSON) {
       setValue(name, value);

package/package.json

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

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

@@ -20,5 +20,5 @@ export type PropertyFillerProps = {
         name: string;
     }>;
 };
-export declare const PropertyFiller: ({ property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText }: PropertyFillerProps) => JSX.Element;
+export declare const PropertyFiller: ({ property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText, }: PropertyFillerProps) => JSX.Element;
 export default PropertyFiller;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Control } from 'react-hook-form';
 type Props = {
     control: Control<any>;

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

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

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

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

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

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

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

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

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

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