@visns-studio/visns-components 4.10.13 → 4.10.14

package/package.json

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

package/src/components/crm/Field.jsx

@@ -1469,13 +1469,7 @@ function Field({
                                     </td>
                                     {tableRadioColumns.map((cell, cellKey) => (
                                         <td
-                                            key={`table-radio-cell-${
-                                                settings.id
-                                            }-${row.id}-${
-                                                cell.id
-                                            }-${Math.random()
-                                                .toString(36)
-                                                .substr(2, 9)}`}
+                                            key={`table-radio-cell-${settings.id}-${row.id}-${cell.id}`}
                                             style={{
                                                 textAlign:
                                                     tableRadioColumns[cellKey]

package/src/components/crm/generic/GenericDynamic.jsx

@@ -247,33 +247,20 @@ const GenericDynamic = ({
                 return prevActiveForm;
             }
 
-            // Create a new rows array with updated value properties based on input type
+            // Create a shallow copy of rows to target only the necessary updates
             const updatedRows = prevActiveForm[formKey].rows.map((row) => {
                 if (row.id === rowId) {
-                    // Determine new value based on input type
-                    let newValue;
-                    if (type === 'checkbox') {
-                        newValue = { ...row.value, [columnId]: checked };
-                    } else if (
-                        type === 'date' ||
-                        type === 'time' ||
-                        type === 'text'
-                    ) {
-                        newValue = { ...row.value, [columnId]: value };
-                    } else {
-                        // For other input types, use the value directly
-                        newValue = { ...row.value, [columnId]: value };
-                    }
-
-                    return {
-                        ...row,
-                        value: newValue,
+                    // Update only the specific cell in the target row
+                    const newValue = {
+                        ...row.value,
+                        [columnId]: type === 'checkbox' ? checked : value,
                     };
+                    return { ...row, value: newValue }; // Return the updated row
                 }
-                return row;
+                return row; // Return other rows unchanged
             });
 
-            // Return the updated activeForm state
+            // Update only the formKey section of activeForm
             return {
                 ...prevActiveForm,
                 [formKey]: {