@axinom/mosaic-ui 0.63.0 → 0.63.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.63.0",
+  "version": "0.63.2",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -112,5 +112,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dbd1826dcce67b30117a399e4428db62caa949e2"
+  "gitHead": "d46924b900b1e93fe125e22418d2e9db4bf86fcc"
 }

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/BulkEdit/useBulkEdit.tsx

@@ -73,7 +73,7 @@ export const useBulkEdit = <T extends Data>({
     () =>
       bulkEditRegistration
         ? {
-            label: bulkEditRegistration.label ?? 'Bulk Edit',
+            label: bulkEditRegistration.label ?? 'Edit',
             icon: bulkEditRegistration.icon ?? IconName.BulkEdit,
             tag: 'BETA',
             onClick: () => setIsBulkEditMode((prev) => !prev),

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

package/src/components/FormStation/FormStationHeader/FormStationHeader.tsx

@@ -67,6 +67,7 @@ export const FormStationHeader: React.FC<
         actionItems.push({
           label: saveHeaderActionConfig.label,
           icon: saveHeaderActionConfig.icon,
+          confirmationMode: bulkEditContext ? 'Simple' : 'None',
           kind: 'action',
           actionType: PageHeaderActionType.Context,
           onClick: async () => {