@visns-studio/visns-components 5.3.7 → 5.3.8

package/package.json

@@ -54,8 +54,8 @@
         "swapy": "^1.0.5",
         "truncate": "^3.0.0",
         "uuid": "^10.0.0",
-        "validator": "^13.12.0",
-        "vite": "^5.4.14",
+        "validator": "^13.15.0",
+        "vite": "^5.4.15",
         "yarn": "^1.22.22"
     },
     "devDependencies": {
@@ -78,7 +78,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.3.7",
+    "version": "5.3.8",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/DataGrid.jsx

@@ -242,6 +242,27 @@ const DataGrid = forwardRef(
             },
         }));
 
+        const getRowStyle = useCallback(
+            (rowProps) => {
+                const { data } = rowProps;
+
+                if (ajaxSetting?.rowColours?.length > 0) {
+                    const colorConfig = ajaxSetting.rowColours.find(
+                        (config) => data[config.id] === config.value
+                    );
+
+                    if (colorConfig) {
+                        return {
+                            backgroundColor: colorConfig.colour,
+                        };
+                    }
+                }
+
+                return null;
+            },
+            [ajaxSetting]
+        );
+
         const handleDownload = async (d) => {
             const toastId = toast.loading('Starting download please wait...');
 
@@ -2859,6 +2880,7 @@ const DataGrid = forwardRef(
                             renderColumnContextMenu={renderColumnContextMenu}
                             rowClassName="vs-datagrid--row"
                             rowHeight={null}
+                            rowStyle={getRowStyle}
                             selected={selected}
                             showZebraRows={true}
                             showActiveRowIndicator={false}