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

package/package.json

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

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

@@ -145,7 +145,7 @@ describe('BulkEditFormFieldsConfigConverter', () => {
     );
 
     expect(consoleWarnSpy).toHaveBeenCalledWith(
-      'No component found for field type: UnsupportedType',
+      'Bulk Edit: No component found for field type: UnsupportedType',
     );
     expect(getByTestId('FieldSelection')).toBeInTheDocument();
     expect(container.firstChild).toBeEmptyDOMElement();

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

@@ -1,5 +1,5 @@
 import { Field, useFormikContext } from 'formik';
-import React, { useEffect, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { Data } from '../../../types';
 import { FieldSelection } from '../../FieldSelection';
 import {
@@ -23,14 +23,8 @@ export const BulkEditFormFieldsConfigConverter = (
   const keys = Object.keys(config);
 
   const FormFields: React.FC = () => {
-    const {
-      setFieldValue,
-      setFieldTouched,
-      setErrors,
-      errors,
-      validateForm,
-      values,
-    } = useFormikContext<Data>();
+    const { setFieldValue, setFieldTouched, setErrors, errors, validateForm } =
+      useFormikContext<Data>();
 
     const onFieldRemoved = (field: string): void => {
       setFieldValue(field, undefined, false); // Clear the field value when removed
@@ -47,17 +41,6 @@ export const BulkEditFormFieldsConfigConverter = (
       }
     };
 
-    // 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] === '' || values[key].length === 0) {
-            setFieldValue(key, undefined);
-          }
-        });
-    }, [setFieldValue, values]);
-
     const onFieldAdded = (field: string): void => {
       setFieldTouched(field, true); // Mark the field as touched when added
     };
@@ -78,7 +61,9 @@ export const BulkEditFormFieldsConfigConverter = (
 
             if (!Component) {
               // eslint-disable-next-line no-console
-              console.warn(`No component found for field type: ${fieldType}`);
+              console.warn(
+                `Bulk Edit: No component found for field type: ${fieldType}`,
+              );
               return null; // Filter out null entries later
             }
 
@@ -88,12 +73,8 @@ export const BulkEditFormFieldsConfigConverter = (
                 key={key}
                 label={fieldConfig.label}
                 validate={(value: unknown) => {
-                  if (fieldType === 'Array') {
-                    // Array can be empty, so no validation needed
-                    return;
-                  }
                   if (value === null || value === undefined || value === '') {
-                    return 'This field is required';
+                    return 'Please provide a value';
                   }
                 }}
                 autoFocus={true}

package/src/components/Explorer/Explorer.stories.tsx

@@ -554,7 +554,6 @@ export const BulkEdit: StoryObj<ExplorerStoryType> = {
     ...Default.args,
     stationKey: 'StoryBookExplorer_QuickEdit',
     bulkEditRegistration: {
-      label: 'Bulk Edit',
       config: BulkEditImagesAsyncFormFieldsConfig,
       saveData: async (data, items) => {
         // eslint-disable-next-line no-console