@dartech/arsenal-ui 1.4.11 → 1.4.12

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", {

package/package.json

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