@procore/data-table 14.37.0 → 14.39.0

package/dist/legacy/index.js

@@ -54647,6 +54647,33 @@ function SingleSelectFilterRenderer({
   );
 }
 
+// src/utils/columnEditableHelpers.ts
+function createColumnEditableUtils(options) {
+  return {
+    overrideEditable: (columnEditable) => {
+      return (params) => {
+        var _a;
+        const isGroupNodeExpanded = params.node.group && params.node.expanded;
+        if (((_a = params.node) == null ? void 0 : _a.rowPinned) || !options.enableGroupHeaderEdit && isGroupNodeExpanded && !params.node.footer) {
+          return false;
+        }
+        if (typeof columnEditable === "boolean") {
+          return columnEditable;
+        }
+        return (columnEditable == null ? void 0 : columnEditable(params)) ?? false;
+      };
+    }
+  };
+}
+function isColumnEditable(columnEditable) {
+  return (params) => {
+    if (typeof columnEditable === "boolean") {
+      return columnEditable;
+    }
+    return (columnEditable == null ? void 0 : columnEditable(params)) ?? false;
+  };
+}
+
 // src/utils/transformers.ts
 var emptyObject = {};
 var DEFAULT_AUTO_GROUP_COLUMN_DEFINITION = {
@@ -54730,24 +54757,12 @@ function transformToColumnDefinition(colDef = emptyObject) {
     valueSetter: colDef.valueSetter
   };
 }
-function isEditable(columnEditable) {
-  return (params) => {
-    var _a;
-    if (((_a = params.node) == null ? void 0 : _a.rowPinned) || params.node.group && params.node.expanded && !params.node.footer) {
-      return false;
-    }
-    if (typeof columnEditable === "boolean") {
-      return columnEditable;
-    }
-    return (columnEditable == null ? void 0 : columnEditable(params)) ?? false;
-  };
-}
 function shouldHaveEditStyles(params) {
   var _a;
   if (!((_a = params.colDef) == null ? void 0 : _a.cellEditor)) {
     return false;
   }
-  return isEditable(params.colDef.editable);
+  return isColumnEditable(params.colDef.editable);
 }
 var toExcelCellClass = (className) => `excel-export--${className}`;
 function transformToExcelStyles(excelDataFormats) {
@@ -54872,11 +54887,11 @@ function transformColumnDefinitionToColDef(dataTableColumnDefinition, enableGrou
       parentData: context == null ? void 0 : context.parentData,
       parentId: context == null ? void 0 : context.parentId
     }) : aggFunc,
-    bulkEditable: isEditable(bulkEditable),
+    bulkEditable: isColumnEditable(bulkEditable),
     cellClass: cellExcelDataType ? toExcelCellClass(cellExcelDataType) : void 0,
     cellClassRules,
     comparator,
-    editable: isEditable(_editable),
+    editable: isColumnEditable(_editable),
     filter: getFilter(dataTableColumnDefinition),
     // set filter by default
     filterParams: {
@@ -55201,12 +55216,12 @@ function getDecoratedAutoGroupColDef(columnDefinition, enableGroupEditAndValidat
 }
 
 // src/CellRenderers/AutoGroupCell.scss
-var css5 = `._autoGroupCell_pq41h_1 {
+var css5 = `._autoGroupCell_1qx8z_1 {
   height: 100%;
   width: 100%;
 }
 
-._indent_pq41h_6 {
+._indent_1qx8z_6 {
   border-right: 1px solid #d6dadc;
   background: #f4f5f6;
   position: absolute;
@@ -55214,44 +55229,45 @@ var css5 = `._autoGroupCell_pq41h_1 {
   bottom: -1px;
   width: 12px;
 }
-._indent_pq41h_6._innermostLastIndent_pq41h_14 {
+._indent_1qx8z_6._innermostLastIndent_1qx8z_14 {
   bottom: 0px;
 }
 
-._expandableCaret_pq41h_18 {
+._expandableCaret_1qx8z_18 {
   margin-left: -8px;
   margin-right: 4px;
   width: 24px;
+  flex-shrink: 0;
 }
 
-._expandCaret_pq41h_24 {
+._expandCaret_1qx8z_25 {
   color: #2066df;
   cursor: pointer;
 }
 
-._collapseCaret_pq41h_29 {
+._collapseCaret_1qx8z_30 {
   color: #75838a;
   cursor: pointer;
 }
 
-._value_pq41h_34 {
+._value_1qx8z_35 {
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 12px;
 }
-._value_pq41h_34._footer_pq41h_39 {
+._value_1qx8z_35._footer_1qx8z_40 {
   color: #6a767c;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css5));
 var AutoGroupCell_default = {
-  "autoGroupCell": "_autoGroupCell_pq41h_1",
-  "indent": "_indent_pq41h_6",
-  "innermostLastIndent": "_innermostLastIndent_pq41h_14",
-  "expandableCaret": "_expandableCaret_pq41h_18",
-  "expandCaret": "_expandCaret_pq41h_24",
-  "collapseCaret": "_collapseCaret_pq41h_29",
-  "value": "_value_pq41h_34",
-  "footer": "_footer_pq41h_39"
+  "autoGroupCell": "_autoGroupCell_1qx8z_1",
+  "indent": "_indent_1qx8z_6",
+  "innermostLastIndent": "_innermostLastIndent_1qx8z_14",
+  "expandableCaret": "_expandableCaret_1qx8z_18",
+  "expandCaret": "_expandCaret_1qx8z_25",
+  "collapseCaret": "_collapseCaret_1qx8z_30",
+  "value": "_value_1qx8z_35",
+  "footer": "_footer_1qx8z_40"
 };
 
 // src/utils/rowSelectionHelpers.ts
@@ -56567,9 +56583,10 @@ var GenericHeaderRenderer = (props) => {
   const {
     columnApi,
     tableRef,
+    onExpandOrCollapseAll,
     onServerSideDataRequest,
-    showExpandCollapseAllToggle,
-    onTableConfigChange
+    onTableConfigChange,
+    showExpandCollapseAllToggle
   } = useInternalTableContext();
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React80.useState(props.column.getSort());
@@ -56760,9 +56777,11 @@ var GenericHeaderRenderer = (props) => {
           }
         });
         setExpansionVariant("tierOne");
+        onExpandOrCollapseAll == null ? void 0 : onExpandOrCollapseAll(true);
       } else {
         props.api.collapseAll();
         setExpansionVariant("closed");
+        onExpandOrCollapseAll == null ? void 0 : onExpandOrCollapseAll(false);
       }
       return;
     }
@@ -56777,10 +56796,13 @@ var GenericHeaderRenderer = (props) => {
         props.api
       );
       setExpansionVariant(hasMoreExpandableNodes ? "tierOne" : "all");
+      onExpandOrCollapseAll == null ? void 0 : onExpandOrCollapseAll(true);
     } else if (expansionVariant === "tierOne") {
       props.api.expandAll();
+      onExpandOrCollapseAll == null ? void 0 : onExpandOrCollapseAll(true);
     } else {
       props.api.collapseAll();
+      onExpandOrCollapseAll == null ? void 0 : onExpandOrCollapseAll(false);
     }
   }
   const tooltipText = {
@@ -56957,7 +56979,8 @@ var GenericHeaderRenderer = (props) => {
             "aria-label": tooltipText[expansionVariant],
             className: "expand-button",
             onClick: onExpandToggle,
-            role: "button"
+            role: "button",
+            "data-qa": "expand-or-collapse-all-button"
           },
           /* @__PURE__ */ React80.createElement(ExpansionVariantIcon, { size: "sm" })
         )
@@ -57817,6 +57840,8 @@ var InternalTableContext = React80.createContext({
   gridApi: void 0,
   localStoragePersistenceKey: void 0,
   onBulkEditUpdate: () => Promise.resolve(),
+  onExpandOrCollapseAll: () => {
+  },
   onServerSideDataRequest: void 0,
   onTableConfigChange: () => {
   },
@@ -76362,12 +76387,12 @@ var MenuItemMapper = class MenuItemMapper2 extends BeanStub {
         if (ModuleRegistry.__assertRegistered(ModuleNames.ClipboardModule, "Cut from Menu", this.context.getGridId())) {
           const focusedCell = this.focusService.getFocusedCell();
           const rowNode = focusedCell ? this.rowPositionUtils.getRowNode(focusedCell) : null;
-          const isEditable2 = rowNode ? focusedCell === null || focusedCell === void 0 ? void 0 : focusedCell.column.isCellEditable(rowNode) : false;
+          const isEditable = rowNode ? focusedCell === null || focusedCell === void 0 ? void 0 : focusedCell.column.isCellEditable(rowNode) : false;
           return {
             name: localeTextFunc("cut", "Cut"),
             shortcut: localeTextFunc("ctrlX", "Ctrl+X"),
             icon: _.createIconNoSpan("clipboardCut", this.gridOptionsService, null),
-            disabled: !isEditable2 || this.gridOptionsService.is("suppressCutToClipboard"),
+            disabled: !isEditable || this.gridOptionsService.is("suppressCutToClipboard"),
             action: () => this.clipboardService.cutToClipboard(void 0, "contextMenu")
           };
         } else {
@@ -108959,6 +108984,7 @@ var DataTable = ({
   getRowId,
   initialTableConfig: _initialTableConfig,
   onBulkEditUpdate,
+  onExpandOrCollapseAll,
   onServerSideDataRequest,
   onTableConfigChange,
   showExpandCollapseAllToggle,
@@ -109209,6 +109235,7 @@ var DataTable = ({
         gridApi,
         initialTableConfig,
         onBulkEditUpdate,
+        onExpandOrCollapseAll,
         onServerSideDataRequest,
         onTableConfigChange: internalOnTableConfigChange,
         rowSelectionRef,
@@ -109295,6 +109322,20 @@ function getServerSideDatasource(onServerSideDataRequestCallbackRef, onEmptyResp
   };
 }
 var minimumColumnWidth = 140;
+function useComputeAgGridProps(props) {
+  const internalTableContext = useInternalTableContext();
+  const onSSDR = internalTableContext.onServerSideDataRequest;
+  return {
+    groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
+    rowDragManaged: onSSDR ? false : props.rowDragManaged ?? true,
+    rowModelType: onSSDR ? "serverSide" : void 0,
+    groupSelectsChildren: (
+      // Always true for client side, defaults to true for server side
+      internalTableContext.totalRowCount > 0 && props.groupSelectsChildren !== false || !onSSDR
+    ),
+    groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded
+  };
+}
 var Table = (props) => {
   var _a, _b, _c;
   const { suppressColumnVirtualisation = true, rowActionsConfig = {} } = props;
@@ -109345,16 +109386,30 @@ var Table = (props) => {
   React80.useImperativeHandle(internalTableContext.tableRef, () => tableApi, [
     tableApi
   ]);
+  const {
+    groupIncludeFooter,
+    rowDragManaged,
+    rowModelType,
+    groupSelectsChildren,
+    groupDefaultExpanded
+  } = useComputeAgGridProps(props);
+  const { overrideEditable } = createColumnEditableUtils({
+    enableGroupHeaderEdit: props.enableGroupHeaderEdit
+  });
   const decoratedColDefs = React80.useMemo(
     () => {
       var _a2;
-      return (_a2 = internalTableContext.columnDefinitions) == null ? void 0 : _a2.map(
-        (colDef) => transformToColDef(
+      return (_a2 = internalTableContext.columnDefinitions) == null ? void 0 : _a2.map((colDef) => {
+        const newColDef = transformToColDef(
           colDef,
           internalTableContext.enableGroupEditAndValidation,
           internalTableContext.enableDynamicRowHeight
-        )
-      );
+        );
+        return {
+          ...newColDef,
+          editable: overrideEditable(colDef.editable)
+        };
+      });
     },
     [internalTableContext.columnDefinitions]
   );
@@ -110126,13 +110181,10 @@ var Table = (props) => {
           getRowId: internalTableContext.getRowId,
           getRowStyle,
           groupAllowUnbalanced: true,
-          groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
-          groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
+          groupDefaultExpanded,
+          groupIncludeFooter,
           getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-          groupSelectsChildren: (
-            // Always true for client side, defaults to true for server side
-            internalTableContext.totalRowCount > 0 && props.groupSelectsChildren !== false || !onSSDR
-          ),
+          groupSelectsChildren,
           groupSelectsFiltered: true,
           headerHeight: props.headerHeight,
           icons: tableIcons,
@@ -110190,8 +110242,8 @@ var Table = (props) => {
           pinnedBottomRowData: props.pinnedBottomRowData,
           rowBuffer: props.rowBuffer,
           rowClassRules,
-          rowDragManaged: onSSDR ? false : props.rowDragManaged ?? true,
-          rowModelType: onSSDR ? "serverSide" : void 0,
+          rowDragManaged,
+          rowModelType,
           rowSelection: "multiple",
           ...serverSideInfiniteScroll,
           suppressClickEdit: true,
@@ -112262,6 +112314,7 @@ var ClientSideDataTable = ({
   getRowId,
   initialTableConfig: _initialTableConfig,
   onBulkEditUpdate,
+  onExpandOrCollapseAll,
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
@@ -112278,8 +112331,9 @@ var ClientSideDataTable = ({
       filterGroups,
       getRowId,
       initialTableConfig: _initialTableConfig,
-      onTableConfigChange,
       onBulkEditUpdate,
+      onExpandOrCollapseAll,
+      onTableConfigChange,
       showExpandCollapseAllToggle: true,
       translations: translations2,
       localStoragePersistenceKey,
@@ -116671,6 +116725,7 @@ var ServerSideDataTable = ({
   getRowId,
   initialTableConfig: _initialTableConfig,
   onBulkEditUpdate,
+  onExpandOrCollapseAll,
   onServerSideDataRequest,
   onTableConfigChange,
   enableCellTextSelection,
@@ -116689,9 +116744,10 @@ var ServerSideDataTable = ({
       filterGroups,
       getRowId,
       initialTableConfig: _initialTableConfig,
-      onTableConfigChange,
-      onServerSideDataRequest,
       onBulkEditUpdate,
+      onExpandOrCollapseAll,
+      onServerSideDataRequest,
+      onTableConfigChange,
       showExpandCollapseAllToggle,
       translations: translations2,
       customBulkEditorFields,