@visns-studio/visns-components 5.15.33 → 5.15.35

package/package.json

@@ -94,7 +94,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.15.33",
+    "version": "5.15.35",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/Form.jsx

@@ -1734,29 +1734,56 @@ function Form({
                                             return acc;
                                         }, {});
 
-                                        const saveAnotherUrl = `${
-                                            saveAnother.url
-                                        }/${formData[saveAnother.dataKey]}`;
-                                        const resSaveAnother =
-                                            await CustomFetch(
-                                                saveAnotherUrl,
-                                                saveAnother.method,
-                                                processedData
-                                            );
-
-                                        if (resSaveAnother.data.error === '') {
-                                            toast.success(saveAnother.message);
+                                        // In bulk edit mode, call saveAnother for each row in the group
+                                        if (bulkEditMode && bulkEditGroupData?.groupRowIds?.length) {
+                                            let hasError = false;
+                                            for (const rowId of bulkEditGroupData.groupRowIds) {
+                                                const saveAnotherUrl = `${saveAnother.url}/${rowId}`;
+                                                const resSaveAnother =
+                                                    await CustomFetch(
+                                                        saveAnotherUrl,
+                                                        saveAnother.method,
+                                                        processedData
+                                                    );
+                                                if (resSaveAnother.data.error !== '') {
+                                                    hasError = true;
+                                                }
+                                            }
+                                            if (!hasError) {
+                                                toast.success(saveAnother.message);
+                                            } else {
+                                                saveAnotherFailed = true;
+                                            }
                                             if (fetchTable) {
                                                 const createdItem =
                                                     res.data.data || res.data;
                                                 fetchTable(createdItem);
                                             }
                                         } else {
-                                            saveAnotherFailed = true;
-                                            if (fetchTable) {
-                                                const createdItem =
-                                                    res.data.data || res.data;
-                                                fetchTable(createdItem);
+                                            const saveAnotherUrl = `${
+                                                saveAnother.url
+                                            }/${formData[saveAnother.dataKey]}`;
+                                            const resSaveAnother =
+                                                await CustomFetch(
+                                                    saveAnotherUrl,
+                                                    saveAnother.method,
+                                                    processedData
+                                                );
+
+                                            if (resSaveAnother.data.error === '') {
+                                                toast.success(saveAnother.message);
+                                                if (fetchTable) {
+                                                    const createdItem =
+                                                        res.data.data || res.data;
+                                                    fetchTable(createdItem);
+                                                }
+                                            } else {
+                                                saveAnotherFailed = true;
+                                                if (fetchTable) {
+                                                    const createdItem =
+                                                        res.data.data || res.data;
+                                                    fetchTable(createdItem);
+                                                }
                                             }
                                         }
                                     } else {
@@ -2204,6 +2231,24 @@ function Form({
 
     useEffect(() => {
         formSettings.fields.forEach((field) => {
+            // showIfEmpty: only show field when its own value is empty/null/undefined/[]
+            if (field.showIfEmpty) {
+                const val = formData[field.id];
+                const isEmpty =
+                    val === undefined ||
+                    val === null ||
+                    val === '' ||
+                    (Array.isArray(val) && val.length === 0);
+                field.hide = !isEmpty;
+
+                if (updateForm) {
+                    updateForm((prevState) => ({
+                        ...prevState,
+                        fields: [...formSettings.fields],
+                    }));
+                }
+            }
+
             const showConditions = field.show || [];
 
             showConditions.forEach((showObject) => {

package/src/components/columns/ColumnRenderers.jsx

@@ -1380,6 +1380,7 @@ export const renderRelationArrayColumn = ({
         sortable: isSortable,
         filterEditor: filterEditor,
         filterEditorProps: filterEditorProps,
+        className: 'cell-word-wrap',
         render: ({ data }) => {
             const relationValue = column.id.reduce(
                 (acc, id) =>
@@ -1454,7 +1455,11 @@ export const renderRelationArrayColumn = ({
                 }
 
                 return (
-                    <CellWithTooltip value={result} columnType="relationArray">
+                    <CellWithTooltip
+                        value={result}
+                        columnType="relationArray"
+                        wordWrap
+                    >
                         <span>{parse(result)}</span>
                     </CellWithTooltip>
                 );
@@ -1479,7 +1484,11 @@ export const renderRelationArrayColumn = ({
                 }
 
                 return (
-                    <CellWithTooltip value={result} columnType="relationArray">
+                    <CellWithTooltip
+                        value={result}
+                        columnType="relationArray"
+                        wordWrap
+                    >
                         <span>{parse(result)}</span>
                     </CellWithTooltip>
                 );