@telus-uds/components-community.data-grid 1.7.7 → 1.8.0

package/CHANGELOG.md

@@ -1,12 +1,35 @@
 # Change Log - @telus-uds/components-community.data-grid
 
-This log was last generated on Mon, 19 Jan 2026 20:39:51 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Feb 2026 02:50:19 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.8.0
+
+Wed, 18 Feb 2026 02:50:19 GMT
+
+### Minor changes
+
+- `Datagrid`: Enhancement to provide custom business logic per row on checkbox click. (shivam.gupta3@telus.com)
+- Bump @telus-uds/components-web to v4.18.1
+- Bump @telus-uds/components-base to v3.28.0
+- Bump @telus-uds/system-theme-tokens to v4.20.0
+- Bump @telus-uds/browserslist-config to v1.0.5
+
+## 1.7.8
+
+Thu, 29 Jan 2026 15:50:18 GMT
+
+### Patches
+
+- Bump @telus-uds/components-web to v4.18.0
+- Bump @telus-uds/components-base to v3.27.0
+- Bump @telus-uds/system-theme-tokens to v4.19.0
+- Bump @telus-uds/browserslist-config to v1.0.5
+
 ## 1.7.7
 
-Mon, 19 Jan 2026 20:39:51 GMT
+Mon, 19 Jan 2026 20:01:23 GMT
 
 ### Patches
 

package/lib/cjs/DataGrid.js

@@ -124,8 +124,26 @@ const DataGrid = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
         ...data
       };
       tempData[group].data = (0, _utility.toggleRowCheckbox)(tempData[group].data, id);
+      if (row?.hasExpandedRow && row?.onCheckBoxToggle && typeof row.onCheckBoxToggle === 'function') {
+        const {
+          data: newData,
+          shouldToggle
+        } = row.onCheckBoxToggle(tempData[group].data, id);
+        if (shouldToggle) {
+          tempData[group].data = newData;
+        }
+      }
     } else {
       tempData = (0, _utility.toggleRowCheckbox)(data, rowId);
+      if (row?.hasExpandedRow && row?.onCheckBoxToggle && typeof row.onCheckBoxToggle === 'function') {
+        const {
+          data: newData,
+          shouldToggle
+        } = row.onCheckBoxToggle(tempData, rowId);
+        if (shouldToggle) {
+          tempData = newData;
+        }
+      }
     }
     setData(tempData);
   };
@@ -415,7 +433,8 @@ DataGrid.propTypes = {
       name: _propTypes.default.string,
       value: _propTypes.default.string.isRequired,
       onChange: _propTypes.default.func
-    })
+    }),
+    onCheckBoxToggle: _propTypes.default.func
   })),
   /**
    * Set this to true to enable columns to become sortable.

package/lib/cjs/DataGridRow.js

@@ -91,6 +91,10 @@ DataGridRow.propTypes = {
   /**
    *  onClick is a function to open/close a row with expanded content
    */
-  onClick: _propTypes.default.func
+  onClick: _propTypes.default.func,
+  /**
+   * Optional function prop to intercept the checkbox's functionality and provide auto expand of row on deselect checkbox
+   */
+  onCheckBoxToggle: _propTypes.default.func
 };
 var _default = exports.default = DataGridRow;

package/lib/esm/DataGrid.js

@@ -115,8 +115,26 @@ const DataGrid = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         ...data
       };
       tempData[group].data = toggleRowCheckbox(tempData[group].data, id);
+      if (row?.hasExpandedRow && row?.onCheckBoxToggle && typeof row.onCheckBoxToggle === 'function') {
+        const {
+          data: newData,
+          shouldToggle
+        } = row.onCheckBoxToggle(tempData[group].data, id);
+        if (shouldToggle) {
+          tempData[group].data = newData;
+        }
+      }
     } else {
       tempData = toggleRowCheckbox(data, rowId);
+      if (row?.hasExpandedRow && row?.onCheckBoxToggle && typeof row.onCheckBoxToggle === 'function') {
+        const {
+          data: newData,
+          shouldToggle
+        } = row.onCheckBoxToggle(tempData, rowId);
+        if (shouldToggle) {
+          tempData = newData;
+        }
+      }
     }
     setData(tempData);
   };
@@ -406,7 +424,8 @@ DataGrid.propTypes = {
       name: PropTypes.string,
       value: PropTypes.string.isRequired,
       onChange: PropTypes.func
-    })
+    }),
+    onCheckBoxToggle: PropTypes.func
   })),
   /**
    * Set this to true to enable columns to become sortable.

package/lib/esm/DataGridRow.js

@@ -82,6 +82,10 @@ DataGridRow.propTypes = {
   /**
    *  onClick is a function to open/close a row with expanded content
    */
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  /**
+   * Optional function prop to intercept the checkbox's functionality and provide auto expand of row on deselect checkbox
+   */
+  onCheckBoxToggle: PropTypes.func
 };
 export default DataGridRow;

package/package.json

@@ -5,9 +5,9 @@
   ],
   "dependencies": {
     "prop-types": "^15.7.2",
-    "@telus-uds/components-web": "^4.17.0",
-    "@telus-uds/components-base": "^3.26.0",
-    "@telus-uds/system-theme-tokens": "^4.18.0",
+    "@telus-uds/components-web": "^4.18.1",
+    "@telus-uds/components-base": "^3.28.0",
+    "@telus-uds/system-theme-tokens": "^4.20.0",
     "styled-components": "6.1.13"
   },
   "devDependencies": {
@@ -44,5 +44,5 @@
   "standard-engine": {
     "skip": true
   },
-  "version": "1.7.7"
+  "version": "1.8.0"
 }

package/src/DataGrid.jsx

@@ -137,7 +137,6 @@ const DataGrid = React.forwardRef(
 
     const toggleCheckbox = (rowId, row) => {
       let tempData = null
-
       if (typeof row.checkBoxProps?.onChange === 'function') {
         row.checkBoxProps.onChange()
       }
@@ -147,8 +146,29 @@ const DataGrid = React.forwardRef(
         const id = parseInt(splitID, 10)
         tempData = { ...data }
         tempData[group].data = toggleRowCheckbox(tempData[group].data, id)
+
+        if (
+          row?.hasExpandedRow &&
+          row?.onCheckBoxToggle &&
+          typeof row.onCheckBoxToggle === 'function'
+        ) {
+          const { data: newData, shouldToggle } = row.onCheckBoxToggle(tempData[group].data, id)
+          if (shouldToggle) {
+            tempData[group].data = newData
+          }
+        }
       } else {
         tempData = toggleRowCheckbox(data, rowId)
+        if (
+          row?.hasExpandedRow &&
+          row?.onCheckBoxToggle &&
+          typeof row.onCheckBoxToggle === 'function'
+        ) {
+          const { data: newData, shouldToggle } = row.onCheckBoxToggle(tempData, rowId)
+          if (shouldToggle) {
+            tempData = newData
+          }
+        }
       }
       setData(tempData)
     }
@@ -551,7 +571,8 @@ DataGrid.propTypes = {
         name: PropTypes.string,
         value: PropTypes.string.isRequired,
         onChange: PropTypes.func
-      })
+      }),
+      onCheckBoxToggle: PropTypes.func
     })
   ),
   /**

package/src/DataGridRow.jsx

@@ -102,7 +102,11 @@ DataGridRow.propTypes = {
   /**
    *  onClick is a function to open/close a row with expanded content
    */
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  /**
+   * Optional function prop to intercept the checkbox's functionality and provide auto expand of row on deselect checkbox
+   */
+  onCheckBoxToggle: PropTypes.func
 }
 
 export default DataGridRow