@procore/data-table 14.5.0 → 14.6.0

package/dist/modern/index.mjs

@@ -1403,7 +1403,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_qs3ag_366 {
+@keyframes _ag-shake-left-to-right_taxt5_366 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5404,7 +5404,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_qs3ag_1 {
+@keyframes _spin_taxt5_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7576,8 +7576,11 @@ input[class^=ag-][type=range]:disabled {
 .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label {
   padding: 8px 0;
 }
+.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
+  width: 100%;
+}
 .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
-  white-space: nowrap;
+  word-wrap: break-word;
   text-overflow: ellipsis;
   overflow: hidden;
 }
@@ -7883,7 +7886,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_qs3ag_7123 {
+div._contextPanel_taxt5_7126 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7892,7 +7895,7 @@ div._contextPanel_qs3ag_7123 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_qs3ag_7132 {
+div._contextPanel--hidden_taxt5_7135 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7900,50 +7903,50 @@ div._contextPanel--hidden_qs3ag_7132 {
   width: 0px;
 }
 
-._contextPanelWrapper_qs3ag_7140 {
+._contextPanelWrapper_taxt5_7143 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_qs3ag_7145 {
+._contextPanelBody_taxt5_7148 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_qs3ag_7149 {
+._contextPanel-stickyHeader_taxt5_7152 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_qs3ag_7156 {
+._filters-list_taxt5_7159 {
   padding: 0;
   margin: 0;
 }
-._filters-list_qs3ag_7156 ol {
+._filters-list_taxt5_7159 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_qs3ag_7165 {
+._col-drag-column-icon_taxt5_7168 {
   color: #6a767c;
 }
 
-._tabular-nums_qs3ag_7169 {
+._tabular-nums_taxt5_7172 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_qs3ag_7123",
-  "contextPanel--hidden": "_contextPanel--hidden_qs3ag_7132",
-  "contextPanelWrapper": "_contextPanelWrapper_qs3ag_7140",
-  "contextPanelBody": "_contextPanelBody_qs3ag_7145",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_qs3ag_7149",
-  "filters-list": "_filters-list_qs3ag_7156",
-  "col-drag-column-icon": "_col-drag-column-icon_qs3ag_7165",
-  "tabular-nums": "_tabular-nums_qs3ag_7169",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_qs3ag_366",
-  "spin": "_spin_qs3ag_1"
+  "contextPanel": "_contextPanel_taxt5_7126",
+  "contextPanel--hidden": "_contextPanel--hidden_taxt5_7135",
+  "contextPanelWrapper": "_contextPanelWrapper_taxt5_7143",
+  "contextPanelBody": "_contextPanelBody_taxt5_7148",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_taxt5_7152",
+  "filters-list": "_filters-list_taxt5_7159",
+  "col-drag-column-icon": "_col-drag-column-icon_taxt5_7168",
+  "tabular-nums": "_tabular-nums_taxt5_7172",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_taxt5_366",
+  "spin": "_spin_taxt5_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -8129,19 +8132,19 @@ var CompanyCellRenderer = withDataTableRenderer(Renderer2, "select");
 
 // src/utils/isEmptyValue.ts
 var isEmptyValue = (value) => {
-  if (typeof value === "boolean") {
+  if (typeof value === "boolean" || typeof value === "number") {
     return false;
   }
-  if (Array.isArray(value)) {
-    return !value.length;
+  if (!value) {
+    return true;
   }
-  if (value === 0) {
-    return false;
+  if (Array.isArray(value)) {
+    return value.length === 0;
   }
-  if (value && Object.keys(value).length === 0 && Object.getPrototypeOf(value) === Object.prototype) {
-    return !!value;
+  if (Object.getPrototypeOf(value) === Object.prototype) {
+    return Object.keys(value).length === 0;
   }
-  return !value;
+  return false;
 };
 
 // src/CellRenderers/CurrencyCell.tsx
@@ -56029,6 +56032,14 @@ function findNode(predicate, gridApi) {
   return searchTarget;
 }
 
+// src/utils/isServerSideGroupSelectionState.ts
+function isServerSideGroupSelectionState(value) {
+  if (value === null) {
+    return false;
+  }
+  return value.selectAll === void 0;
+}
+
 // src/GenericHeader/genericHeader.scss
 var css7 = `.ag-header-cell .data-table-header-menu {
   opacity: 1;
@@ -56438,10 +56449,18 @@ var GenericHeaderRenderer = (props) => {
       if (e.source === "uiSelectAll") {
         return;
       }
+      const selectionState = props.api.getServerSideSelectionState();
+      const isGroupSelection = isServerSideGroupSelectionState(selectionState);
+      const isSelectionStatePartialSelected = Boolean(
+        selectionState?.toggledNodes?.length
+      );
+      const isSelectionStateSelectAll = !isSelectionStatePartialSelected && Boolean(
+        isGroupSelection ? selectionState.selectAllChildren : selectionState?.selectAll
+      );
       const isPagination = Boolean(props.api.paginationGetRowCount());
       const currentRows = getCurrentRows(props.api, isPagination);
-      const isAllSelected = currentRows.length && currentRows.every(isRowSelected);
-      const isPartialSelected = !isAllSelected && currentRows.some(isRowSelected);
+      const isAllSelected = isPagination ? currentRows.length && currentRows.every(isRowSelected) : isSelectionStateSelectAll;
+      const isPartialSelected = isPagination ? !isAllSelected && currentRows.some(isRowSelected) : isSelectionStatePartialSelected;
       if (isAllSelected) {
         setSelectAll("all" /* All */);
       } else if (isPartialSelected) {
@@ -56472,17 +56491,21 @@ var GenericHeaderRenderer = (props) => {
     const isSelectAll = nextSelectedState == "all" /* All */;
     if (props.selectionSSREnabled) {
       const isPagination = Boolean(props.api.paginationGetRowCount());
-      const rowsIdsToSelectOrDeselect = getCurrentRows(
-        props.api,
-        isPagination
-      ).map((node) => node.id);
-      isSelectAll ? tableRef?.current?.selectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      ) : tableRef?.current?.deselectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      );
+      if (isPagination) {
+        const rowsIdsToSelectOrDeselect = getCurrentRows(
+          props.api,
+          isPagination
+        ).map((node) => node.id);
+        isSelectAll ? tableRef?.current?.selectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        ) : tableRef?.current?.deselectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        );
+      } else {
+        isSelectAll ? tableRef?.current?.selectAll() : tableRef?.current?.deselectAll();
+      }
     } else {
       isSelectAll ? props.api.selectAllFiltered() : props.api.deselectAllFiltered();
     }
@@ -56536,7 +56559,7 @@ var GenericHeaderRenderer = (props) => {
           trigger: isOverflowing ? "hover" : "none",
           overlay: /* @__PURE__ */ React83.createElement(Tooltip.Content, null, /* @__PURE__ */ React83.createElement("span", null, props.displayName))
         },
-        /* @__PURE__ */ React83.createElement("div", null, /* @__PURE__ */ React83.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
+        /* @__PURE__ */ React83.createElement("div", { className: "data-table-header-display-name-container" }, /* @__PURE__ */ React83.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
       ), HeaderNode && /* @__PURE__ */ React83.createElement(
         Flex,
         {
@@ -56855,7 +56878,7 @@ function shapeActiveFilters(filters = emptyArray2) {
       field
     };
   });
-  return { state };
+  return state;
 }
 function useFilterStorage({
   columnDefinitions,
@@ -56866,7 +56889,7 @@ function useFilterStorage({
     filterable: emptyObj,
     filterOptions: emptyObj,
     possibleFilters: emptyArray2,
-    selectedFilters: emptyObj
+    selectedFilters: shapeActiveFilters(initialSelectedFilters)
   });
   function getOptions(field) {
     return filtersState.filterOptions[field];
@@ -56889,16 +56912,25 @@ function useFilterStorage({
     const filterableColumns = columnDefinitions.filter(
       (col) => col.filterRenderer
     );
-    const { state } = shapeActiveFilters(initialSelectedFilters);
+    const filterableMap = filterableColumns.reduce((acc, curr) => {
+      return {
+        ...acc,
+        [curr.field]: curr
+      };
+    }, {});
+    const selectedFiltersState = Object.entries(
+      filtersState.selectedFilters ?? {}
+    ).filter(([field]) => Object.keys(filterableMap).includes(field)).reduce(
+      (acc, [field, filterState]) => ({
+        ...acc,
+        [field]: filterState
+      }),
+      {}
+    );
     setFiltersState((prev) => ({
       ...prev,
-      filterable: filterableColumns.reduce((acc, curr) => {
-        return {
-          ...acc,
-          [curr.field]: curr
-        };
-      }, {}),
-      selectedFilters: state,
+      filterable: filterableMap,
+      selectedFilters: selectedFiltersState,
       possibleFilters: filterableColumns.sort(sortColumnDefinitionsByFilterIndex).map(getFieldAttr)
     }));
   }, [columnDefinitions]);
@@ -56912,7 +56944,7 @@ function useFilterStorage({
     (selectedFilters) => {
       setFiltersState((prev) => ({
         ...prev,
-        selectedFilters: shapeActiveFilters(selectedFilters).state
+        selectedFilters: shapeActiveFilters(selectedFilters)
       }));
     },
     []
@@ -77682,6 +77714,7 @@ function useContextPanel() {
 }
 var ConfigPanelButton = () => {
   const { contextPanel, totalRowCount } = useInternalTableContext();
+  const I18n = useI18nContext();
   return /* @__PURE__ */ React83.createElement(
     EmptyResultsControlTooltip,
     {
@@ -77699,28 +77732,29 @@ var ConfigPanelButton = () => {
             contextPanel.show("configuration");
           }
         },
+        icon: /* @__PURE__ */ React83.createElement(
+          "svg",
+          {
+            style: { marginTop: "6px" },
+            focusable: false,
+            width: "15",
+            height: "15",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          },
+          /* @__PURE__ */ React83.createElement(
+            "path",
+            {
+              d: "M0 11.5V13.5H4.5V11.5H0ZM0 1.5V3.5H7.5V1.5H0ZM8.5 15V13.5H15V11.5H8.5V10H6.66667V15H8.5ZM3.5 5V6.5H0V8.5H3.5V10H5.5V5H3.5ZM15 8.5V6.5H7.5V8.5H15ZM9.5 5H11.6667V3.5H15V1.5H11.6667V0H9.5V5Z",
+              fill: "currentColor"
+            }
+          )
+        ),
         selected: contextPanel.content === "configuration",
         "data-qa": "table-config-button"
       },
-      /* @__PURE__ */ React83.createElement(
-        "svg",
-        {
-          style: { marginTop: "6px" },
-          focusable: false,
-          width: "15",
-          height: "15",
-          viewBox: "0 0 15 15",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg"
-        },
-        /* @__PURE__ */ React83.createElement(
-          "path",
-          {
-            d: "M0 11.5V13.5H4.5V11.5H0ZM0 1.5V3.5H7.5V1.5H0ZM8.5 15V13.5H15V11.5H8.5V10H6.66667V15H8.5ZM3.5 5V6.5H0V8.5H3.5V10H5.5V5H3.5ZM15 8.5V6.5H7.5V8.5H15ZM9.5 5H11.6667V3.5H15V1.5H11.6667V0H9.5V5Z",
-            fill: "currentColor"
-          }
-        )
-      )
+      I18n.t("dataTable.tableSettings.configure")
     )
   );
 };
@@ -78539,7 +78573,8 @@ var de_DE_default = {
       tableSettings: "Tabelleneinstellungen",
       groupBy: "Gruppieren nach:",
       reset: "Zur\xFCcksetzen",
-      selectColumnGroup: "W\xE4hlen Sie eine Spalte zum Gruppieren."
+      selectColumnGroup: "W\xE4hlen Sie eine Spalte zum Gruppieren.",
+      configure: "Konfigurieren"
     },
     rowGroupToggle: {
       expandTierOne: "\xD6ffnen Sie die ersten Gruppen in der Tabelle.",
@@ -78683,7 +78718,8 @@ var en_AU_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -78827,7 +78863,8 @@ var en_CA_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -78971,7 +79008,8 @@ var en_GB_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -79115,7 +79153,8 @@ var en_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -79259,7 +79298,8 @@ var es_ES_default = {
       tableSettings: "Configuraci\xF3n de la tabla",
       groupBy: "Agrupar por:",
       reset: "Restablecer",
-      selectColumnGroup: "Seleccione una columna para agrupar"
+      selectColumnGroup: "Seleccione una columna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abrir los primeros grupos de la tabla.",
@@ -79403,7 +79443,8 @@ var es_default = {
       tableSettings: "Configuraci\xF3n de la tabla",
       groupBy: "Agrupar por:",
       reset: "Restablecer",
-      selectColumnGroup: "Selecciona una columna para agrupar"
+      selectColumnGroup: "Selecciona una columna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abrir los primeros grupos de la tabla.",
@@ -79547,7 +79588,8 @@ var fr_CA_default = {
       tableSettings: "Param\xE8tres du tableau",
       groupBy: "Regrouper par :",
       reset: "R\xE9initialiser",
-      selectColumnGroup: "S\xE9lectionnez une colonne \xE0 grouper"
+      selectColumnGroup: "S\xE9lectionnez une colonne \xE0 grouper",
+      configure: "Configurer"
     },
     rowGroupToggle: {
       expandTierOne: "Ouvrez les premiers groupes du tableau.",
@@ -79691,7 +79733,8 @@ var fr_FR_default = {
       tableSettings: "Param\xE8tres du tableau",
       groupBy: "Regrouper par\xA0:",
       reset: "R\xE9initialiser",
-      selectColumnGroup: "S\xE9lectionner une colonne \xE0 regrouper"
+      selectColumnGroup: "S\xE9lectionner une colonne \xE0 regrouper",
+      configure: "Configurer"
     },
     rowGroupToggle: {
       expandTierOne: "Ouvrez les premiers groupes du tableau.",
@@ -79835,7 +79878,8 @@ var is_IS_default = {
       tableSettings: "Tafla stillingar",
       groupBy: "H\xF3pur eftir:",
       reset: "Endurstilla",
-      selectColumnGroup: "Veldu d\xE1lk til a\xF0 flokka"
+      selectColumnGroup: "Veldu d\xE1lk til a\xF0 flokka",
+      configure: "Stilla"
     },
     rowGroupToggle: {
       expandTierOne: "Opna\xF0u fyrstu h\xF3pa \xED t\xF6flunni.",
@@ -79979,7 +80023,8 @@ var ja_JP_default = {
       tableSettings: "\u8868\u306E\u8A2D\u5B9A",
       groupBy: "\u30B0\u30EB\u30FC\u30D7\u5316:",
       reset: "\u30EA\u30BB\u30C3\u30C8",
-      selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E"
+      selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E",
+      configure: "\u69CB\u6210"
     },
     rowGroupToggle: {
       expandTierOne: "\u8868\u306E\u6700\u521D\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u958B\u304D\u307E\u3059\u3002",
@@ -80123,7 +80168,8 @@ var pt_BR_default = {
       tableSettings: "Configura\xE7\xF5es da Tabela",
       groupBy: "Agrupar por:",
       reset: "Redefinir",
-      selectColumnGroup: "Selecionar uma coluna para agrupar"
+      selectColumnGroup: "Selecionar uma coluna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abra os primeiros grupos na tabela.",
@@ -80267,7 +80313,8 @@ var th_TH_default = {
       tableSettings: "\u0E01\u0E32\u0E23\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E15\u0E32\u0E23\u0E32\u0E07",
       groupBy: "\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21\u0E15\u0E32\u0E21:",
       reset: "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15",
-      selectColumnGroup: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E17\u0E35\u0E48\u0E08\u0E30\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21"
+      selectColumnGroup: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E17\u0E35\u0E48\u0E08\u0E30\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21",
+      configure: "\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E04\u0E48\u0E32"
     },
     rowGroupToggle: {
       expandTierOne: "\u0E40\u0E1B\u0E34\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21\u0E41\u0E23\u0E01\u0E43\u0E19\u0E15\u0E32\u0E23\u0E32\u0E07",
@@ -80411,7 +80458,8 @@ var zh_SG_default = {
       tableSettings: "\u8868\u683C\u8BBE\u7F6E",
       groupBy: "\u5206\u7EC4\u4F9D\u636E\uFF1A",
       reset: "\u91CD\u7F6E",
-      selectColumnGroup: "\u9009\u62E9\u8981\u5206\u7C7B\u7684\u5217"
+      selectColumnGroup: "\u9009\u62E9\u8981\u5206\u7C7B\u7684\u5217",
+      configure: "\u914D\u7F6E"
     },
     rowGroupToggle: {
       expandTierOne: "\u6253\u5F00\u8868\u4E2D\u7684\u7B2C\u4E00\u4E2A\u7EC4\u3002",
@@ -81036,6 +81084,14 @@ var useTableApi = ({
     }),
     [columnApi, gridApi, rowHeight, filterStorage]
   );
+  function deselectParentsWithoutChildrenOrSelectAll(state, gridApi2) {
+    if (state.selectAllChildren === false && !state.toggledNodes?.length) {
+      gridApi2.getRowNode(state.nodeId || "")?.setSelected(false);
+    }
+    state.toggledNodes?.forEach(
+      (node) => deselectParentsWithoutChildrenOrSelectAll(node, gridApi2)
+    );
+  }
   const onSelectionChanged = (rowNode) => {
     const isGrouped = rowNode.group || rowNode.parent?.group && !isNodeRootLevelOfGrid(rowNode.parent);
     const currAffectedRows = rowSelectionRef.current.affectedRows;
@@ -81056,13 +81112,18 @@ var useTableApi = ({
       currAffectedRows
     );
     const rowValues = Object.values(rowsToUpdate);
-    rowValues.forEach((row2) => {
-      row2.node.setSelected(
-        row2.selectedState === rowSelectionState.selected,
-        false,
-        "checkboxSelected"
-      );
-    });
+    const selectionState = gridApi?.getServerSideSelectionState();
+    if (selectionState && isServerSideGroupSelectionState(selectionState) && gridApi) {
+      deselectParentsWithoutChildrenOrSelectAll(selectionState, gridApi);
+    } else {
+      rowValues.forEach((row2) => {
+        row2.node.setSelected(
+          row2.selectedState === rowSelectionState.selected,
+          false,
+          "checkboxSelected"
+        );
+      });
+    }
     rowSelectionRef.current.affectedRows = {
       ...currAffectedRows,
       ...rowsToUpdate
@@ -81184,6 +81245,7 @@ function buildPartialTableApi({
       rowSelectionRef
     }) : void 0;
   };
+  const getServerSideSelectionState = () => gridApi?.getServerSideSelectionState();
   const getTableConfiguration = () => {
     const columnState = columnApi?.getColumnState().filter(
       (column2) => !["rowActions", "rowActions-pinned"].includes(
@@ -81297,6 +81359,7 @@ function buildPartialTableApi({
     getRootAggregateData,
     getRowData,
     getSelectedRows: getSelectedRows2,
+    getServerSideSelectionState,
     getTableConfiguration,
     refreshCells,
     setPinnedBottomRowData,
@@ -82348,7 +82411,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: !onSSDR,
+            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.5.0",
+  "version": "14.6.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "main": "dist/modern/index.js",
   "module": "dist/modern/index.mjs",
@@ -36,7 +36,7 @@
     "cypress:run": "cypress run -b ${CYPRESS_BROWSER-chrome} --spec ${CYPRESS_SPEC-cypress/e2e/**/*.e2e.ts}",
     "cypress:run:all": "start-server-and-test storybook-static:server http://127.0.0.1:6006 'yarn cypress:run'",
     "cypress:install": "cypress install",
-    "dev": "NODE_ENV=development webpack --mode=development --watch",
+    "lint:types": "tsc --noEmit",
     "prettier": "prettier --write",
     "prettier:check": "prettier --check",
     "storybook": "storybook dev -p 6006",
@@ -76,7 +76,7 @@
   },
   "dependencies": {
     "@procore/labs-datetime-select": "0.1.0",
-    "@procore/labs-group-by-select": "3.1.1",
+    "@procore/labs-group-by-select": "3.1.2",
     "@procore/toast-alert": "5.1.0",
     "classnames": "2.5.1",
     "date-fns": "2.29.1",
@@ -133,20 +133,11 @@
     "@typescript-eslint/eslint-plugin": "5.48.2",
     "@typescript-eslint/parser": "5.48.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.7",
-    "assert": "2.0.0",
-    "browserify-zlib": "0.2.0",
-    "buffer": "6.0.3",
-    "console-browserify": "1.2.0",
-    "constants-browserify": "1.0.0",
-    "copy-webpack-plugin": "11.0.0",
-    "crypto-browserify": "3.12.0",
     "css-loader": "6.7.1",
-    "css-minimizer-webpack-plugin": "4.2.2",
     "cypress": "13.6.1",
     "cypress-multi-reporters": "1.6.4",
     "cypress-real-events": "^1.11.0",
     "cypress-web-vitals": "^4.1.2",
-    "domain-browser": "4.22.0",
     "enzyme": "3.11.0",
     "esbuild-sass-plugin": "^2.16.1",
     "eslint": "8.31.0",
@@ -158,44 +149,23 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.32.0",
     "eslint-plugin-react-hooks": "4.6.0",
-    "events": "3.3.0",
     "http-server": "^14.1.1",
-    "https-browserify": "1.0.0",
     "jest": "29.5.0",
-    "mini-css-extract-plugin": "2.6.1",
     "miragejs": "0.1.45",
     "mocha-junit-reporter": "^2.2.1",
     "mochawesome": "^7.1.3",
-    "os-browserify": "0.3.0",
-    "path-browserify": "1.0.1",
     "postcss-modules": "^6.0.0",
-    "process": "0.11.10",
-    "punycode": "2.3.0",
-    "querystring-es3": "0.2.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "readable-stream": "4.1.0",
     "rimraf": "3.0.2",
     "safe-json-stringify": "^1.2.0",
     "sass": "1.57.1",
     "sass-loader": "13.2.0",
     "start-server-and-test": "1.15.4",
     "storybook": "^7.5.3",
-    "stream-browserify": "3.0.0",
-    "stream-http": "3.2.0",
-    "string_decoder": "1.3.0",
     "style-loader": "3.3.1",
     "styled-components": "5.3.9",
-    "terser-webpack-plugin": "5.3.5",
-    "timers-browserify": "2.0.12",
-    "ts-loader": "9.4.2",
     "tsup": "^8.0.1",
-    "tty-browserify": "0.0.1",
-    "typescript": "^4.9.5",
-    "url": "0.11.0",
-    "util": "0.12.5",
-    "vm-browserify": "1.1.2",
-    "webpack": "5.74.0",
-    "webpack-cli": "4.10.0"
+    "typescript": "^4.9.5"
   }
 }