@procore/data-table 14.35.4 → 14.36.1

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Change Log
 
+## 14.36.1
+
+### Patch Changes
+
+- 6f750df: Add tooltip support for row selection checkboxes. Checkboxes can now display contextual information via the checkboxTooltip row data property.
+
+## 14.36.0
+
+### Minor Changes
+
+- d1578b0: Add UNSAFE_agGridInternalOverrides prop to detailRowConfig to allow custom AG Grid configuration for detail grids (nested tables)
+
+### Patch Changes
+
+- e850539: Remove deprecated `detailRowSelectionEnabled` prop and consolidate row selection logic within `detailRowConfig`.
+
+  **Changes:**
+
+  - Removed deprecated `detailRowSelectionEnabled` prop (deprecated since 11.13.0)
+  - Updated `DetailRowConfig.rowSelectionEnabled` type to use `RowSelectablePredicateParams` instead of `CheckboxSelectionCallbackParams`
+  - Refactored checkbox selection logic from `defaultColDef` to centralized `isRowSelectable` function
+  - Added RowSelection story demonstrating nested table row selection with parent disabled
+  - Added comprehensive e2e tests for nested table row selection functionality
+
+  **Migration:** If still using the deprecated `detailRowSelectionEnabled` prop, move it to `detailRowConfig.rowSelectionEnabled`:
+
+  ```tsx
+  // Before
+  <DataTable.Table
+    detailRowSelectionEnabled={true}
+    detailRowConfig={{
+      // ... other config
+    }}
+  />
+
+  // After
+  <DataTable.Table
+    detailRowConfig={{
+      rowSelectionEnabled: true,
+      // ... other config
+    }}
+  />
+  ```
+
 ## 14.35.4
 
 ### Patch Changes

package/dist/legacy/index.cjs

@@ -55450,7 +55450,7 @@ function getCheckboxState(node, isServerSideDataRequest, rowSelectionRef) {
   };
 }
 function RowCheckbox(props) {
-  var _a;
+  var _a, _b, _c;
   const I18n = coreReact.useI18nContext();
   const { rowSelectionRef, onServerSideDataRequest } = useInternalTableContext();
   const [_selected, setSelected] = React80.useState(props.node.isSelected());
@@ -55470,7 +55470,7 @@ function RowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { paddingRight: "md" }, /* @__PURE__ */ React80__default.default.createElement(
+  let checkbox = /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Checkbox,
     {
       checked: selected,
@@ -55490,7 +55490,11 @@ function RowCheckbox(props) {
       },
       onChange: noop2
     }
-  ));
+  );
+  if ((_b = props.data) == null ? void 0 : _b.checkboxTooltip) {
+    checkbox = /* @__PURE__ */ React80__default.default.createElement(coreReact.Tooltip, { overlay: (_c = props.data) == null ? void 0 : _c.checkboxTooltip, placement: "right" }, /* @__PURE__ */ React80__default.default.createElement("span", null, checkbox));
+  }
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { paddingRight: "md" }, checkbox);
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -81414,7 +81418,7 @@ __decorate216([
 __decorate216([
   Validate(NUMBER())
 ], TooltipPosition.prototype, "yOffset", void 0);
-var Tooltip6 = class _Tooltip {
+var Tooltip7 = class _Tooltip {
   constructor(canvasElement, document2, container) {
     this.enableInteraction = false;
     this.enabled = true;
@@ -81550,25 +81554,25 @@ var Tooltip6 = class _Tooltip {
     this._showArrow = show;
   }
 };
-Tooltip6.tooltipDocuments = [];
+Tooltip7.tooltipDocuments = [];
 __decorate216([
   Validate(BOOLEAN)
-], Tooltip6.prototype, "enabled", void 0);
+], Tooltip7.prototype, "enabled", void 0);
 __decorate216([
   Validate(OPT_BOOLEAN)
-], Tooltip6.prototype, "showArrow", void 0);
+], Tooltip7.prototype, "showArrow", void 0);
 __decorate216([
   Validate(OPT_STRING)
-], Tooltip6.prototype, "class", void 0);
+], Tooltip7.prototype, "class", void 0);
 __decorate216([
   Validate(NUMBER(0))
-], Tooltip6.prototype, "delay", void 0);
+], Tooltip7.prototype, "delay", void 0);
 __decorate216([
   DeprecatedAndRenamedTo("range", (value) => value ? "nearest" : "exact")
-], Tooltip6.prototype, "tracking", void 0);
+], Tooltip7.prototype, "tracking", void 0);
 __decorate216([
   Validate(INTERACTION_RANGE)
-], Tooltip6.prototype, "range", void 0);
+], Tooltip7.prototype, "range", void 0);
 
 // ../../node_modules/ag-charts-community/dist/esm/es6/chart/data/aggregateFunctions.mjs
 function sumValues(values2, accumulator = [0, 0]) {
@@ -86553,7 +86557,7 @@ var Chart = class extends Observable {
     this.animationManager = new AnimationManager(this.interactionManager);
     this.animationManager.skipAnimations = true;
     this.animationManager.play();
-    this.tooltip = new Tooltip6(this.scene.canvas.element, document2, document2.body);
+    this.tooltip = new Tooltip7(this.scene.canvas.element, document2, document2.body);
     this.tooltipManager = new TooltipManager(this.tooltip, this.interactionManager);
     this.overlays = new ChartOverlays(this.element);
     this.highlight = new ChartHighlight();
@@ -101009,7 +101013,7 @@ __export(integrated_charts_scene_exports, {
   Shape: () => Shape,
   Square: () => Square,
   Text: () => Text,
-  Tooltip: () => Tooltip6,
+  Tooltip: () => Tooltip7,
   getFont: () => getFont2,
   getMarker: () => getMarker,
   toRadians: () => toRadians,
@@ -104339,12 +104343,10 @@ var buildDetailRowsConfig = ({
   frameworkComponents,
   getRowHeight,
   emptyStateRenderer,
-  detailRowSelectionEnabled: detailRowSelectionEnabled_,
   enableGroupEditAndValidation,
   enableDynamicRowHeight,
   isServerSideRowModel
 }) => {
-  const detailRowSelectionEnabled = detailRowSelectionEnabled_ ?? false;
   if (detailRowConfig === void 0) {
     return {};
   }
@@ -104353,7 +104355,6 @@ var buildDetailRowsConfig = ({
     frameworkComponents,
     getRowHeight,
     emptyStateRenderer,
-    detailRowSelectionEnabled,
     enableGroupEditAndValidation,
     enableDynamicRowHeight,
     isServerSideRowModel
@@ -104364,7 +104365,6 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
   frameworkComponents,
   getRowHeight,
   emptyStateRenderer,
-  detailRowSelectionEnabled: deprecatedDetailRowSelectionEnabled,
   enableGroupEditAndValidation,
   enableDynamicRowHeight,
   isServerSideRowModel
@@ -104379,7 +104379,18 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
     }
   };
   const rowHeightConfig = detailRowConfig.height === "auto" || detailRowConfig.height === void 0 ? { detailRowAutoHeight: true } : { detailRowHeight: detailRowConfig.height };
-  const isRowSelectable = () => deprecatedDetailRowSelectionEnabled ?? false;
+  const isRowSelectable = (node) => {
+    if (typeof detailRowConfig.rowSelectionEnabled === "boolean") {
+      return detailRowConfig.rowSelectionEnabled;
+    }
+    if (typeof detailRowConfig.rowSelectionEnabled === "function") {
+      return isRowSelectionEnabledForRow(
+        detailRowConfig.rowSelectionEnabled,
+        node
+      );
+    }
+    return false;
+  };
   return {
     isRowMaster: detailRowConfig.isExpandable,
     masterDetail: true,
@@ -104420,18 +104431,7 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           onRowSelected: detailRowConfig.onRowSelected ?? null,
           refreshStrategy: detailRowConfig.refreshStrategy || "everything",
           aggFuncs: aggregationFunctions_exports,
-          defaultColDef: {
-            ...defaultColDef,
-            checkboxSelection(params) {
-              var _a, _b, _c;
-              const rowSelectionEnabled = detailRowConfig.rowSelectionEnabled ?? deprecatedDetailRowSelectionEnabled;
-              const rowSelectionEnabledValue = typeof rowSelectionEnabled === "function" ? rowSelectionEnabled(params) : rowSelectionEnabled ?? false;
-              if (!rowSelectionEnabledValue) {
-                return false;
-              }
-              return ((_c = (_b = (_a = params.columnApi) == null ? void 0 : _a.getRowGroupColumns) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.length) === 0 && isFirstColumn(params);
-            }
-          },
+          defaultColDef,
           rowSelection: detailRowConfig.rowSelection,
           rowMultiSelectWithClick: detailRowConfig.rowMultiSelectWithClick,
           suppressRowClickSelection: detailRowConfig.suppressRowClickSelection ?? true,
@@ -104451,7 +104451,8 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           suppressAggFuncInHeader: true,
           suppressContextMenu: true,
           suppressColumnVirtualisation: true,
-          getRowHeight: getRowHeight == null ? void 0 : getRowHeight(detailRowConfig.customFooters)
+          getRowHeight: getRowHeight == null ? void 0 : getRowHeight(detailRowConfig.customFooters),
+          ...detailRowConfig.UNSAFE_agGridInternalOverrides ?? {}
         },
         getDetailRowData: detailRowConfig.getDetailRowData
       };
@@ -109348,7 +109349,6 @@ var Table = (props) => {
     [
       columnGroupBordersEnabled,
       props.showGroupChildCount,
-      props.detailRowSelectionEnabled,
       props.detailRowConfigs,
       props.detailRowConfig
     ]
@@ -109360,13 +109360,11 @@ var Table = (props) => {
       frameworkComponents: frameworkComponents.detail,
       getRowHeight,
       emptyStateRenderer: props.emptyStateRenderer,
-      detailRowSelectionEnabled: props.detailRowSelectionEnabled,
       enableGroupEditAndValidation: internalTableContext.enableGroupEditAndValidation,
       enableDynamicRowHeight: internalTableContext.enableDynamicRowHeight,
       isServerSideRowModel: !!internalTableContext.onServerSideDataRequest
     });
   }, [
-    props.detailRowSelectionEnabled,
     props.detailRowConfigs,
     props.detailRowConfig,
     defaultColDef,

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, RowSelectedEvent, ExcelDataType, Module, RowGroupOpenedEvent, 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, 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';
@@ -755,11 +755,21 @@ interface DetailRowConfig<TRow = any> {
     customFooters?: CustomFooterConfig[];
     /** See ag-grid docs for more info: https://www.ag-grid.com/javascript-data-grid/master-detail-refresh/ */
     refreshStrategy?: 'everything' | 'rows' | 'nothing';
-    rowSelectionEnabled?: boolean | ((params: CheckboxSelectionCallbackParams<TRow>) => boolean);
+    rowSelectionEnabled?: boolean | ((params: RowSelectablePredicateParams<TRow>) => boolean);
     rowSelection?: 'multiple' | 'single';
     rowMultiSelectWithClick?: boolean;
     suppressRowClickSelection?: boolean;
     onRowSelected?: (event: RowSelectedEvent) => void;
+    /**
+     * Overrides internal props for the detail grid's AgGridReact component. This is not guaranteed under DataTable SemVer
+     * and can break during any upgrade of the ag-grid-react package
+     *
+     * For documentation see: {@link https://www.ag-grid.com/react-data-grid/grid-options/}
+     * The ag-grid changelog can be found here: {@link https://www.ag-grid.com/changelog/}
+     *
+     * Warning: This can break normal Data Table functionality.
+     */
+    UNSAFE_agGridInternalOverrides?: AgGridReactProps | AgReactUiProps;
 }
 type CustomRendererCell = {
     component: React.ComponentType<any>;
@@ -972,11 +982,6 @@ interface TableProps<TRow = any, TBottomRow = any> {
      */
     detailRowConfigs?: DetailRowConfig<TRow>[];
     detailRowConfig?: DetailRowConfig<TRow>;
-    /**
-     * @deprecated Please use `detailRowConfig.rowSelectionEnabled` instead
-     * @deprecatedSince 11.13.0
-     */
-    detailRowSelectionEnabled?: boolean;
     siblingGroupsRowSelectionDisabled?: boolean;
     emptyStateRenderer?: React.FunctionComponent;
     excelDataTypeFormats?: DTExcelFormats[];

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, RowSelectedEvent, ExcelDataType, Module, RowGroupOpenedEvent, 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, 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';
@@ -755,11 +755,21 @@ interface DetailRowConfig<TRow = any> {
     customFooters?: CustomFooterConfig[];
     /** See ag-grid docs for more info: https://www.ag-grid.com/javascript-data-grid/master-detail-refresh/ */
     refreshStrategy?: 'everything' | 'rows' | 'nothing';
-    rowSelectionEnabled?: boolean | ((params: CheckboxSelectionCallbackParams<TRow>) => boolean);
+    rowSelectionEnabled?: boolean | ((params: RowSelectablePredicateParams<TRow>) => boolean);
     rowSelection?: 'multiple' | 'single';
     rowMultiSelectWithClick?: boolean;
     suppressRowClickSelection?: boolean;
     onRowSelected?: (event: RowSelectedEvent) => void;
+    /**
+     * Overrides internal props for the detail grid's AgGridReact component. This is not guaranteed under DataTable SemVer
+     * and can break during any upgrade of the ag-grid-react package
+     *
+     * For documentation see: {@link https://www.ag-grid.com/react-data-grid/grid-options/}
+     * The ag-grid changelog can be found here: {@link https://www.ag-grid.com/changelog/}
+     *
+     * Warning: This can break normal Data Table functionality.
+     */
+    UNSAFE_agGridInternalOverrides?: AgGridReactProps | AgReactUiProps;
 }
 type CustomRendererCell = {
     component: React.ComponentType<any>;
@@ -972,11 +982,6 @@ interface TableProps<TRow = any, TBottomRow = any> {
      */
     detailRowConfigs?: DetailRowConfig<TRow>[];
     detailRowConfig?: DetailRowConfig<TRow>;
-    /**
-     * @deprecated Please use `detailRowConfig.rowSelectionEnabled` instead
-     * @deprecatedSince 11.13.0
-     */
-    detailRowSelectionEnabled?: boolean;
     siblingGroupsRowSelectionDisabled?: boolean;
     emptyStateRenderer?: React.FunctionComponent;
     excelDataTypeFormats?: DTExcelFormats[];

package/dist/legacy/index.js

@@ -55437,7 +55437,7 @@ function getCheckboxState(node, isServerSideDataRequest, rowSelectionRef) {
   };
 }
 function RowCheckbox(props) {
-  var _a;
+  var _a, _b, _c;
   const I18n = useI18nContext();
   const { rowSelectionRef, onServerSideDataRequest } = useInternalTableContext();
   const [_selected, setSelected] = useState(props.node.isSelected());
@@ -55457,7 +55457,7 @@ function RowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React80.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React80.createElement(
+  let checkbox = /* @__PURE__ */ React80.createElement(
     Checkbox,
     {
       checked: selected,
@@ -55477,7 +55477,11 @@ function RowCheckbox(props) {
       },
       onChange: noop2
     }
-  ));
+  );
+  if ((_b = props.data) == null ? void 0 : _b.checkboxTooltip) {
+    checkbox = /* @__PURE__ */ React80.createElement(Tooltip, { overlay: (_c = props.data) == null ? void 0 : _c.checkboxTooltip, placement: "right" }, /* @__PURE__ */ React80.createElement("span", null, checkbox));
+  }
+  return /* @__PURE__ */ React80.createElement(Box, { paddingRight: "md" }, checkbox);
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -81401,7 +81405,7 @@ __decorate216([
 __decorate216([
   Validate(NUMBER())
 ], TooltipPosition.prototype, "yOffset", void 0);
-var Tooltip6 = class _Tooltip {
+var Tooltip7 = class _Tooltip {
   constructor(canvasElement, document2, container) {
     this.enableInteraction = false;
     this.enabled = true;
@@ -81537,25 +81541,25 @@ var Tooltip6 = class _Tooltip {
     this._showArrow = show;
   }
 };
-Tooltip6.tooltipDocuments = [];
+Tooltip7.tooltipDocuments = [];
 __decorate216([
   Validate(BOOLEAN)
-], Tooltip6.prototype, "enabled", void 0);
+], Tooltip7.prototype, "enabled", void 0);
 __decorate216([
   Validate(OPT_BOOLEAN)
-], Tooltip6.prototype, "showArrow", void 0);
+], Tooltip7.prototype, "showArrow", void 0);
 __decorate216([
   Validate(OPT_STRING)
-], Tooltip6.prototype, "class", void 0);
+], Tooltip7.prototype, "class", void 0);
 __decorate216([
   Validate(NUMBER(0))
-], Tooltip6.prototype, "delay", void 0);
+], Tooltip7.prototype, "delay", void 0);
 __decorate216([
   DeprecatedAndRenamedTo("range", (value) => value ? "nearest" : "exact")
-], Tooltip6.prototype, "tracking", void 0);
+], Tooltip7.prototype, "tracking", void 0);
 __decorate216([
   Validate(INTERACTION_RANGE)
-], Tooltip6.prototype, "range", void 0);
+], Tooltip7.prototype, "range", void 0);
 
 // ../../node_modules/ag-charts-community/dist/esm/es6/chart/data/aggregateFunctions.mjs
 function sumValues(values2, accumulator = [0, 0]) {
@@ -86540,7 +86544,7 @@ var Chart = class extends Observable {
     this.animationManager = new AnimationManager(this.interactionManager);
     this.animationManager.skipAnimations = true;
     this.animationManager.play();
-    this.tooltip = new Tooltip6(this.scene.canvas.element, document2, document2.body);
+    this.tooltip = new Tooltip7(this.scene.canvas.element, document2, document2.body);
     this.tooltipManager = new TooltipManager(this.tooltip, this.interactionManager);
     this.overlays = new ChartOverlays(this.element);
     this.highlight = new ChartHighlight();
@@ -100996,7 +101000,7 @@ __export(integrated_charts_scene_exports, {
   Shape: () => Shape,
   Square: () => Square,
   Text: () => Text,
-  Tooltip: () => Tooltip6,
+  Tooltip: () => Tooltip7,
   getFont: () => getFont2,
   getMarker: () => getMarker,
   toRadians: () => toRadians,
@@ -104326,12 +104330,10 @@ var buildDetailRowsConfig = ({
   frameworkComponents,
   getRowHeight,
   emptyStateRenderer,
-  detailRowSelectionEnabled: detailRowSelectionEnabled_,
   enableGroupEditAndValidation,
   enableDynamicRowHeight,
   isServerSideRowModel
 }) => {
-  const detailRowSelectionEnabled = detailRowSelectionEnabled_ ?? false;
   if (detailRowConfig === void 0) {
     return {};
   }
@@ -104340,7 +104342,6 @@ var buildDetailRowsConfig = ({
     frameworkComponents,
     getRowHeight,
     emptyStateRenderer,
-    detailRowSelectionEnabled,
     enableGroupEditAndValidation,
     enableDynamicRowHeight,
     isServerSideRowModel
@@ -104351,7 +104352,6 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
   frameworkComponents,
   getRowHeight,
   emptyStateRenderer,
-  detailRowSelectionEnabled: deprecatedDetailRowSelectionEnabled,
   enableGroupEditAndValidation,
   enableDynamicRowHeight,
   isServerSideRowModel
@@ -104366,7 +104366,18 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
     }
   };
   const rowHeightConfig = detailRowConfig.height === "auto" || detailRowConfig.height === void 0 ? { detailRowAutoHeight: true } : { detailRowHeight: detailRowConfig.height };
-  const isRowSelectable = () => deprecatedDetailRowSelectionEnabled ?? false;
+  const isRowSelectable = (node) => {
+    if (typeof detailRowConfig.rowSelectionEnabled === "boolean") {
+      return detailRowConfig.rowSelectionEnabled;
+    }
+    if (typeof detailRowConfig.rowSelectionEnabled === "function") {
+      return isRowSelectionEnabledForRow(
+        detailRowConfig.rowSelectionEnabled,
+        node
+      );
+    }
+    return false;
+  };
   return {
     isRowMaster: detailRowConfig.isExpandable,
     masterDetail: true,
@@ -104407,18 +104418,7 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           onRowSelected: detailRowConfig.onRowSelected ?? null,
           refreshStrategy: detailRowConfig.refreshStrategy || "everything",
           aggFuncs: aggregationFunctions_exports,
-          defaultColDef: {
-            ...defaultColDef,
-            checkboxSelection(params) {
-              var _a, _b, _c;
-              const rowSelectionEnabled = detailRowConfig.rowSelectionEnabled ?? deprecatedDetailRowSelectionEnabled;
-              const rowSelectionEnabledValue = typeof rowSelectionEnabled === "function" ? rowSelectionEnabled(params) : rowSelectionEnabled ?? false;
-              if (!rowSelectionEnabledValue) {
-                return false;
-              }
-              return ((_c = (_b = (_a = params.columnApi) == null ? void 0 : _a.getRowGroupColumns) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.length) === 0 && isFirstColumn(params);
-            }
-          },
+          defaultColDef,
           rowSelection: detailRowConfig.rowSelection,
           rowMultiSelectWithClick: detailRowConfig.rowMultiSelectWithClick,
           suppressRowClickSelection: detailRowConfig.suppressRowClickSelection ?? true,
@@ -104438,7 +104438,8 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           suppressAggFuncInHeader: true,
           suppressContextMenu: true,
           suppressColumnVirtualisation: true,
-          getRowHeight: getRowHeight == null ? void 0 : getRowHeight(detailRowConfig.customFooters)
+          getRowHeight: getRowHeight == null ? void 0 : getRowHeight(detailRowConfig.customFooters),
+          ...detailRowConfig.UNSAFE_agGridInternalOverrides ?? {}
         },
         getDetailRowData: detailRowConfig.getDetailRowData
       };
@@ -109335,7 +109336,6 @@ var Table = (props) => {
     [
       columnGroupBordersEnabled,
       props.showGroupChildCount,
-      props.detailRowSelectionEnabled,
       props.detailRowConfigs,
       props.detailRowConfig
     ]
@@ -109347,13 +109347,11 @@ var Table = (props) => {
       frameworkComponents: frameworkComponents.detail,
       getRowHeight,
       emptyStateRenderer: props.emptyStateRenderer,
-      detailRowSelectionEnabled: props.detailRowSelectionEnabled,
       enableGroupEditAndValidation: internalTableContext.enableGroupEditAndValidation,
       enableDynamicRowHeight: internalTableContext.enableDynamicRowHeight,
       isServerSideRowModel: !!internalTableContext.onServerSideDataRequest
     });
   }, [
-    props.detailRowSelectionEnabled,
     props.detailRowConfigs,
     props.detailRowConfig,
     defaultColDef,

package/dist/modern/index.cjs

@@ -55407,7 +55407,7 @@ function RowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { paddingRight: "md" }, /* @__PURE__ */ React80__default.default.createElement(
+  let checkbox = /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Checkbox,
     {
       checked: selected,
@@ -55426,7 +55426,11 @@ function RowCheckbox(props) {
       },
       onChange: noop2
     }
-  ));
+  );
+  if (props.data?.checkboxTooltip) {
+    checkbox = /* @__PURE__ */ React80__default.default.createElement(coreReact.Tooltip, { overlay: props.data?.checkboxTooltip, placement: "right" }, /* @__PURE__ */ React80__default.default.createElement("span", null, checkbox));
+  }
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { paddingRight: "md" }, checkbox);
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -81311,7 +81315,7 @@ __decorate216([
 __decorate216([
   Validate(NUMBER())
 ], TooltipPosition.prototype, "yOffset", void 0);
-var Tooltip6 = class _Tooltip {
+var Tooltip7 = class _Tooltip {
   constructor(canvasElement, document2, container) {
     this.enableInteraction = false;
     this.enabled = true;
@@ -81447,25 +81451,25 @@ var Tooltip6 = class _Tooltip {
     this._showArrow = show;
   }
 };
-Tooltip6.tooltipDocuments = [];
+Tooltip7.tooltipDocuments = [];
 __decorate216([
   Validate(BOOLEAN)
-], Tooltip6.prototype, "enabled", void 0);
+], Tooltip7.prototype, "enabled", void 0);
 __decorate216([
   Validate(OPT_BOOLEAN)
-], Tooltip6.prototype, "showArrow", void 0);
+], Tooltip7.prototype, "showArrow", void 0);
 __decorate216([
   Validate(OPT_STRING)
-], Tooltip6.prototype, "class", void 0);
+], Tooltip7.prototype, "class", void 0);
 __decorate216([
   Validate(NUMBER(0))
-], Tooltip6.prototype, "delay", void 0);
+], Tooltip7.prototype, "delay", void 0);
 __decorate216([
   DeprecatedAndRenamedTo("range", (value) => value ? "nearest" : "exact")
-], Tooltip6.prototype, "tracking", void 0);
+], Tooltip7.prototype, "tracking", void 0);
 __decorate216([
   Validate(INTERACTION_RANGE)
-], Tooltip6.prototype, "range", void 0);
+], Tooltip7.prototype, "range", void 0);
 
 // ../../node_modules/ag-charts-community/dist/esm/es6/chart/data/aggregateFunctions.mjs
 function sumValues(values2, accumulator = [0, 0]) {
@@ -86450,7 +86454,7 @@ var Chart = class extends Observable {
     this.animationManager = new AnimationManager(this.interactionManager);
     this.animationManager.skipAnimations = true;
     this.animationManager.play();
-    this.tooltip = new Tooltip6(this.scene.canvas.element, document2, document2.body);
+    this.tooltip = new Tooltip7(this.scene.canvas.element, document2, document2.body);
     this.tooltipManager = new TooltipManager(this.tooltip, this.interactionManager);
     this.overlays = new ChartOverlays(this.element);
     this.highlight = new ChartHighlight();
@@ -100906,7 +100910,7 @@ __export(integrated_charts_scene_exports, {
   Shape: () => Shape,
   Square: () => Square,
   Text: () => Text,
-  Tooltip: () => Tooltip6,
+  Tooltip: () => Tooltip7,
   getFont: () => getFont2,
   getMarker: () => getMarker,
   toRadians: () => toRadians,
@@ -104205,12 +104209,10 @@ var buildDetailRowsConfig = ({
   frameworkComponents,
   getRowHeight,
   emptyStateRenderer,
-  detailRowSelectionEnabled: detailRowSelectionEnabled_,
   enableGroupEditAndValidation,
   enableDynamicRowHeight,
   isServerSideRowModel
 }) => {
-  const detailRowSelectionEnabled = detailRowSelectionEnabled_ ?? false;
   if (detailRowConfig === void 0) {
     return {};
   }
@@ -104219,7 +104221,6 @@ var buildDetailRowsConfig = ({
     frameworkComponents,
     getRowHeight,
     emptyStateRenderer,
-    detailRowSelectionEnabled,
     enableGroupEditAndValidation,
     enableDynamicRowHeight,
     isServerSideRowModel
@@ -104230,7 +104231,6 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
   frameworkComponents,
   getRowHeight,
   emptyStateRenderer,
-  detailRowSelectionEnabled: deprecatedDetailRowSelectionEnabled,
   enableGroupEditAndValidation,
   enableDynamicRowHeight,
   isServerSideRowModel
@@ -104245,7 +104245,18 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
     }
   };
   const rowHeightConfig = detailRowConfig.height === "auto" || detailRowConfig.height === void 0 ? { detailRowAutoHeight: true } : { detailRowHeight: detailRowConfig.height };
-  const isRowSelectable = () => deprecatedDetailRowSelectionEnabled ?? false;
+  const isRowSelectable = (node) => {
+    if (typeof detailRowConfig.rowSelectionEnabled === "boolean") {
+      return detailRowConfig.rowSelectionEnabled;
+    }
+    if (typeof detailRowConfig.rowSelectionEnabled === "function") {
+      return isRowSelectionEnabledForRow(
+        detailRowConfig.rowSelectionEnabled,
+        node
+      );
+    }
+    return false;
+  };
   return {
     isRowMaster: detailRowConfig.isExpandable,
     masterDetail: true,
@@ -104286,17 +104297,7 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           onRowSelected: detailRowConfig.onRowSelected ?? null,
           refreshStrategy: detailRowConfig.refreshStrategy || "everything",
           aggFuncs: aggregationFunctions_exports,
-          defaultColDef: {
-            ...defaultColDef,
-            checkboxSelection(params) {
-              const rowSelectionEnabled = detailRowConfig.rowSelectionEnabled ?? deprecatedDetailRowSelectionEnabled;
-              const rowSelectionEnabledValue = typeof rowSelectionEnabled === "function" ? rowSelectionEnabled(params) : rowSelectionEnabled ?? false;
-              if (!rowSelectionEnabledValue) {
-                return false;
-              }
-              return params.columnApi?.getRowGroupColumns?.()?.length === 0 && isFirstColumn(params);
-            }
-          },
+          defaultColDef,
           rowSelection: detailRowConfig.rowSelection,
           rowMultiSelectWithClick: detailRowConfig.rowMultiSelectWithClick,
           suppressRowClickSelection: detailRowConfig.suppressRowClickSelection ?? true,
@@ -104316,7 +104317,8 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           suppressAggFuncInHeader: true,
           suppressContextMenu: true,
           suppressColumnVirtualisation: true,
-          getRowHeight: getRowHeight?.(detailRowConfig.customFooters)
+          getRowHeight: getRowHeight?.(detailRowConfig.customFooters),
+          ...detailRowConfig.UNSAFE_agGridInternalOverrides ?? {}
         },
         getDetailRowData: detailRowConfig.getDetailRowData
       };
@@ -109159,7 +109161,6 @@ var Table = (props) => {
     [
       columnGroupBordersEnabled,
       props.showGroupChildCount,
-      props.detailRowSelectionEnabled,
       props.detailRowConfigs,
       props.detailRowConfig
     ]
@@ -109171,13 +109172,11 @@ var Table = (props) => {
       frameworkComponents: frameworkComponents.detail,
       getRowHeight,
       emptyStateRenderer: props.emptyStateRenderer,
-      detailRowSelectionEnabled: props.detailRowSelectionEnabled,
       enableGroupEditAndValidation: internalTableContext.enableGroupEditAndValidation,
       enableDynamicRowHeight: internalTableContext.enableDynamicRowHeight,
       isServerSideRowModel: !!internalTableContext.onServerSideDataRequest
     });
   }, [
-    props.detailRowSelectionEnabled,
     props.detailRowConfigs,
     props.detailRowConfig,
     defaultColDef,

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, RowSelectedEvent, ExcelDataType, Module, RowGroupOpenedEvent, 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, 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';
@@ -755,11 +755,21 @@ interface DetailRowConfig<TRow = any> {
     customFooters?: CustomFooterConfig[];
     /** See ag-grid docs for more info: https://www.ag-grid.com/javascript-data-grid/master-detail-refresh/ */
     refreshStrategy?: 'everything' | 'rows' | 'nothing';
-    rowSelectionEnabled?: boolean | ((params: CheckboxSelectionCallbackParams<TRow>) => boolean);
+    rowSelectionEnabled?: boolean | ((params: RowSelectablePredicateParams<TRow>) => boolean);
     rowSelection?: 'multiple' | 'single';
     rowMultiSelectWithClick?: boolean;
     suppressRowClickSelection?: boolean;
     onRowSelected?: (event: RowSelectedEvent) => void;
+    /**
+     * Overrides internal props for the detail grid's AgGridReact component. This is not guaranteed under DataTable SemVer
+     * and can break during any upgrade of the ag-grid-react package
+     *
+     * For documentation see: {@link https://www.ag-grid.com/react-data-grid/grid-options/}
+     * The ag-grid changelog can be found here: {@link https://www.ag-grid.com/changelog/}
+     *
+     * Warning: This can break normal Data Table functionality.
+     */
+    UNSAFE_agGridInternalOverrides?: AgGridReactProps | AgReactUiProps;
 }
 type CustomRendererCell = {
     component: React.ComponentType<any>;
@@ -972,11 +982,6 @@ interface TableProps<TRow = any, TBottomRow = any> {
      */
     detailRowConfigs?: DetailRowConfig<TRow>[];
     detailRowConfig?: DetailRowConfig<TRow>;
-    /**
-     * @deprecated Please use `detailRowConfig.rowSelectionEnabled` instead
-     * @deprecatedSince 11.13.0
-     */
-    detailRowSelectionEnabled?: boolean;
     siblingGroupsRowSelectionDisabled?: boolean;
     emptyStateRenderer?: React.FunctionComponent;
     excelDataTypeFormats?: DTExcelFormats[];

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, RowSelectedEvent, ExcelDataType, Module, RowGroupOpenedEvent, 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, 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';
@@ -755,11 +755,21 @@ interface DetailRowConfig<TRow = any> {
     customFooters?: CustomFooterConfig[];
     /** See ag-grid docs for more info: https://www.ag-grid.com/javascript-data-grid/master-detail-refresh/ */
     refreshStrategy?: 'everything' | 'rows' | 'nothing';
-    rowSelectionEnabled?: boolean | ((params: CheckboxSelectionCallbackParams<TRow>) => boolean);
+    rowSelectionEnabled?: boolean | ((params: RowSelectablePredicateParams<TRow>) => boolean);
     rowSelection?: 'multiple' | 'single';
     rowMultiSelectWithClick?: boolean;
     suppressRowClickSelection?: boolean;
     onRowSelected?: (event: RowSelectedEvent) => void;
+    /**
+     * Overrides internal props for the detail grid's AgGridReact component. This is not guaranteed under DataTable SemVer
+     * and can break during any upgrade of the ag-grid-react package
+     *
+     * For documentation see: {@link https://www.ag-grid.com/react-data-grid/grid-options/}
+     * The ag-grid changelog can be found here: {@link https://www.ag-grid.com/changelog/}
+     *
+     * Warning: This can break normal Data Table functionality.
+     */
+    UNSAFE_agGridInternalOverrides?: AgGridReactProps | AgReactUiProps;
 }
 type CustomRendererCell = {
     component: React.ComponentType<any>;
@@ -972,11 +982,6 @@ interface TableProps<TRow = any, TBottomRow = any> {
      */
     detailRowConfigs?: DetailRowConfig<TRow>[];
     detailRowConfig?: DetailRowConfig<TRow>;
-    /**
-     * @deprecated Please use `detailRowConfig.rowSelectionEnabled` instead
-     * @deprecatedSince 11.13.0
-     */
-    detailRowSelectionEnabled?: boolean;
     siblingGroupsRowSelectionDisabled?: boolean;
     emptyStateRenderer?: React.FunctionComponent;
     excelDataTypeFormats?: DTExcelFormats[];

package/dist/modern/index.js

@@ -55394,7 +55394,7 @@ function RowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React80.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React80.createElement(
+  let checkbox = /* @__PURE__ */ React80.createElement(
     Checkbox,
     {
       checked: selected,
@@ -55413,7 +55413,11 @@ function RowCheckbox(props) {
       },
       onChange: noop2
     }
-  ));
+  );
+  if (props.data?.checkboxTooltip) {
+    checkbox = /* @__PURE__ */ React80.createElement(Tooltip, { overlay: props.data?.checkboxTooltip, placement: "right" }, /* @__PURE__ */ React80.createElement("span", null, checkbox));
+  }
+  return /* @__PURE__ */ React80.createElement(Box, { paddingRight: "md" }, checkbox);
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -81298,7 +81302,7 @@ __decorate216([
 __decorate216([
   Validate(NUMBER())
 ], TooltipPosition.prototype, "yOffset", void 0);
-var Tooltip6 = class _Tooltip {
+var Tooltip7 = class _Tooltip {
   constructor(canvasElement, document2, container) {
     this.enableInteraction = false;
     this.enabled = true;
@@ -81434,25 +81438,25 @@ var Tooltip6 = class _Tooltip {
     this._showArrow = show;
   }
 };
-Tooltip6.tooltipDocuments = [];
+Tooltip7.tooltipDocuments = [];
 __decorate216([
   Validate(BOOLEAN)
-], Tooltip6.prototype, "enabled", void 0);
+], Tooltip7.prototype, "enabled", void 0);
 __decorate216([
   Validate(OPT_BOOLEAN)
-], Tooltip6.prototype, "showArrow", void 0);
+], Tooltip7.prototype, "showArrow", void 0);
 __decorate216([
   Validate(OPT_STRING)
-], Tooltip6.prototype, "class", void 0);
+], Tooltip7.prototype, "class", void 0);
 __decorate216([
   Validate(NUMBER(0))
-], Tooltip6.prototype, "delay", void 0);
+], Tooltip7.prototype, "delay", void 0);
 __decorate216([
   DeprecatedAndRenamedTo("range", (value) => value ? "nearest" : "exact")
-], Tooltip6.prototype, "tracking", void 0);
+], Tooltip7.prototype, "tracking", void 0);
 __decorate216([
   Validate(INTERACTION_RANGE)
-], Tooltip6.prototype, "range", void 0);
+], Tooltip7.prototype, "range", void 0);
 
 // ../../node_modules/ag-charts-community/dist/esm/es6/chart/data/aggregateFunctions.mjs
 function sumValues(values2, accumulator = [0, 0]) {
@@ -86437,7 +86441,7 @@ var Chart = class extends Observable {
     this.animationManager = new AnimationManager(this.interactionManager);
     this.animationManager.skipAnimations = true;
     this.animationManager.play();
-    this.tooltip = new Tooltip6(this.scene.canvas.element, document2, document2.body);
+    this.tooltip = new Tooltip7(this.scene.canvas.element, document2, document2.body);
     this.tooltipManager = new TooltipManager(this.tooltip, this.interactionManager);
     this.overlays = new ChartOverlays(this.element);
     this.highlight = new ChartHighlight();
@@ -100893,7 +100897,7 @@ __export(integrated_charts_scene_exports, {
   Shape: () => Shape,
   Square: () => Square,
   Text: () => Text,
-  Tooltip: () => Tooltip6,
+  Tooltip: () => Tooltip7,
   getFont: () => getFont2,
   getMarker: () => getMarker,
   toRadians: () => toRadians,
@@ -104192,12 +104196,10 @@ var buildDetailRowsConfig = ({
   frameworkComponents,
   getRowHeight,
   emptyStateRenderer,
-  detailRowSelectionEnabled: detailRowSelectionEnabled_,
   enableGroupEditAndValidation,
   enableDynamicRowHeight,
   isServerSideRowModel
 }) => {
-  const detailRowSelectionEnabled = detailRowSelectionEnabled_ ?? false;
   if (detailRowConfig === void 0) {
     return {};
   }
@@ -104206,7 +104208,6 @@ var buildDetailRowsConfig = ({
     frameworkComponents,
     getRowHeight,
     emptyStateRenderer,
-    detailRowSelectionEnabled,
     enableGroupEditAndValidation,
     enableDynamicRowHeight,
     isServerSideRowModel
@@ -104217,7 +104218,6 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
   frameworkComponents,
   getRowHeight,
   emptyStateRenderer,
-  detailRowSelectionEnabled: deprecatedDetailRowSelectionEnabled,
   enableGroupEditAndValidation,
   enableDynamicRowHeight,
   isServerSideRowModel
@@ -104232,7 +104232,18 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
     }
   };
   const rowHeightConfig = detailRowConfig.height === "auto" || detailRowConfig.height === void 0 ? { detailRowAutoHeight: true } : { detailRowHeight: detailRowConfig.height };
-  const isRowSelectable = () => deprecatedDetailRowSelectionEnabled ?? false;
+  const isRowSelectable = (node) => {
+    if (typeof detailRowConfig.rowSelectionEnabled === "boolean") {
+      return detailRowConfig.rowSelectionEnabled;
+    }
+    if (typeof detailRowConfig.rowSelectionEnabled === "function") {
+      return isRowSelectionEnabledForRow(
+        detailRowConfig.rowSelectionEnabled,
+        node
+      );
+    }
+    return false;
+  };
   return {
     isRowMaster: detailRowConfig.isExpandable,
     masterDetail: true,
@@ -104273,17 +104284,7 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           onRowSelected: detailRowConfig.onRowSelected ?? null,
           refreshStrategy: detailRowConfig.refreshStrategy || "everything",
           aggFuncs: aggregationFunctions_exports,
-          defaultColDef: {
-            ...defaultColDef,
-            checkboxSelection(params) {
-              const rowSelectionEnabled = detailRowConfig.rowSelectionEnabled ?? deprecatedDetailRowSelectionEnabled;
-              const rowSelectionEnabledValue = typeof rowSelectionEnabled === "function" ? rowSelectionEnabled(params) : rowSelectionEnabled ?? false;
-              if (!rowSelectionEnabledValue) {
-                return false;
-              }
-              return params.columnApi?.getRowGroupColumns?.()?.length === 0 && isFirstColumn(params);
-            }
-          },
+          defaultColDef,
           rowSelection: detailRowConfig.rowSelection,
           rowMultiSelectWithClick: detailRowConfig.rowMultiSelectWithClick,
           suppressRowClickSelection: detailRowConfig.suppressRowClickSelection ?? true,
@@ -104303,7 +104304,8 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           suppressAggFuncInHeader: true,
           suppressContextMenu: true,
           suppressColumnVirtualisation: true,
-          getRowHeight: getRowHeight?.(detailRowConfig.customFooters)
+          getRowHeight: getRowHeight?.(detailRowConfig.customFooters),
+          ...detailRowConfig.UNSAFE_agGridInternalOverrides ?? {}
         },
         getDetailRowData: detailRowConfig.getDetailRowData
       };
@@ -109146,7 +109148,6 @@ var Table = (props) => {
     [
       columnGroupBordersEnabled,
       props.showGroupChildCount,
-      props.detailRowSelectionEnabled,
       props.detailRowConfigs,
       props.detailRowConfig
     ]
@@ -109158,13 +109159,11 @@ var Table = (props) => {
       frameworkComponents: frameworkComponents.detail,
       getRowHeight,
       emptyStateRenderer: props.emptyStateRenderer,
-      detailRowSelectionEnabled: props.detailRowSelectionEnabled,
       enableGroupEditAndValidation: internalTableContext.enableGroupEditAndValidation,
       enableDynamicRowHeight: internalTableContext.enableDynamicRowHeight,
       isServerSideRowModel: !!internalTableContext.onServerSideDataRequest
     });
   }, [
-    props.detailRowSelectionEnabled,
     props.detailRowConfigs,
     props.detailRowConfig,
     defaultColDef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.35.4",
+  "version": "14.36.1",
   "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.10.0",
+    "@procore/core-icons": "^12.10.1",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "^12.26.6",
+    "@procore/core-react": "^12.30.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",