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

package/package.json

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

package/src/components/DynamicDataList/DynamicListRow/DynamicListRow.tsx

@@ -139,7 +139,7 @@ export const DynamicListRow = <T extends Data>({
       onClick={() => allowEditing && onRowClicked(data)}
     >
       {showPositionColumn && (
-        <div className={classes.position}>
+        <div className={classes.position} onClick={(e) => e.stopPropagation()}>
           {allowDragging && (
             <div className={classes.draggable} {...provided?.dragHandleProps}>
               <Icons icon={IconName.Drag} className={classes.dragIcon} />

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

@@ -32,6 +32,20 @@ export const BulkEditFormFieldsConfigConverter = (
       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
       setFieldTouched(field, false, false); // Mark the field as not touched
@@ -47,17 +61,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 +81,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 +93,13 @@ 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';
+                  if (
+                    value === null ||
+                    value === undefined ||
+                    value === '' ||
+                    (Array.isArray(value) && value.length === 0)
+                  ) {
+                    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

package/src/components/Explorer/QuickEdit/useQuickEdit.tsx

@@ -142,6 +142,7 @@ export const useQuickEdit = <T extends Data>({
                   : PageHeaderActionType.Context,
               onClick: async () => {
                 await saveCallbackRef.current?.();
+                setSelectedItem({ ...selectedItem });
                 setCurrentRegistration(registration);
                 updateDetailsLink(selectedItem, registration);
               },