formik-form-components 0.2.12 → 0.2.13

package/dist/index.mjs

@@ -918,6 +918,8 @@ function AppAutoComplete({
   variant = "outlined",
   label,
   options = [],
+  value: propValue,
+  onChange: propOnChange,
   sx,
   formControlSx,
   textFieldSx,
@@ -927,7 +929,8 @@ function AppAutoComplete({
   const { errors, touched, getFieldProps, values, setFieldValue } = useFormikContext();
   const fieldError = _19.get(errors, name);
   const isTouched = _19.get(touched, name);
-  const val = _19.get(values, name);
+  const formikValue = _19.get(values, name);
+  const val = propValue !== void 0 ? propValue : formikValue || [];
   return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, variant: "filled", sx: formControlSx, children: [
     /* @__PURE__ */ jsx(
       Autocomplete,
@@ -937,10 +940,23 @@ function AppAutoComplete({
         id: "tags-filled",
         options,
         freeSolo: true,
-        renderTags: (value, getTagProps) => value.map((option, index) => /* @__PURE__ */ createElement(Chip, { variant: "outlined", label: option, ...getTagProps({ index }), key: index, sx: chipSx })),
+        renderTags: (value, getTagProps) => value.map((option, index) => /* @__PURE__ */ createElement(
+          Chip,
+          {
+            variant: "outlined",
+            label: option,
+            ...getTagProps({ index }),
+            key: index,
+            sx: chipSx
+          }
+        )),
         value: val,
-        onChange: (event, newValue) => {
-          setFieldValue(name, newValue, true);
+        onChange: (event, newValue, reason, details) => {
+          if (propOnChange) {
+            propOnChange(event, newValue, reason, details);
+          } else {
+            setFieldValue(name, newValue, true);
+          }
         },
         renderInput: (params) => /* @__PURE__ */ jsx(
           TextField,
@@ -13807,7 +13823,7 @@ var AppUploadFile = ({
   dropZoneSx,
   ...rest
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b;
   const { errors, touched, setFieldValue, values } = useFormikContext();
   const fieldError = _19.get(errors, name);
   const isTouched = _19.get(touched, name);
@@ -13817,16 +13833,26 @@ var AppUploadFile = ({
   } else if (!((_b = rest.multiple) != null ? _b : false) && _19.isArray(val)) {
     val = val[0];
   }
-  const value = ((_c = rest.multiple) != null ? _c : false) ? (val != null ? val : []).map((__) => (__ == null ? void 0 : __.file) ? __ == null ? void 0 : __.file : __) : val;
+  const formatValue = (val2) => {
+    if (rest.multiple) {
+      return (Array.isArray(val2) ? val2 : []).map((item) => ({
+        ...(item == null ? void 0 : item.file) ? item : { file: item, preview: item == null ? void 0 : item.preview }
+      }));
+    }
+    return (val2 == null ? void 0 : val2.file) ? val2 : val2 ? { file: val2, preview: val2.preview } : null;
+  };
+  const formattedValue = formatValue(val);
+  const currentFiles = Array.isArray(val) ? val : [];
+  const isMaxFilesReached = rest.maxFiles !== null && rest.maxFiles !== void 0 && currentFiles.length >= rest.maxFiles;
   return /* @__PURE__ */ jsxs(Box, { sx, children: [
     /* @__PURE__ */ jsx(
       Upload,
       {
         ...rest,
-        file: ((_d = rest.multiple) != null ? _d : false) ? void 0 : value,
-        files: ((_e = rest.multiple) != null ? _e : false) ? value : void 0,
+        file: rest.multiple ? void 0 : formattedValue,
+        files: rest.multiple ? formattedValue : void 0,
         error: Boolean(fieldError) && isTouched,
-        disabled: (rest == null ? void 0 : rest.maxFiles) !== null && (rest == null ? void 0 : rest.maxFiles) !== void 0 && (value == null ? void 0 : value.length) >= (rest == null ? void 0 : rest.maxFiles),
+        disabled: isMaxFilesReached,
         sx: [{
           "& .MuiDropzoneArea-root": {
             minHeight: 200,
@@ -13856,7 +13882,7 @@ var AppUploadFile = ({
                 };
               })
             );
-            const currentValue = Array.isArray(value) ? value : [];
+            const currentValue = Array.isArray(val) ? [...val] : [];
             if (rest.multiple === true) {
               if (currentValue.length >= ((_a2 = rest.maxFiles) != null ? _a2 : Infinity))
                 return;
@@ -13871,18 +13897,20 @@ var AppUploadFile = ({
           if ((_a2 = rest.multiple) != null ? _a2 : false) {
             setFieldValue(name, [], true);
           } else {
-            setFieldValue(name, "", true);
+            setFieldValue(name, null, true);
           }
         },
-        onRemove: (e) => {
-          const afterFilter = val.filter((file) => {
-            var _a2;
-            if ((_a2 = file.file) != null ? _a2 : false) {
-              return !_19.isEqual(e, file.file);
-            }
-            return !_19.isEqual(e, file);
-          });
-          setFieldValue(name, afterFilter, true);
+        onRemove: (fileToRemove) => {
+          if (rest.multiple) {
+            const currentFiles2 = Array.isArray(val) ? [...val] : [];
+            const filteredFiles = currentFiles2.filter((file) => {
+              const fileObj = (file == null ? void 0 : file.file) ? file.file : file;
+              return !_19.isEqual(fileObj, fileToRemove);
+            });
+            setFieldValue(name, filteredFiles, true);
+          } else {
+            setFieldValue(name, null, true);
+          }
         }
       }
     ),