@procore/data-table 14.35.2 → 14.35.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 14.35.4
+
+### Patch Changes
+
+- 1077669: Add support for onRowSelect callback of detail rows.
+
+## 14.35.3
+
+### Patch Changes
+
+- 7704d98: [Bug Fix] Deselect group children when group is deselected but closed
+
 ## 14.35.2
 
 ### Patch Changes

package/dist/legacy/index.cjs

@@ -55273,6 +55273,16 @@ var rowSelectionState = {
   selected: "selected",
   unselected: "unselected"
 };
+var getRowSelectionState = (rowNode) => {
+  switch (rowNode.isSelected()) {
+    case void 0:
+      return rowSelectionState.indeterminate;
+    case true:
+      return rowSelectionState.selected;
+    case false:
+      return rowSelectionState.unselected;
+  }
+};
 function isNodeRootLevelOfGrid(node) {
   return node ? node.level === -1 : false;
 }
@@ -104407,6 +104417,7 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           onCellValueChanged: onGridReadyOrValueChange,
           onRowDataChanged: onGridReadyOrValueChange,
           onRowDataUpdated: onGridReadyOrValueChange,
+          onRowSelected: detailRowConfig.onRowSelected ?? null,
           refreshStrategy: detailRowConfig.refreshStrategy || "everything",
           aggFuncs: aggregationFunctions_exports,
           defaultColDef: {
@@ -107767,8 +107778,7 @@ var useTableApi = ({
       if (!event.node.displayed || !event.node.id) {
         return;
       }
-      const isRowSelected2 = event.node.isSelected();
-      const selectedState = isRowSelected2 === true ? rowSelectionState.selected : isRowSelected2 === false ? rowSelectionState.unselected : rowSelectionState.indeterminate;
+      const selectedState = getRowSelectionState(event.node);
       rowSelectionRef.current.affectedRows[event.node.id] = {
         node: event.node,
         selectedState
@@ -109234,7 +109244,7 @@ var Table = (props) => {
     (_c2 = (_b2 = props.UNSAFE_internalAGGridOverrides) == null ? void 0 : _b2.onGridReady) == null ? void 0 : _c2.call(_b2, params);
   };
   const internalOnRowSelected = (event) => {
-    var _a2, _b2, _c2;
+    var _a2, _b2, _c2, _d;
     (_a2 = props.onRowSelected) == null ? void 0 : _a2.call(props, event);
     if (props.siblingGroupsRowSelectionDisabled) {
       const rootRowNode = getRootRowNode(event.node);
@@ -109246,6 +109256,10 @@ var Table = (props) => {
         });
       }
     }
+    if ((_d = internalTableContext.rowSelectionRef) == null ? void 0 : _d.current.affectedRows[event.node.id]) {
+      const nextSelectionState = getRowSelectionState(event.node);
+      internalTableContext.rowSelectionRef.current.affectedRows[event.node.id] = { node: event.node, selectedState: nextSelectionState };
+    }
   };
   const internalRowGroupOpened = React80__default.default.useCallback(
     (event) => {

package/dist/legacy/index.d.cts

@@ -1,5 +1,5 @@
 import * as _ag_grid_community_core from '@ag-grid-community/core';
-import { ICellRendererParams, NumberFilterModel as NumberFilterModel$1, ColDef, IRowNode, ICellEditorParams, ColumnPinnedType, RowHeightParams, GetRowIdParams, RowDataTransaction, RowNodeTransaction, ServerSideTransaction, GridApi, ICellEditor, RefreshCellsParams, RowNode as RowNode$1, Column, SelectionEventSourceType, CheckboxSelectionCallbackParams, ExcelDataType, Module, RowGroupOpenedEvent, RowSelectedEvent, ColumnEverythingChangedEvent, CellFocusedEvent, ColumnApi, TabToNextCellParams, CellPosition, IFilter, IScalarFilterParams, ISimpleFilterParams } from '@ag-grid-community/core';
+import { ICellRendererParams, NumberFilterModel as NumberFilterModel$1, ColDef, IRowNode, ICellEditorParams, ColumnPinnedType, RowHeightParams, GetRowIdParams, RowDataTransaction, RowNodeTransaction, ServerSideTransaction, GridApi, ICellEditor, RefreshCellsParams, RowNode as RowNode$1, Column, SelectionEventSourceType, CheckboxSelectionCallbackParams, RowSelectedEvent, ExcelDataType, Module, RowGroupOpenedEvent, ColumnEverythingChangedEvent, CellFocusedEvent, ColumnApi, TabToNextCellParams, CellPosition, IFilter, IScalarFilterParams, ISimpleFilterParams } from '@ag-grid-community/core';
 import * as React$1 from 'react';
 import React__default from 'react';
 import { AgGridReactProps, AgReactUiProps } from '@ag-grid-community/react';
@@ -759,6 +759,7 @@ interface DetailRowConfig<TRow = any> {
     rowSelection?: 'multiple' | 'single';
     rowMultiSelectWithClick?: boolean;
     suppressRowClickSelection?: boolean;
+    onRowSelected?: (event: RowSelectedEvent) => void;
 }
 type CustomRendererCell = {
     component: React.ComponentType<any>;

package/dist/legacy/index.d.ts

@@ -1,5 +1,5 @@
 import * as _ag_grid_community_core from '@ag-grid-community/core';
-import { ICellRendererParams, NumberFilterModel as NumberFilterModel$1, ColDef, IRowNode, ICellEditorParams, ColumnPinnedType, RowHeightParams, GetRowIdParams, RowDataTransaction, RowNodeTransaction, ServerSideTransaction, GridApi, ICellEditor, RefreshCellsParams, RowNode as RowNode$1, Column, SelectionEventSourceType, CheckboxSelectionCallbackParams, ExcelDataType, Module, RowGroupOpenedEvent, RowSelectedEvent, ColumnEverythingChangedEvent, CellFocusedEvent, ColumnApi, TabToNextCellParams, CellPosition, IFilter, IScalarFilterParams, ISimpleFilterParams } from '@ag-grid-community/core';
+import { ICellRendererParams, NumberFilterModel as NumberFilterModel$1, ColDef, IRowNode, ICellEditorParams, ColumnPinnedType, RowHeightParams, GetRowIdParams, RowDataTransaction, RowNodeTransaction, ServerSideTransaction, GridApi, ICellEditor, RefreshCellsParams, RowNode as RowNode$1, Column, SelectionEventSourceType, CheckboxSelectionCallbackParams, RowSelectedEvent, ExcelDataType, Module, RowGroupOpenedEvent, ColumnEverythingChangedEvent, CellFocusedEvent, ColumnApi, TabToNextCellParams, CellPosition, IFilter, IScalarFilterParams, ISimpleFilterParams } from '@ag-grid-community/core';
 import * as React$1 from 'react';
 import React__default from 'react';
 import { AgGridReactProps, AgReactUiProps } from '@ag-grid-community/react';
@@ -759,6 +759,7 @@ interface DetailRowConfig<TRow = any> {
     rowSelection?: 'multiple' | 'single';
     rowMultiSelectWithClick?: boolean;
     suppressRowClickSelection?: boolean;
+    onRowSelected?: (event: RowSelectedEvent) => void;
 }
 type CustomRendererCell = {
     component: React.ComponentType<any>;

package/dist/legacy/index.js

@@ -55260,6 +55260,16 @@ var rowSelectionState = {
   selected: "selected",
   unselected: "unselected"
 };
+var getRowSelectionState = (rowNode) => {
+  switch (rowNode.isSelected()) {
+    case void 0:
+      return rowSelectionState.indeterminate;
+    case true:
+      return rowSelectionState.selected;
+    case false:
+      return rowSelectionState.unselected;
+  }
+};
 function isNodeRootLevelOfGrid(node) {
   return node ? node.level === -1 : false;
 }
@@ -104394,6 +104404,7 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           onCellValueChanged: onGridReadyOrValueChange,
           onRowDataChanged: onGridReadyOrValueChange,
           onRowDataUpdated: onGridReadyOrValueChange,
+          onRowSelected: detailRowConfig.onRowSelected ?? null,
           refreshStrategy: detailRowConfig.refreshStrategy || "everything",
           aggFuncs: aggregationFunctions_exports,
           defaultColDef: {
@@ -107754,8 +107765,7 @@ var useTableApi = ({
       if (!event.node.displayed || !event.node.id) {
         return;
       }
-      const isRowSelected2 = event.node.isSelected();
-      const selectedState = isRowSelected2 === true ? rowSelectionState.selected : isRowSelected2 === false ? rowSelectionState.unselected : rowSelectionState.indeterminate;
+      const selectedState = getRowSelectionState(event.node);
       rowSelectionRef.current.affectedRows[event.node.id] = {
         node: event.node,
         selectedState
@@ -109221,7 +109231,7 @@ var Table = (props) => {
     (_c2 = (_b2 = props.UNSAFE_internalAGGridOverrides) == null ? void 0 : _b2.onGridReady) == null ? void 0 : _c2.call(_b2, params);
   };
   const internalOnRowSelected = (event) => {
-    var _a2, _b2, _c2;
+    var _a2, _b2, _c2, _d;
     (_a2 = props.onRowSelected) == null ? void 0 : _a2.call(props, event);
     if (props.siblingGroupsRowSelectionDisabled) {
       const rootRowNode = getRootRowNode(event.node);
@@ -109233,6 +109243,10 @@ var Table = (props) => {
         });
       }
     }
+    if ((_d = internalTableContext.rowSelectionRef) == null ? void 0 : _d.current.affectedRows[event.node.id]) {
+      const nextSelectionState = getRowSelectionState(event.node);
+      internalTableContext.rowSelectionRef.current.affectedRows[event.node.id] = { node: event.node, selectedState: nextSelectionState };
+    }
   };
   const internalRowGroupOpened = React80.useCallback(
     (event) => {

package/dist/modern/index.cjs

@@ -55217,6 +55217,16 @@ var rowSelectionState = {
   selected: "selected",
   unselected: "unselected"
 };
+var getRowSelectionState = (rowNode) => {
+  switch (rowNode.isSelected()) {
+    case void 0:
+      return rowSelectionState.indeterminate;
+    case true:
+      return rowSelectionState.selected;
+    case false:
+      return rowSelectionState.unselected;
+  }
+};
 function isNodeRootLevelOfGrid(node) {
   return node ? node.level === -1 : false;
 }
@@ -104273,6 +104283,7 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           onCellValueChanged: onGridReadyOrValueChange,
           onRowDataChanged: onGridReadyOrValueChange,
           onRowDataUpdated: onGridReadyOrValueChange,
+          onRowSelected: detailRowConfig.onRowSelected ?? null,
           refreshStrategy: detailRowConfig.refreshStrategy || "everything",
           aggFuncs: aggregationFunctions_exports,
           defaultColDef: {
@@ -107624,8 +107635,7 @@ var useTableApi = ({
       if (!event.node.displayed || !event.node.id) {
         return;
       }
-      const isRowSelected2 = event.node.isSelected();
-      const selectedState = isRowSelected2 === true ? rowSelectionState.selected : isRowSelected2 === false ? rowSelectionState.unselected : rowSelectionState.indeterminate;
+      const selectedState = getRowSelectionState(event.node);
       rowSelectionRef.current.affectedRows[event.node.id] = {
         node: event.node,
         selectedState
@@ -109059,6 +109069,10 @@ var Table = (props) => {
         });
       }
     }
+    if (internalTableContext.rowSelectionRef?.current.affectedRows[event.node.id]) {
+      const nextSelectionState = getRowSelectionState(event.node);
+      internalTableContext.rowSelectionRef.current.affectedRows[event.node.id] = { node: event.node, selectedState: nextSelectionState };
+    }
   };
   const internalRowGroupOpened = React80__default.default.useCallback(
     (event) => {

package/dist/modern/index.d.cts

@@ -1,5 +1,5 @@
 import * as _ag_grid_community_core from '@ag-grid-community/core';
-import { ICellRendererParams, NumberFilterModel as NumberFilterModel$1, ColDef, IRowNode, ICellEditorParams, ColumnPinnedType, RowHeightParams, GetRowIdParams, RowDataTransaction, RowNodeTransaction, ServerSideTransaction, GridApi, ICellEditor, RefreshCellsParams, RowNode as RowNode$1, Column, SelectionEventSourceType, CheckboxSelectionCallbackParams, ExcelDataType, Module, RowGroupOpenedEvent, RowSelectedEvent, ColumnEverythingChangedEvent, CellFocusedEvent, ColumnApi, TabToNextCellParams, CellPosition, IFilter, IScalarFilterParams, ISimpleFilterParams } from '@ag-grid-community/core';
+import { ICellRendererParams, NumberFilterModel as NumberFilterModel$1, ColDef, IRowNode, ICellEditorParams, ColumnPinnedType, RowHeightParams, GetRowIdParams, RowDataTransaction, RowNodeTransaction, ServerSideTransaction, GridApi, ICellEditor, RefreshCellsParams, RowNode as RowNode$1, Column, SelectionEventSourceType, CheckboxSelectionCallbackParams, RowSelectedEvent, ExcelDataType, Module, RowGroupOpenedEvent, ColumnEverythingChangedEvent, CellFocusedEvent, ColumnApi, TabToNextCellParams, CellPosition, IFilter, IScalarFilterParams, ISimpleFilterParams } from '@ag-grid-community/core';
 import * as React$1 from 'react';
 import React__default from 'react';
 import { AgGridReactProps, AgReactUiProps } from '@ag-grid-community/react';
@@ -759,6 +759,7 @@ interface DetailRowConfig<TRow = any> {
     rowSelection?: 'multiple' | 'single';
     rowMultiSelectWithClick?: boolean;
     suppressRowClickSelection?: boolean;
+    onRowSelected?: (event: RowSelectedEvent) => void;
 }
 type CustomRendererCell = {
     component: React.ComponentType<any>;

package/dist/modern/index.d.ts

@@ -1,5 +1,5 @@
 import * as _ag_grid_community_core from '@ag-grid-community/core';
-import { ICellRendererParams, NumberFilterModel as NumberFilterModel$1, ColDef, IRowNode, ICellEditorParams, ColumnPinnedType, RowHeightParams, GetRowIdParams, RowDataTransaction, RowNodeTransaction, ServerSideTransaction, GridApi, ICellEditor, RefreshCellsParams, RowNode as RowNode$1, Column, SelectionEventSourceType, CheckboxSelectionCallbackParams, ExcelDataType, Module, RowGroupOpenedEvent, RowSelectedEvent, ColumnEverythingChangedEvent, CellFocusedEvent, ColumnApi, TabToNextCellParams, CellPosition, IFilter, IScalarFilterParams, ISimpleFilterParams } from '@ag-grid-community/core';
+import { ICellRendererParams, NumberFilterModel as NumberFilterModel$1, ColDef, IRowNode, ICellEditorParams, ColumnPinnedType, RowHeightParams, GetRowIdParams, RowDataTransaction, RowNodeTransaction, ServerSideTransaction, GridApi, ICellEditor, RefreshCellsParams, RowNode as RowNode$1, Column, SelectionEventSourceType, CheckboxSelectionCallbackParams, RowSelectedEvent, ExcelDataType, Module, RowGroupOpenedEvent, ColumnEverythingChangedEvent, CellFocusedEvent, ColumnApi, TabToNextCellParams, CellPosition, IFilter, IScalarFilterParams, ISimpleFilterParams } from '@ag-grid-community/core';
 import * as React$1 from 'react';
 import React__default from 'react';
 import { AgGridReactProps, AgReactUiProps } from '@ag-grid-community/react';
@@ -759,6 +759,7 @@ interface DetailRowConfig<TRow = any> {
     rowSelection?: 'multiple' | 'single';
     rowMultiSelectWithClick?: boolean;
     suppressRowClickSelection?: boolean;
+    onRowSelected?: (event: RowSelectedEvent) => void;
 }
 type CustomRendererCell = {
     component: React.ComponentType<any>;

package/dist/modern/index.js

@@ -55204,6 +55204,16 @@ var rowSelectionState = {
   selected: "selected",
   unselected: "unselected"
 };
+var getRowSelectionState = (rowNode) => {
+  switch (rowNode.isSelected()) {
+    case void 0:
+      return rowSelectionState.indeterminate;
+    case true:
+      return rowSelectionState.selected;
+    case false:
+      return rowSelectionState.unselected;
+  }
+};
 function isNodeRootLevelOfGrid(node) {
   return node ? node.level === -1 : false;
 }
@@ -104260,6 +104270,7 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           onCellValueChanged: onGridReadyOrValueChange,
           onRowDataChanged: onGridReadyOrValueChange,
           onRowDataUpdated: onGridReadyOrValueChange,
+          onRowSelected: detailRowConfig.onRowSelected ?? null,
           refreshStrategy: detailRowConfig.refreshStrategy || "everything",
           aggFuncs: aggregationFunctions_exports,
           defaultColDef: {
@@ -107611,8 +107622,7 @@ var useTableApi = ({
       if (!event.node.displayed || !event.node.id) {
         return;
       }
-      const isRowSelected2 = event.node.isSelected();
-      const selectedState = isRowSelected2 === true ? rowSelectionState.selected : isRowSelected2 === false ? rowSelectionState.unselected : rowSelectionState.indeterminate;
+      const selectedState = getRowSelectionState(event.node);
       rowSelectionRef.current.affectedRows[event.node.id] = {
         node: event.node,
         selectedState
@@ -109046,6 +109056,10 @@ var Table = (props) => {
         });
       }
     }
+    if (internalTableContext.rowSelectionRef?.current.affectedRows[event.node.id]) {
+      const nextSelectionState = getRowSelectionState(event.node);
+      internalTableContext.rowSelectionRef.current.affectedRows[event.node.id] = { node: event.node, selectedState: nextSelectionState };
+    }
   };
   const internalRowGroupOpened = React80.useCallback(
     (event) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.35.2",
+  "version": "14.35.4",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/core/tree/main/packages/data-table",
@@ -107,9 +107,9 @@
     "@dotenvx/dotenvx": "1.6.4",
     "@ngneat/falso": "6.4.0",
     "@procore/core-css": "10.17.0",
-    "@procore/core-icons": "^12.8.0",
+    "@procore/core-icons": "^12.10.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "^12.25.2",
+    "@procore/core-react": "^12.26.6",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",