@procore/data-table 14.15.0 → 14.16.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
 
+## 14.16.0
+
+### Minor Changes
+
+- 6f2dd3480: Allow horizontal scrolling of column headers when the table is empty
+- f8689d54c: fix Select All being triggered when 0 rows
+
+### Patch Changes
+
+- aeac00464: Fix issue with resetting ungrouped/grouped columns (UISP-215)[UISP-215 https://procoretech.atlassian.net/browse/UISP-215]
+
 ## 14.15.0
 
 ### Minor Changes

package/dist/legacy/index.cjs

@@ -1424,7 +1424,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
-@keyframes _ag-shake-left-to-right_ye2ai_369 {
+@keyframes _ag-shake-left-to-right_1t4e8_369 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5425,7 +5425,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_ye2ai_1 {
+@keyframes _spin_1t4e8_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7556,11 +7556,11 @@ input[class^=ag-][type=range]:disabled {
 }
 .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-left-floating-bottom {
   z-index: 1;
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-right-floating-bottom {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-group-value {
@@ -7575,17 +7575,17 @@ input[class^=ag-][type=range]:disabled {
   overflow: visible;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-left-header {
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container {
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-right-header {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container, .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
@@ -7731,7 +7731,7 @@ input[class^=ag-][type=range]:disabled {
 .ag-theme-alpine.ag-theme-alpine .ag-details-row-auto-height .ag-center-cols-viewport, .ag-theme-alpine.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport {
   min-height: 0px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-overlay {
+.ag-theme-alpine.ag-theme-alpine .ag-overlay button {
   pointer-events: initial;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-menu, .ag-theme-alpine.ag-theme-alpine .ag-menu-header {
@@ -7930,7 +7930,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_ye2ai_7153 {
+div._contextPanel_1t4e8_7153 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7939,7 +7939,7 @@ div._contextPanel_ye2ai_7153 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_ye2ai_7162 {
+div._contextPanel--hidden_1t4e8_7162 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7947,50 +7947,50 @@ div._contextPanel--hidden_ye2ai_7162 {
   width: 0px;
 }
 
-._contextPanelWrapper_ye2ai_7170 {
+._contextPanelWrapper_1t4e8_7170 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_ye2ai_7175 {
+._contextPanelBody_1t4e8_7175 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_ye2ai_7179 {
+._contextPanel-stickyHeader_1t4e8_7179 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_ye2ai_7186 {
+._filters-list_1t4e8_7186 {
   padding: 0;
   margin: 0;
 }
-._filters-list_ye2ai_7186 ol {
+._filters-list_1t4e8_7186 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_ye2ai_7195 {
+._col-drag-column-icon_1t4e8_7195 {
   color: #6a767c;
 }
 
-._tabular-nums_ye2ai_7199 {
+._tabular-nums_1t4e8_7199 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_ye2ai_7153",
-  "contextPanel--hidden": "_contextPanel--hidden_ye2ai_7162",
-  "contextPanelWrapper": "_contextPanelWrapper_ye2ai_7170",
-  "contextPanelBody": "_contextPanelBody_ye2ai_7175",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_ye2ai_7179",
-  "filters-list": "_filters-list_ye2ai_7186",
-  "col-drag-column-icon": "_col-drag-column-icon_ye2ai_7195",
-  "tabular-nums": "_tabular-nums_ye2ai_7199",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_ye2ai_369",
-  "spin": "_spin_ye2ai_1"
+  "contextPanel": "_contextPanel_1t4e8_7153",
+  "contextPanel--hidden": "_contextPanel--hidden_1t4e8_7162",
+  "contextPanelWrapper": "_contextPanelWrapper_1t4e8_7170",
+  "contextPanelBody": "_contextPanelBody_1t4e8_7175",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_1t4e8_7179",
+  "filters-list": "_filters-list_1t4e8_7186",
+  "col-drag-column-icon": "_col-drag-column-icon_1t4e8_7195",
+  "tabular-nums": "_tabular-nums_1t4e8_7199",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_1t4e8_369",
+  "spin": "_spin_1t4e8_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -56314,6 +56314,7 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowUnGroup",
     action() {
+      props.columnApi.resetColumnState();
       props.columnApi.removeRowGroupColumn(props.column);
     }
   };
@@ -56323,6 +56324,7 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowGroup",
     action() {
+      props.columnApi.resetColumnState();
       props.columnApi.addRowGroupColumn(props.column);
     }
   };
@@ -82688,7 +82690,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
+            groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/dist/legacy/index.js

@@ -1410,7 +1410,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
-@keyframes _ag-shake-left-to-right_ye2ai_369 {
+@keyframes _ag-shake-left-to-right_1t4e8_369 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5411,7 +5411,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_ye2ai_1 {
+@keyframes _spin_1t4e8_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7542,11 +7542,11 @@ input[class^=ag-][type=range]:disabled {
 }
 .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-left-floating-bottom {
   z-index: 1;
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-right-floating-bottom {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-group-value {
@@ -7561,17 +7561,17 @@ input[class^=ag-][type=range]:disabled {
   overflow: visible;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-left-header {
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container {
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-right-header {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container, .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
@@ -7717,7 +7717,7 @@ input[class^=ag-][type=range]:disabled {
 .ag-theme-alpine.ag-theme-alpine .ag-details-row-auto-height .ag-center-cols-viewport, .ag-theme-alpine.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport {
   min-height: 0px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-overlay {
+.ag-theme-alpine.ag-theme-alpine .ag-overlay button {
   pointer-events: initial;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-menu, .ag-theme-alpine.ag-theme-alpine .ag-menu-header {
@@ -7916,7 +7916,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_ye2ai_7153 {
+div._contextPanel_1t4e8_7153 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7925,7 +7925,7 @@ div._contextPanel_ye2ai_7153 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_ye2ai_7162 {
+div._contextPanel--hidden_1t4e8_7162 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7933,50 +7933,50 @@ div._contextPanel--hidden_ye2ai_7162 {
   width: 0px;
 }
 
-._contextPanelWrapper_ye2ai_7170 {
+._contextPanelWrapper_1t4e8_7170 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_ye2ai_7175 {
+._contextPanelBody_1t4e8_7175 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_ye2ai_7179 {
+._contextPanel-stickyHeader_1t4e8_7179 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_ye2ai_7186 {
+._filters-list_1t4e8_7186 {
   padding: 0;
   margin: 0;
 }
-._filters-list_ye2ai_7186 ol {
+._filters-list_1t4e8_7186 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_ye2ai_7195 {
+._col-drag-column-icon_1t4e8_7195 {
   color: #6a767c;
 }
 
-._tabular-nums_ye2ai_7199 {
+._tabular-nums_1t4e8_7199 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_ye2ai_7153",
-  "contextPanel--hidden": "_contextPanel--hidden_ye2ai_7162",
-  "contextPanelWrapper": "_contextPanelWrapper_ye2ai_7170",
-  "contextPanelBody": "_contextPanelBody_ye2ai_7175",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_ye2ai_7179",
-  "filters-list": "_filters-list_ye2ai_7186",
-  "col-drag-column-icon": "_col-drag-column-icon_ye2ai_7195",
-  "tabular-nums": "_tabular-nums_ye2ai_7199",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_ye2ai_369",
-  "spin": "_spin_ye2ai_1"
+  "contextPanel": "_contextPanel_1t4e8_7153",
+  "contextPanel--hidden": "_contextPanel--hidden_1t4e8_7162",
+  "contextPanelWrapper": "_contextPanelWrapper_1t4e8_7170",
+  "contextPanelBody": "_contextPanelBody_1t4e8_7175",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_1t4e8_7179",
+  "filters-list": "_filters-list_1t4e8_7186",
+  "col-drag-column-icon": "_col-drag-column-icon_1t4e8_7195",
+  "tabular-nums": "_tabular-nums_1t4e8_7199",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_1t4e8_369",
+  "spin": "_spin_1t4e8_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -56300,6 +56300,7 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowUnGroup",
     action() {
+      props.columnApi.resetColumnState();
       props.columnApi.removeRowGroupColumn(props.column);
     }
   };
@@ -56309,6 +56310,7 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowGroup",
     action() {
+      props.columnApi.resetColumnState();
       props.columnApi.addRowGroupColumn(props.column);
     }
   };
@@ -82674,7 +82676,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
+            groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/dist/modern/index.cjs

@@ -1422,7 +1422,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
-@keyframes _ag-shake-left-to-right_ye2ai_369 {
+@keyframes _ag-shake-left-to-right_1t4e8_369 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5423,7 +5423,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_ye2ai_1 {
+@keyframes _spin_1t4e8_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7554,11 +7554,11 @@ input[class^=ag-][type=range]:disabled {
 }
 .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-left-floating-bottom {
   z-index: 1;
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-right-floating-bottom {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-group-value {
@@ -7573,17 +7573,17 @@ input[class^=ag-][type=range]:disabled {
   overflow: visible;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-left-header {
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container {
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-right-header {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container, .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
@@ -7729,7 +7729,7 @@ input[class^=ag-][type=range]:disabled {
 .ag-theme-alpine.ag-theme-alpine .ag-details-row-auto-height .ag-center-cols-viewport, .ag-theme-alpine.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport {
   min-height: 0px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-overlay {
+.ag-theme-alpine.ag-theme-alpine .ag-overlay button {
   pointer-events: initial;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-menu, .ag-theme-alpine.ag-theme-alpine .ag-menu-header {
@@ -7928,7 +7928,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_ye2ai_7153 {
+div._contextPanel_1t4e8_7153 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7937,7 +7937,7 @@ div._contextPanel_ye2ai_7153 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_ye2ai_7162 {
+div._contextPanel--hidden_1t4e8_7162 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7945,50 +7945,50 @@ div._contextPanel--hidden_ye2ai_7162 {
   width: 0px;
 }
 
-._contextPanelWrapper_ye2ai_7170 {
+._contextPanelWrapper_1t4e8_7170 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_ye2ai_7175 {
+._contextPanelBody_1t4e8_7175 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_ye2ai_7179 {
+._contextPanel-stickyHeader_1t4e8_7179 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_ye2ai_7186 {
+._filters-list_1t4e8_7186 {
   padding: 0;
   margin: 0;
 }
-._filters-list_ye2ai_7186 ol {
+._filters-list_1t4e8_7186 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_ye2ai_7195 {
+._col-drag-column-icon_1t4e8_7195 {
   color: #6a767c;
 }
 
-._tabular-nums_ye2ai_7199 {
+._tabular-nums_1t4e8_7199 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_ye2ai_7153",
-  "contextPanel--hidden": "_contextPanel--hidden_ye2ai_7162",
-  "contextPanelWrapper": "_contextPanelWrapper_ye2ai_7170",
-  "contextPanelBody": "_contextPanelBody_ye2ai_7175",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_ye2ai_7179",
-  "filters-list": "_filters-list_ye2ai_7186",
-  "col-drag-column-icon": "_col-drag-column-icon_ye2ai_7195",
-  "tabular-nums": "_tabular-nums_ye2ai_7199",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_ye2ai_369",
-  "spin": "_spin_ye2ai_1"
+  "contextPanel": "_contextPanel_1t4e8_7153",
+  "contextPanel--hidden": "_contextPanel--hidden_1t4e8_7162",
+  "contextPanelWrapper": "_contextPanelWrapper_1t4e8_7170",
+  "contextPanelBody": "_contextPanelBody_1t4e8_7175",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_1t4e8_7179",
+  "filters-list": "_filters-list_1t4e8_7186",
+  "col-drag-column-icon": "_col-drag-column-icon_1t4e8_7195",
+  "tabular-nums": "_tabular-nums_1t4e8_7199",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_1t4e8_369",
+  "spin": "_spin_1t4e8_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -56227,6 +56227,7 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowUnGroup",
     action() {
+      props.columnApi.resetColumnState();
       props.columnApi.removeRowGroupColumn(props.column);
     }
   };
@@ -56236,6 +56237,7 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowGroup",
     action() {
+      props.columnApi.resetColumnState();
       props.columnApi.addRowGroupColumn(props.column);
     }
   };
@@ -82484,7 +82486,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
+            groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/dist/modern/index.js

@@ -1408,7 +1408,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
-@keyframes _ag-shake-left-to-right_ye2ai_369 {
+@keyframes _ag-shake-left-to-right_1t4e8_369 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5409,7 +5409,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_ye2ai_1 {
+@keyframes _spin_1t4e8_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7540,11 +7540,11 @@ input[class^=ag-][type=range]:disabled {
 }
 .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-left-floating-bottom {
   z-index: 1;
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-right-floating-bottom {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-group-value {
@@ -7559,17 +7559,17 @@ input[class^=ag-][type=range]:disabled {
   overflow: visible;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-left-header {
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container {
-  box-shadow: 3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-right-header {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
-  box-shadow: -3px 0px 12px 0.5px hsl(200, 8%, 90%);
+  box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container, .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
@@ -7715,7 +7715,7 @@ input[class^=ag-][type=range]:disabled {
 .ag-theme-alpine.ag-theme-alpine .ag-details-row-auto-height .ag-center-cols-viewport, .ag-theme-alpine.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport {
   min-height: 0px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-overlay {
+.ag-theme-alpine.ag-theme-alpine .ag-overlay button {
   pointer-events: initial;
 }
 .ag-theme-alpine.ag-theme-alpine .ag-menu, .ag-theme-alpine.ag-theme-alpine .ag-menu-header {
@@ -7914,7 +7914,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_ye2ai_7153 {
+div._contextPanel_1t4e8_7153 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7923,7 +7923,7 @@ div._contextPanel_ye2ai_7153 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_ye2ai_7162 {
+div._contextPanel--hidden_1t4e8_7162 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7931,50 +7931,50 @@ div._contextPanel--hidden_ye2ai_7162 {
   width: 0px;
 }
 
-._contextPanelWrapper_ye2ai_7170 {
+._contextPanelWrapper_1t4e8_7170 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_ye2ai_7175 {
+._contextPanelBody_1t4e8_7175 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_ye2ai_7179 {
+._contextPanel-stickyHeader_1t4e8_7179 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_ye2ai_7186 {
+._filters-list_1t4e8_7186 {
   padding: 0;
   margin: 0;
 }
-._filters-list_ye2ai_7186 ol {
+._filters-list_1t4e8_7186 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_ye2ai_7195 {
+._col-drag-column-icon_1t4e8_7195 {
   color: #6a767c;
 }
 
-._tabular-nums_ye2ai_7199 {
+._tabular-nums_1t4e8_7199 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_ye2ai_7153",
-  "contextPanel--hidden": "_contextPanel--hidden_ye2ai_7162",
-  "contextPanelWrapper": "_contextPanelWrapper_ye2ai_7170",
-  "contextPanelBody": "_contextPanelBody_ye2ai_7175",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_ye2ai_7179",
-  "filters-list": "_filters-list_ye2ai_7186",
-  "col-drag-column-icon": "_col-drag-column-icon_ye2ai_7195",
-  "tabular-nums": "_tabular-nums_ye2ai_7199",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_ye2ai_369",
-  "spin": "_spin_ye2ai_1"
+  "contextPanel": "_contextPanel_1t4e8_7153",
+  "contextPanel--hidden": "_contextPanel--hidden_1t4e8_7162",
+  "contextPanelWrapper": "_contextPanelWrapper_1t4e8_7170",
+  "contextPanelBody": "_contextPanelBody_1t4e8_7175",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_1t4e8_7179",
+  "filters-list": "_filters-list_1t4e8_7186",
+  "col-drag-column-icon": "_col-drag-column-icon_1t4e8_7195",
+  "tabular-nums": "_tabular-nums_1t4e8_7199",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_1t4e8_369",
+  "spin": "_spin_1t4e8_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -56213,6 +56213,7 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowUnGroup",
     action() {
+      props.columnApi.resetColumnState();
       props.columnApi.removeRowGroupColumn(props.column);
     }
   };
@@ -56222,6 +56223,7 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowGroup",
     action() {
+      props.columnApi.resetColumnState();
       props.columnApi.addRowGroupColumn(props.column);
     }
   };
@@ -82470,7 +82472,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
+            groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.15.0",
+  "version": "14.16.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "type": "module",
   "main": "dist/legacy/index.cjs",
@@ -111,7 +111,7 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.2.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "12.12.0",
+    "@procore/core-react": "12.12.1",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "3.0.1",