@dartech/arsenal-ui 1.4.42 → 1.4.43

package/index.js

@@ -2466,36 +2466,41 @@ const ControlTime = ({
   }));
 };
 
-const ControlArrayInput = ({
-  name,
-  control,
-  label,
-  required,
-  defaultValue: _defaultValue = null
-}) => {
-  var _a, _b;
+const ControlArrayInput = _a => {
+  var _b, _c, _d;
+  var {
+      name,
+      control,
+      label,
+      required,
+      defaultValue = null,
+      onChange: customOnChange,
+      textFieldLabel
+    } = _a,
+    textFieldProps = __rest(_a, ["name", "control", "label", "required", "defaultValue", "onChange", "textFieldLabel"]);
   const [localValue, setLoacalValue] = useState('');
   const [error, setError] = useState(null);
-  const _c = useController({
+  const _e = useController({
       control,
       name,
-      defaultValue: _defaultValue,
+      defaultValue,
       rules: {
         required: required && DEFAULT_REQUIRED_ERROR_TEXT
       }
     }),
-    _d = _c.field,
+    _f = _e.field,
     {
-      onChange,
+      onChange: innerOnChange,
       value: values
-    } = _d,
-    fieldData = __rest(_d, ["onChange", "value"]),
+    } = _f,
+    fieldData = __rest(_f, ["onChange", "value"]),
     {
       // fieldState: { error },
       formState: {
         errors
       }
-    } = _c;
+    } = _e;
+  const onChange = useMemo(() => customOnChange ? customOnChange : innerOnChange, [customOnChange, innerOnChange]);
   const handleInputChange = useCallback(e => {
     const {
       value
@@ -2524,17 +2529,10 @@ const ControlArrayInput = ({
     }
   }, [handleAdd]);
   return jsxs(Fragment, {
-    children: [jsx(Typography, Object.assign({
-      variant: "subtitle1"
+    children: [jsx(FormLabel, Object.assign({
+      required: required
     }, {
-      children: required ? jsxs(Fragment, {
-        children: [label, ' ', jsx(Box, Object.assign({
-          component: "span",
-          color: "#D6331F"
-        }, {
-          children: "*"
-        }))]
-      }) : label
+      children: label
     })), jsx(Box, Object.assign({
       display: "flex",
       flexWrap: "wrap"
@@ -2553,15 +2551,15 @@ const ControlArrayInput = ({
     }, control.register(name), {
       onChange: onChange,
       value: values
-    }, fieldData)), jsx(TextField, {
+    }, fieldData)), jsx(TextField, Object.assign({
       fullWidth: true,
       variant: "outlined",
       size: "small",
-      label: `Add ${label}`,
+      label: textFieldLabel || textFieldLabel === '' ? textFieldLabel : `Add ${label}`,
       value: localValue,
       onChange: handleInputChange,
-      error: !!((_a = errors[name]) === null || _a === void 0 ? void 0 : _a.message),
-      helperText: (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message,
+      error: !!((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message),
+      helperText: (_c = errors[name]) === null || _c === void 0 ? void 0 : _c.message,
       FormHelperTextProps: {
         variant: 'standard'
       },
@@ -2578,8 +2576,9 @@ const ControlArrayInput = ({
             })
           })
         }))
-      }
-    }), error && jsx(FormHelperText, Object.assign({
+      },
+      inputProps: Object.assign({}, (_d = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.inputProps) !== null && _d !== void 0 ? _d : {})
+    }, textFieldProps)), error && jsx(FormHelperText, Object.assign({
       error: true
     }, {
       children: error

package/package.json

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

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

@@ -1,11 +1,14 @@
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
-type Props = {
+import { TextFieldProps } from '@mui/material/TextField';
+type Props = TextFieldProps & {
     name: string;
     control: Control<any>;
     label: ReactNode;
     required?: boolean;
     defaultValue?: [] | null;
+    onChange?: any;
+    textFieldLabel?: string;
 };
-export declare const ControlArrayInput: ({ name, control, label, required, defaultValue, }: Props) => JSX.Element;
+export declare const ControlArrayInput: ({ name, control, label, required, defaultValue, onChange: customOnChange, textFieldLabel, ...textFieldProps }: Props) => JSX.Element;
 export {};