@axinom/mosaic-ui 0.64.0-rc.2 → 0.64.0-rc.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.64.0-rc.2",
+  "version": "0.64.0-rc.4",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -112,5 +112,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b268105fb427d813ef333c4ebc476aa47e991a5a"
+  "gitHead": "e1f76ead41c3e4e99ea7b527723653b459399813"
 }

package/src/components/Explorer/BulkEdit/FormFieldsConfigConverter.tsx

@@ -1,5 +1,5 @@
 import { Field, useFormikContext } from 'formik';
-import React, { useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { Data } from '../../../types';
 import { FieldSelection } from '../../FieldSelection';
 import {
@@ -23,8 +23,28 @@ export const BulkEditFormFieldsConfigConverter = (
   const keys = Object.keys(config);
 
   const FormFields: React.FC = () => {
-    const { setFieldValue, setFieldTouched, setErrors, errors, validateForm } =
-      useFormikContext<Data>();
+    const {
+      setFieldValue,
+      setFieldTouched,
+      setErrors,
+      errors,
+      validateForm,
+      values,
+    } = useFormikContext<Data>();
+
+    // Effect to clear empty fields
+    // This will set fields with empty strings or empty arrays to undefined
+    useEffect(() => {
+      values &&
+        Object.keys(values).forEach((key) => {
+          if (
+            values[key] === '' ||
+            (Array.isArray(values[key]) && values[key].length === 0)
+          ) {
+            setFieldValue(key, undefined);
+          }
+        });
+    }, [setFieldValue, values]);
 
     const onFieldRemoved = (field: string): void => {
       setFieldValue(field, undefined, false); // Clear the field value when removed
@@ -73,7 +93,12 @@ export const BulkEditFormFieldsConfigConverter = (
                 key={key}
                 label={fieldConfig.label}
                 validate={(value: unknown) => {
-                  if (value === null || value === undefined || value === '') {
+                  if (
+                    value === null ||
+                    value === undefined ||
+                    value === '' ||
+                    (Array.isArray(value) && value.length === 0)
+                  ) {
                     return 'Please provide a value';
                   }
                 }}