@procore/data-table 14.39.1 → 14.41.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 14.41.0
+
+### Minor Changes
+
+- f1804f1: Support using required and optional groups at the same time
+
+### Patch Changes
+
+- 83c2765: Fixed variable name conflicting with type name that leads to an error on storybook.
+- Updated dependencies [27c6ad8]
+  - @procore/toast-alert@5.1.2
+
+## 14.40.0
+
+### Minor Changes
+
+- 1c27b3d: Added `suppressBulkEditToasts` prop in order to allow consumers to use their own notifications when desired, for Bulk Editing.
+
 ## 14.39.1
 
 ### Patch Changes

package/dist/legacy/index.cjs

@@ -57852,6 +57852,7 @@ var InternalTableContext = React80__default.default.createContext({
   onExpandOrCollapseAll: () => {
   },
   onServerSideDataRequest: void 0,
+  suppressBulkEditToasts: false,
   onTableConfigChange: () => {
   },
   updateServerSideDataSource: () => {
@@ -103538,13 +103539,13 @@ var BulkEditInput = (props) => {
       );
     case "peopleMultiSelect":
       const {
-        placeholder: MultiSelectBulkEditorParams,
-        ...PeopleBulkEditorParams
+        placeholder: peopleMultiSelectPlaceholder,
+        ...peopleMultiSelectParams
       } = props.editorParams;
       return /* @__PURE__ */ React80__default.default.createElement(
         coreReact.Form.MultiSelect,
         {
-          ...PeopleBulkEditorParams,
+          ...peopleMultiSelectParams,
           beforeShow: getBulkEditorOptions,
           colWidth: 12,
           "data-qa": `data-table-bulk-edit-input-${props.name}`,
@@ -103556,7 +103557,7 @@ var BulkEditInput = (props) => {
           name: field.input.name,
           optionRenderer: personOptionRenderer(props.editorParams),
           options,
-          placeholder: personPlaceholder ?? placeholderForField
+          placeholder: peopleMultiSelectPlaceholder ?? placeholderForField
         }
       );
     case "radio":
@@ -103662,7 +103663,7 @@ var BulkEditInput = (props) => {
   }
 };
 var BulkEdit = React80__default.default.forwardRef(
-  ({ onReset = noop4 }, ref) => {
+  ({ onReset = noop4, suppressBulkEditToasts = false }, ref) => {
     var _a;
     const {
       analytics,
@@ -103767,14 +103768,18 @@ var BulkEdit = React80__default.default.forwardRef(
         await (onBulkEditUpdate == null ? void 0 : onBulkEditUpdate(bulkEditedRows).then((result) => {
           if (result === void 0) {
             gridApi == null ? void 0 : gridApi.refreshServerSide({ purge: true });
-            showToast.success(I18n.t("dataTable.bulkActions.success"));
+            if (!suppressBulkEditToasts) {
+              showToast.success(I18n.t("dataTable.bulkActions.success"));
+            }
             resetForm({});
             onReset();
           } else {
             throw new Error(result);
           }
         }).catch(() => {
-          showToast.error(I18n.t("dataTable.bulkActions.error"));
+          if (!suppressBulkEditToasts) {
+            showToast.error(I18n.t("dataTable.bulkActions.error"));
+          }
         }));
       } else {
         try {
@@ -103782,11 +103787,15 @@ var BulkEdit = React80__default.default.forwardRef(
             { update: clientSideItemsToUpdate },
             () => onBulkEditUpdate == null ? void 0 : onBulkEditUpdate(bulkEditedRows)
           );
-          showToast.success(I18n.t("dataTable.bulkActions.success"));
+          if (!suppressBulkEditToasts) {
+            showToast.success(I18n.t("dataTable.bulkActions.success"));
+          }
           resetForm({});
           onReset();
         } catch (error2) {
-          showToast.error(I18n.t("dataTable.bulkActions.error"));
+          if (!suppressBulkEditToasts) {
+            showToast.error(I18n.t("dataTable.bulkActions.error"));
+          }
         }
       }
     };
@@ -103820,7 +103829,7 @@ var BulkEdit = React80__default.default.forwardRef(
   }
 );
 var BulkEditPanel = ({}) => {
-  const { contextPanel } = useInternalTableContext();
+  const { contextPanel, suppressBulkEditToasts } = useInternalTableContext();
   const I18n = coreReact.useI18nContext();
   const bulkEditRef = React80__default.default.useRef(null);
   return /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React80__default.default.createElement(
@@ -103833,7 +103842,14 @@ var BulkEditPanel = ({}) => {
       }
     },
     /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.bulkActions.editValues"))
-  ), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, /* @__PURE__ */ React80__default.default.createElement(BulkEdit, { ref: bulkEditRef, onReset: contextPanel.hide }))), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Footer, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.FooterActions, null, /* @__PURE__ */ React80__default.default.createElement(
+  ), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, /* @__PURE__ */ React80__default.default.createElement(
+    BulkEdit,
+    {
+      ref: bulkEditRef,
+      onReset: contextPanel.hide,
+      suppressBulkEditToasts
+    }
+  ))), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Footer, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.FooterActions, null, /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Button,
     {
       key: "cancel",
@@ -108997,6 +109013,7 @@ var DataTable = ({
   onServerSideDataRequest,
   onTableConfigChange,
   showExpandCollapseAllToggle,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   enableCellTextSelection,
   localStoragePersistenceKey,
@@ -109246,6 +109263,7 @@ var DataTable = ({
         onBulkEditUpdate,
         onExpandOrCollapseAll,
         onServerSideDataRequest,
+        suppressBulkEditToasts,
         onTableConfigChange: internalOnTableConfigChange,
         rowSelectionRef,
         expandCollapseStateRef,
@@ -112108,7 +112126,7 @@ var FiltersPanelButton = () => {
   }
   return /* @__PURE__ */ React80__default.default.createElement(ClientSideFiltersPanelToggleButton, null);
 };
-var RowGroupSelector = ({ localeText }) => {
+var RowGroupSelector = ({ localeText, modifyRowGroupFieldsOnSelection }) => {
   const {
     columnDefinitions: _columnDefinitions,
     columnApi,
@@ -112131,24 +112149,26 @@ var RowGroupSelector = ({ localeText }) => {
     });
   }, [columnDefinitions]);
   const selectedColumns = React80__default.default.useMemo(
-    () => mapColumnsToOptions(groupedColumns),
+    () => mapColumnsToOptions(groupedColumns.filter((col) => col.enableRowGroup)),
     [groupedColumns]
   );
   const onGroupedClear = React80__default.default.useCallback(() => {
     var _a;
-    (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping([]);
-  }, [tableRef]);
+    const modifiedFields = (modifyRowGroupFieldsOnSelection == null ? void 0 : modifyRowGroupFieldsOnSelection([])) ?? [];
+    (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping(modifiedFields);
+  }, [tableRef, modifyRowGroupFieldsOnSelection]);
   const onGroupedRowChange = React80__default.default.useCallback(
     (newValue) => {
       var _a;
       const fields = newValue.map((val) => {
         return val.id;
       });
+      const modifiedFields = (modifyRowGroupFieldsOnSelection == null ? void 0 : modifyRowGroupFieldsOnSelection(fields)) ?? fields;
       if (!ramda.equals(selectedColumns, newValue)) {
-        (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping(fields);
+        (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping(modifiedFields);
       }
     },
-    [selectedColumns]
+    [selectedColumns, modifyRowGroupFieldsOnSelection]
   );
   React80__default.default.useEffect(() => {
     function onDisplayedColumnsChanged(event) {
@@ -112292,7 +112312,8 @@ var QuickControls = (props) => {
         reset: I18n.t("dataTable.tableSettings.reset"),
         placeholder: I18n.t("dataTable.tableSettings.selectColumnGroup"),
         selectedItemsPrefix: I18n.t("dataTable.tableSettings.groupBy")
-      }
+      },
+      modifyRowGroupFieldsOnSelection: props.modifyRowGroupFieldsOnSelection
     }
   ), /* @__PURE__ */ React80__default.default.createElement(ConfigPanelButton, null))), /* @__PURE__ */ React80__default.default.createElement(
     QuickFilters,
@@ -112325,6 +112346,7 @@ var ClientSideDataTable = ({
   onBulkEditUpdate,
   onExpandOrCollapseAll,
   onTableConfigChange,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   enableCellTextSelection,
   localStoragePersistenceKey,
@@ -112344,6 +112366,7 @@ var ClientSideDataTable = ({
       onExpandOrCollapseAll,
       onTableConfigChange,
       showExpandCollapseAllToggle: true,
+      suppressBulkEditToasts,
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
@@ -116739,6 +116762,7 @@ var ServerSideDataTable = ({
   onTableConfigChange,
   enableCellTextSelection,
   showExpandCollapseAllToggle,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   localStoragePersistenceKey,
   enableCDN
@@ -116758,6 +116782,7 @@ var ServerSideDataTable = ({
       onServerSideDataRequest,
       onTableConfigChange,
       showExpandCollapseAllToggle,
+      suppressBulkEditToasts,
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,

package/dist/legacy/index.d.cts

@@ -1162,6 +1162,11 @@ interface DataTableProps {
      * the updated values
      */
     onBulkEditUpdate?: (rows: BulkEditResult[]) => Promise<void>;
+    /**
+     * When true, suppresses the success and error toast messages
+     * that are normally shown after bulk edit operations
+     */
+    suppressBulkEditToasts?: boolean;
     localStoragePersistenceKey?: string;
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
@@ -1380,6 +1385,7 @@ interface InternalTableContext {
     filterStorage: IFilterStorage;
     onBulkEditUpdate: DataTableProps['onBulkEditUpdate'];
     onServerSideDataRequest?: DataTableProps['onServerSideDataRequest'];
+    suppressBulkEditToasts?: DataTableProps['suppressBulkEditToasts'];
     updateServerSideDataSource: (params: UpdateServerSideDataSourceParams) => void;
     localStoragePersistenceKey?: string;
     onExpandOrCollapseAll?: (expanded: boolean) => void;
@@ -1446,6 +1452,7 @@ interface QuickControlsProps extends Omit<SearchProps, 'disabled'> {
     style?: React__default.CSSProperties;
     disabledSearch?: boolean;
     filterOverlayMatchesTriggerWidth?: boolean;
+    modifyRowGroupFieldsOnSelection?: (userSelection: string[]) => string[];
 }
 
 interface ActionButtonProps {
@@ -1463,7 +1470,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onTableConfigChange, suppressBulkEditToasts, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1478,6 +1485,7 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
             placeholder: string;
             selectedItemsPrefix?: string | undefined;
         };
+        modifyRowGroupFieldsOnSelection?: ((userSelection: string[]) => string[]) | undefined;
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "selectionSSREnabled" | "modules">>;
@@ -1500,7 +1508,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, suppressBulkEditToasts, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1515,6 +1523,7 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
             placeholder: string;
             selectedItemsPrefix?: string | undefined;
         };
+        modifyRowGroupFieldsOnSelection?: ((userSelection: string[]) => string[]) | undefined;
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "rows" | "modules">>;

package/dist/legacy/index.d.ts

@@ -1162,6 +1162,11 @@ interface DataTableProps {
      * the updated values
      */
     onBulkEditUpdate?: (rows: BulkEditResult[]) => Promise<void>;
+    /**
+     * When true, suppresses the success and error toast messages
+     * that are normally shown after bulk edit operations
+     */
+    suppressBulkEditToasts?: boolean;
     localStoragePersistenceKey?: string;
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
@@ -1380,6 +1385,7 @@ interface InternalTableContext {
     filterStorage: IFilterStorage;
     onBulkEditUpdate: DataTableProps['onBulkEditUpdate'];
     onServerSideDataRequest?: DataTableProps['onServerSideDataRequest'];
+    suppressBulkEditToasts?: DataTableProps['suppressBulkEditToasts'];
     updateServerSideDataSource: (params: UpdateServerSideDataSourceParams) => void;
     localStoragePersistenceKey?: string;
     onExpandOrCollapseAll?: (expanded: boolean) => void;
@@ -1446,6 +1452,7 @@ interface QuickControlsProps extends Omit<SearchProps, 'disabled'> {
     style?: React__default.CSSProperties;
     disabledSearch?: boolean;
     filterOverlayMatchesTriggerWidth?: boolean;
+    modifyRowGroupFieldsOnSelection?: (userSelection: string[]) => string[];
 }
 
 interface ActionButtonProps {
@@ -1463,7 +1470,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onTableConfigChange, suppressBulkEditToasts, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1478,6 +1485,7 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
             placeholder: string;
             selectedItemsPrefix?: string | undefined;
         };
+        modifyRowGroupFieldsOnSelection?: ((userSelection: string[]) => string[]) | undefined;
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "selectionSSREnabled" | "modules">>;
@@ -1500,7 +1508,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, suppressBulkEditToasts, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1515,6 +1523,7 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
             placeholder: string;
             selectedItemsPrefix?: string | undefined;
         };
+        modifyRowGroupFieldsOnSelection?: ((userSelection: string[]) => string[]) | undefined;
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "rows" | "modules">>;

package/dist/legacy/index.js

@@ -57839,6 +57839,7 @@ var InternalTableContext = React80.createContext({
   onExpandOrCollapseAll: () => {
   },
   onServerSideDataRequest: void 0,
+  suppressBulkEditToasts: false,
   onTableConfigChange: () => {
   },
   updateServerSideDataSource: () => {
@@ -103525,13 +103526,13 @@ var BulkEditInput = (props) => {
       );
     case "peopleMultiSelect":
       const {
-        placeholder: MultiSelectBulkEditorParams,
-        ...PeopleBulkEditorParams
+        placeholder: peopleMultiSelectPlaceholder,
+        ...peopleMultiSelectParams
       } = props.editorParams;
       return /* @__PURE__ */ React80.createElement(
         Form.MultiSelect,
         {
-          ...PeopleBulkEditorParams,
+          ...peopleMultiSelectParams,
           beforeShow: getBulkEditorOptions,
           colWidth: 12,
           "data-qa": `data-table-bulk-edit-input-${props.name}`,
@@ -103543,7 +103544,7 @@ var BulkEditInput = (props) => {
           name: field.input.name,
           optionRenderer: personOptionRenderer(props.editorParams),
           options,
-          placeholder: personPlaceholder ?? placeholderForField
+          placeholder: peopleMultiSelectPlaceholder ?? placeholderForField
         }
       );
     case "radio":
@@ -103649,7 +103650,7 @@ var BulkEditInput = (props) => {
   }
 };
 var BulkEdit = React80.forwardRef(
-  ({ onReset = noop4 }, ref) => {
+  ({ onReset = noop4, suppressBulkEditToasts = false }, ref) => {
     var _a;
     const {
       analytics,
@@ -103754,14 +103755,18 @@ var BulkEdit = React80.forwardRef(
         await (onBulkEditUpdate == null ? void 0 : onBulkEditUpdate(bulkEditedRows).then((result) => {
           if (result === void 0) {
             gridApi == null ? void 0 : gridApi.refreshServerSide({ purge: true });
-            showToast.success(I18n.t("dataTable.bulkActions.success"));
+            if (!suppressBulkEditToasts) {
+              showToast.success(I18n.t("dataTable.bulkActions.success"));
+            }
             resetForm({});
             onReset();
           } else {
             throw new Error(result);
           }
         }).catch(() => {
-          showToast.error(I18n.t("dataTable.bulkActions.error"));
+          if (!suppressBulkEditToasts) {
+            showToast.error(I18n.t("dataTable.bulkActions.error"));
+          }
         }));
       } else {
         try {
@@ -103769,11 +103774,15 @@ var BulkEdit = React80.forwardRef(
             { update: clientSideItemsToUpdate },
             () => onBulkEditUpdate == null ? void 0 : onBulkEditUpdate(bulkEditedRows)
           );
-          showToast.success(I18n.t("dataTable.bulkActions.success"));
+          if (!suppressBulkEditToasts) {
+            showToast.success(I18n.t("dataTable.bulkActions.success"));
+          }
           resetForm({});
           onReset();
         } catch (error2) {
-          showToast.error(I18n.t("dataTable.bulkActions.error"));
+          if (!suppressBulkEditToasts) {
+            showToast.error(I18n.t("dataTable.bulkActions.error"));
+          }
         }
       }
     };
@@ -103807,7 +103816,7 @@ var BulkEdit = React80.forwardRef(
   }
 );
 var BulkEditPanel = ({}) => {
-  const { contextPanel } = useInternalTableContext();
+  const { contextPanel, suppressBulkEditToasts } = useInternalTableContext();
   const I18n = useI18nContext();
   const bulkEditRef = React80.useRef(null);
   return /* @__PURE__ */ React80.createElement(Panel, null, /* @__PURE__ */ React80.createElement(
@@ -103820,7 +103829,14 @@ var BulkEditPanel = ({}) => {
       }
     },
     /* @__PURE__ */ React80.createElement(Panel.Title, null, I18n.t("dataTable.bulkActions.editValues"))
-  ), /* @__PURE__ */ React80.createElement(Panel.Body, null, /* @__PURE__ */ React80.createElement(Panel.Section, null, /* @__PURE__ */ React80.createElement(BulkEdit, { ref: bulkEditRef, onReset: contextPanel.hide }))), /* @__PURE__ */ React80.createElement(Panel.Footer, null, /* @__PURE__ */ React80.createElement(Panel.FooterActions, null, /* @__PURE__ */ React80.createElement(
+  ), /* @__PURE__ */ React80.createElement(Panel.Body, null, /* @__PURE__ */ React80.createElement(Panel.Section, null, /* @__PURE__ */ React80.createElement(
+    BulkEdit,
+    {
+      ref: bulkEditRef,
+      onReset: contextPanel.hide,
+      suppressBulkEditToasts
+    }
+  ))), /* @__PURE__ */ React80.createElement(Panel.Footer, null, /* @__PURE__ */ React80.createElement(Panel.FooterActions, null, /* @__PURE__ */ React80.createElement(
     Button,
     {
       key: "cancel",
@@ -108984,6 +109000,7 @@ var DataTable = ({
   onServerSideDataRequest,
   onTableConfigChange,
   showExpandCollapseAllToggle,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   enableCellTextSelection,
   localStoragePersistenceKey,
@@ -109233,6 +109250,7 @@ var DataTable = ({
         onBulkEditUpdate,
         onExpandOrCollapseAll,
         onServerSideDataRequest,
+        suppressBulkEditToasts,
         onTableConfigChange: internalOnTableConfigChange,
         rowSelectionRef,
         expandCollapseStateRef,
@@ -112095,7 +112113,7 @@ var FiltersPanelButton = () => {
   }
   return /* @__PURE__ */ React80.createElement(ClientSideFiltersPanelToggleButton, null);
 };
-var RowGroupSelector = ({ localeText }) => {
+var RowGroupSelector = ({ localeText, modifyRowGroupFieldsOnSelection }) => {
   const {
     columnDefinitions: _columnDefinitions,
     columnApi,
@@ -112118,24 +112136,26 @@ var RowGroupSelector = ({ localeText }) => {
     });
   }, [columnDefinitions]);
   const selectedColumns = React80.useMemo(
-    () => mapColumnsToOptions(groupedColumns),
+    () => mapColumnsToOptions(groupedColumns.filter((col) => col.enableRowGroup)),
     [groupedColumns]
   );
   const onGroupedClear = React80.useCallback(() => {
     var _a;
-    (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping([]);
-  }, [tableRef]);
+    const modifiedFields = (modifyRowGroupFieldsOnSelection == null ? void 0 : modifyRowGroupFieldsOnSelection([])) ?? [];
+    (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping(modifiedFields);
+  }, [tableRef, modifyRowGroupFieldsOnSelection]);
   const onGroupedRowChange = React80.useCallback(
     (newValue) => {
       var _a;
       const fields = newValue.map((val) => {
         return val.id;
       });
+      const modifiedFields = (modifyRowGroupFieldsOnSelection == null ? void 0 : modifyRowGroupFieldsOnSelection(fields)) ?? fields;
       if (!equals(selectedColumns, newValue)) {
-        (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping(fields);
+        (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping(modifiedFields);
       }
     },
-    [selectedColumns]
+    [selectedColumns, modifyRowGroupFieldsOnSelection]
   );
   React80.useEffect(() => {
     function onDisplayedColumnsChanged(event) {
@@ -112279,7 +112299,8 @@ var QuickControls = (props) => {
         reset: I18n.t("dataTable.tableSettings.reset"),
         placeholder: I18n.t("dataTable.tableSettings.selectColumnGroup"),
         selectedItemsPrefix: I18n.t("dataTable.tableSettings.groupBy")
-      }
+      },
+      modifyRowGroupFieldsOnSelection: props.modifyRowGroupFieldsOnSelection
     }
   ), /* @__PURE__ */ React80.createElement(ConfigPanelButton, null))), /* @__PURE__ */ React80.createElement(
     QuickFilters,
@@ -112312,6 +112333,7 @@ var ClientSideDataTable = ({
   onBulkEditUpdate,
   onExpandOrCollapseAll,
   onTableConfigChange,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   enableCellTextSelection,
   localStoragePersistenceKey,
@@ -112331,6 +112353,7 @@ var ClientSideDataTable = ({
       onExpandOrCollapseAll,
       onTableConfigChange,
       showExpandCollapseAllToggle: true,
+      suppressBulkEditToasts,
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
@@ -116726,6 +116749,7 @@ var ServerSideDataTable = ({
   onTableConfigChange,
   enableCellTextSelection,
   showExpandCollapseAllToggle,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   localStoragePersistenceKey,
   enableCDN
@@ -116745,6 +116769,7 @@ var ServerSideDataTable = ({
       onServerSideDataRequest,
       onTableConfigChange,
       showExpandCollapseAllToggle,
+      suppressBulkEditToasts,
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,

package/dist/modern/index.cjs

@@ -57750,6 +57750,7 @@ var InternalTableContext = React80__default.default.createContext({
   onExpandOrCollapseAll: () => {
   },
   onServerSideDataRequest: void 0,
+  suppressBulkEditToasts: false,
   onTableConfigChange: () => {
   },
   updateServerSideDataSource: () => {
@@ -103426,13 +103427,13 @@ var BulkEditInput = (props) => {
       );
     case "peopleMultiSelect":
       const {
-        placeholder: MultiSelectBulkEditorParams,
-        ...PeopleBulkEditorParams
+        placeholder: peopleMultiSelectPlaceholder,
+        ...peopleMultiSelectParams
       } = props.editorParams;
       return /* @__PURE__ */ React80__default.default.createElement(
         coreReact.Form.MultiSelect,
         {
-          ...PeopleBulkEditorParams,
+          ...peopleMultiSelectParams,
           beforeShow: getBulkEditorOptions,
           colWidth: 12,
           "data-qa": `data-table-bulk-edit-input-${props.name}`,
@@ -103444,7 +103445,7 @@ var BulkEditInput = (props) => {
           name: field.input.name,
           optionRenderer: personOptionRenderer(props.editorParams),
           options,
-          placeholder: personPlaceholder ?? placeholderForField
+          placeholder: peopleMultiSelectPlaceholder ?? placeholderForField
         }
       );
     case "radio":
@@ -103550,7 +103551,7 @@ var BulkEditInput = (props) => {
   }
 };
 var BulkEdit = React80__default.default.forwardRef(
-  ({ onReset = noop4 }, ref) => {
+  ({ onReset = noop4, suppressBulkEditToasts = false }, ref) => {
     const {
       analytics,
       columnApi,
@@ -103652,14 +103653,18 @@ var BulkEdit = React80__default.default.forwardRef(
         await onBulkEditUpdate?.(bulkEditedRows).then((result) => {
           if (result === void 0) {
             gridApi?.refreshServerSide({ purge: true });
-            showToast.success(I18n.t("dataTable.bulkActions.success"));
+            if (!suppressBulkEditToasts) {
+              showToast.success(I18n.t("dataTable.bulkActions.success"));
+            }
             resetForm({});
             onReset();
           } else {
             throw new Error(result);
           }
         }).catch(() => {
-          showToast.error(I18n.t("dataTable.bulkActions.error"));
+          if (!suppressBulkEditToasts) {
+            showToast.error(I18n.t("dataTable.bulkActions.error"));
+          }
         });
       } else {
         try {
@@ -103667,11 +103672,15 @@ var BulkEdit = React80__default.default.forwardRef(
             { update: clientSideItemsToUpdate },
             () => onBulkEditUpdate?.(bulkEditedRows)
           );
-          showToast.success(I18n.t("dataTable.bulkActions.success"));
+          if (!suppressBulkEditToasts) {
+            showToast.success(I18n.t("dataTable.bulkActions.success"));
+          }
           resetForm({});
           onReset();
         } catch (error2) {
-          showToast.error(I18n.t("dataTable.bulkActions.error"));
+          if (!suppressBulkEditToasts) {
+            showToast.error(I18n.t("dataTable.bulkActions.error"));
+          }
         }
       }
     };
@@ -103699,7 +103708,7 @@ var BulkEdit = React80__default.default.forwardRef(
   }
 );
 var BulkEditPanel = ({}) => {
-  const { contextPanel } = useInternalTableContext();
+  const { contextPanel, suppressBulkEditToasts } = useInternalTableContext();
   const I18n = coreReact.useI18nContext();
   const bulkEditRef = React80__default.default.useRef(null);
   return /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React80__default.default.createElement(
@@ -103711,7 +103720,14 @@ var BulkEditPanel = ({}) => {
       }
     },
     /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.bulkActions.editValues"))
-  ), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, /* @__PURE__ */ React80__default.default.createElement(BulkEdit, { ref: bulkEditRef, onReset: contextPanel.hide }))), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Footer, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.FooterActions, null, /* @__PURE__ */ React80__default.default.createElement(
+  ), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, /* @__PURE__ */ React80__default.default.createElement(
+    BulkEdit,
+    {
+      ref: bulkEditRef,
+      onReset: contextPanel.hide,
+      suppressBulkEditToasts
+    }
+  ))), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Footer, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.FooterActions, null, /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Button,
     {
       key: "cancel",
@@ -108846,6 +108862,7 @@ var DataTable = ({
   onServerSideDataRequest,
   onTableConfigChange,
   showExpandCollapseAllToggle,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   enableCellTextSelection,
   localStoragePersistenceKey,
@@ -109091,6 +109108,7 @@ var DataTable = ({
         onBulkEditUpdate,
         onExpandOrCollapseAll,
         onServerSideDataRequest,
+        suppressBulkEditToasts,
         onTableConfigChange: internalOnTableConfigChange,
         rowSelectionRef,
         expandCollapseStateRef,
@@ -111882,7 +111900,7 @@ var FiltersPanelButton = () => {
   }
   return /* @__PURE__ */ React80__default.default.createElement(ClientSideFiltersPanelToggleButton, null);
 };
-var RowGroupSelector = ({ localeText }) => {
+var RowGroupSelector = ({ localeText, modifyRowGroupFieldsOnSelection }) => {
   const {
     columnDefinitions: _columnDefinitions,
     columnApi,
@@ -111905,22 +111923,24 @@ var RowGroupSelector = ({ localeText }) => {
     });
   }, [columnDefinitions]);
   const selectedColumns = React80__default.default.useMemo(
-    () => mapColumnsToOptions(groupedColumns),
+    () => mapColumnsToOptions(groupedColumns.filter((col) => col.enableRowGroup)),
     [groupedColumns]
   );
   const onGroupedClear = React80__default.default.useCallback(() => {
-    tableRef?.current?.setRowGrouping([]);
-  }, [tableRef]);
+    const modifiedFields = modifyRowGroupFieldsOnSelection?.([]) ?? [];
+    tableRef?.current?.setRowGrouping(modifiedFields);
+  }, [tableRef, modifyRowGroupFieldsOnSelection]);
   const onGroupedRowChange = React80__default.default.useCallback(
     (newValue) => {
       const fields = newValue.map((val) => {
         return val.id;
       });
+      const modifiedFields = modifyRowGroupFieldsOnSelection?.(fields) ?? fields;
       if (!ramda.equals(selectedColumns, newValue)) {
-        tableRef?.current?.setRowGrouping(fields);
+        tableRef?.current?.setRowGrouping(modifiedFields);
       }
     },
-    [selectedColumns]
+    [selectedColumns, modifyRowGroupFieldsOnSelection]
   );
   React80__default.default.useEffect(() => {
     function onDisplayedColumnsChanged(event) {
@@ -112062,7 +112082,8 @@ var QuickControls = (props) => {
         reset: I18n.t("dataTable.tableSettings.reset"),
         placeholder: I18n.t("dataTable.tableSettings.selectColumnGroup"),
         selectedItemsPrefix: I18n.t("dataTable.tableSettings.groupBy")
-      }
+      },
+      modifyRowGroupFieldsOnSelection: props.modifyRowGroupFieldsOnSelection
     }
   ), /* @__PURE__ */ React80__default.default.createElement(ConfigPanelButton, null))), /* @__PURE__ */ React80__default.default.createElement(
     QuickFilters,
@@ -112095,6 +112116,7 @@ var ClientSideDataTable = ({
   onBulkEditUpdate,
   onExpandOrCollapseAll,
   onTableConfigChange,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   enableCellTextSelection,
   localStoragePersistenceKey,
@@ -112114,6 +112136,7 @@ var ClientSideDataTable = ({
       onExpandOrCollapseAll,
       onTableConfigChange,
       showExpandCollapseAllToggle: true,
+      suppressBulkEditToasts,
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
@@ -116508,6 +116531,7 @@ var ServerSideDataTable = ({
   onTableConfigChange,
   enableCellTextSelection,
   showExpandCollapseAllToggle,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   localStoragePersistenceKey,
   enableCDN
@@ -116527,6 +116551,7 @@ var ServerSideDataTable = ({
       onServerSideDataRequest,
       onTableConfigChange,
       showExpandCollapseAllToggle,
+      suppressBulkEditToasts,
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,

package/dist/modern/index.d.cts

@@ -1162,6 +1162,11 @@ interface DataTableProps {
      * the updated values
      */
     onBulkEditUpdate?: (rows: BulkEditResult[]) => Promise<void>;
+    /**
+     * When true, suppresses the success and error toast messages
+     * that are normally shown after bulk edit operations
+     */
+    suppressBulkEditToasts?: boolean;
     localStoragePersistenceKey?: string;
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
@@ -1380,6 +1385,7 @@ interface InternalTableContext {
     filterStorage: IFilterStorage;
     onBulkEditUpdate: DataTableProps['onBulkEditUpdate'];
     onServerSideDataRequest?: DataTableProps['onServerSideDataRequest'];
+    suppressBulkEditToasts?: DataTableProps['suppressBulkEditToasts'];
     updateServerSideDataSource: (params: UpdateServerSideDataSourceParams) => void;
     localStoragePersistenceKey?: string;
     onExpandOrCollapseAll?: (expanded: boolean) => void;
@@ -1446,6 +1452,7 @@ interface QuickControlsProps extends Omit<SearchProps, 'disabled'> {
     style?: React__default.CSSProperties;
     disabledSearch?: boolean;
     filterOverlayMatchesTriggerWidth?: boolean;
+    modifyRowGroupFieldsOnSelection?: (userSelection: string[]) => string[];
 }
 
 interface ActionButtonProps {
@@ -1463,7 +1470,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onTableConfigChange, suppressBulkEditToasts, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1478,6 +1485,7 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
             placeholder: string;
             selectedItemsPrefix?: string | undefined;
         };
+        modifyRowGroupFieldsOnSelection?: ((userSelection: string[]) => string[]) | undefined;
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "selectionSSREnabled" | "modules">>;
@@ -1500,7 +1508,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, suppressBulkEditToasts, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1515,6 +1523,7 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
             placeholder: string;
             selectedItemsPrefix?: string | undefined;
         };
+        modifyRowGroupFieldsOnSelection?: ((userSelection: string[]) => string[]) | undefined;
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "rows" | "modules">>;

package/dist/modern/index.d.ts

@@ -1162,6 +1162,11 @@ interface DataTableProps {
      * the updated values
      */
     onBulkEditUpdate?: (rows: BulkEditResult[]) => Promise<void>;
+    /**
+     * When true, suppresses the success and error toast messages
+     * that are normally shown after bulk edit operations
+     */
+    suppressBulkEditToasts?: boolean;
     localStoragePersistenceKey?: string;
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
@@ -1380,6 +1385,7 @@ interface InternalTableContext {
     filterStorage: IFilterStorage;
     onBulkEditUpdate: DataTableProps['onBulkEditUpdate'];
     onServerSideDataRequest?: DataTableProps['onServerSideDataRequest'];
+    suppressBulkEditToasts?: DataTableProps['suppressBulkEditToasts'];
     updateServerSideDataSource: (params: UpdateServerSideDataSourceParams) => void;
     localStoragePersistenceKey?: string;
     onExpandOrCollapseAll?: (expanded: boolean) => void;
@@ -1446,6 +1452,7 @@ interface QuickControlsProps extends Omit<SearchProps, 'disabled'> {
     style?: React__default.CSSProperties;
     disabledSearch?: boolean;
     filterOverlayMatchesTriggerWidth?: boolean;
+    modifyRowGroupFieldsOnSelection?: (userSelection: string[]) => string[];
 }
 
 interface ActionButtonProps {
@@ -1463,7 +1470,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onTableConfigChange, suppressBulkEditToasts, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1478,6 +1485,7 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
             placeholder: string;
             selectedItemsPrefix?: string | undefined;
         };
+        modifyRowGroupFieldsOnSelection?: ((userSelection: string[]) => string[]) | undefined;
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "selectionSSREnabled" | "modules">>;
@@ -1500,7 +1508,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onExpandOrCollapseAll, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, suppressBulkEditToasts, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1515,6 +1523,7 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
             placeholder: string;
             selectedItemsPrefix?: string | undefined;
         };
+        modifyRowGroupFieldsOnSelection?: ((userSelection: string[]) => string[]) | undefined;
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "rows" | "modules">>;

package/dist/modern/index.js

@@ -57737,6 +57737,7 @@ var InternalTableContext = React80.createContext({
   onExpandOrCollapseAll: () => {
   },
   onServerSideDataRequest: void 0,
+  suppressBulkEditToasts: false,
   onTableConfigChange: () => {
   },
   updateServerSideDataSource: () => {
@@ -103413,13 +103414,13 @@ var BulkEditInput = (props) => {
       );
     case "peopleMultiSelect":
       const {
-        placeholder: MultiSelectBulkEditorParams,
-        ...PeopleBulkEditorParams
+        placeholder: peopleMultiSelectPlaceholder,
+        ...peopleMultiSelectParams
       } = props.editorParams;
       return /* @__PURE__ */ React80.createElement(
         Form.MultiSelect,
         {
-          ...PeopleBulkEditorParams,
+          ...peopleMultiSelectParams,
           beforeShow: getBulkEditorOptions,
           colWidth: 12,
           "data-qa": `data-table-bulk-edit-input-${props.name}`,
@@ -103431,7 +103432,7 @@ var BulkEditInput = (props) => {
           name: field.input.name,
           optionRenderer: personOptionRenderer(props.editorParams),
           options,
-          placeholder: personPlaceholder ?? placeholderForField
+          placeholder: peopleMultiSelectPlaceholder ?? placeholderForField
         }
       );
     case "radio":
@@ -103537,7 +103538,7 @@ var BulkEditInput = (props) => {
   }
 };
 var BulkEdit = React80.forwardRef(
-  ({ onReset = noop4 }, ref) => {
+  ({ onReset = noop4, suppressBulkEditToasts = false }, ref) => {
     const {
       analytics,
       columnApi,
@@ -103639,14 +103640,18 @@ var BulkEdit = React80.forwardRef(
         await onBulkEditUpdate?.(bulkEditedRows).then((result) => {
           if (result === void 0) {
             gridApi?.refreshServerSide({ purge: true });
-            showToast.success(I18n.t("dataTable.bulkActions.success"));
+            if (!suppressBulkEditToasts) {
+              showToast.success(I18n.t("dataTable.bulkActions.success"));
+            }
             resetForm({});
             onReset();
           } else {
             throw new Error(result);
           }
         }).catch(() => {
-          showToast.error(I18n.t("dataTable.bulkActions.error"));
+          if (!suppressBulkEditToasts) {
+            showToast.error(I18n.t("dataTable.bulkActions.error"));
+          }
         });
       } else {
         try {
@@ -103654,11 +103659,15 @@ var BulkEdit = React80.forwardRef(
             { update: clientSideItemsToUpdate },
             () => onBulkEditUpdate?.(bulkEditedRows)
           );
-          showToast.success(I18n.t("dataTable.bulkActions.success"));
+          if (!suppressBulkEditToasts) {
+            showToast.success(I18n.t("dataTable.bulkActions.success"));
+          }
           resetForm({});
           onReset();
         } catch (error2) {
-          showToast.error(I18n.t("dataTable.bulkActions.error"));
+          if (!suppressBulkEditToasts) {
+            showToast.error(I18n.t("dataTable.bulkActions.error"));
+          }
         }
       }
     };
@@ -103686,7 +103695,7 @@ var BulkEdit = React80.forwardRef(
   }
 );
 var BulkEditPanel = ({}) => {
-  const { contextPanel } = useInternalTableContext();
+  const { contextPanel, suppressBulkEditToasts } = useInternalTableContext();
   const I18n = useI18nContext();
   const bulkEditRef = React80.useRef(null);
   return /* @__PURE__ */ React80.createElement(Panel, null, /* @__PURE__ */ React80.createElement(
@@ -103698,7 +103707,14 @@ var BulkEditPanel = ({}) => {
       }
     },
     /* @__PURE__ */ React80.createElement(Panel.Title, null, I18n.t("dataTable.bulkActions.editValues"))
-  ), /* @__PURE__ */ React80.createElement(Panel.Body, null, /* @__PURE__ */ React80.createElement(Panel.Section, null, /* @__PURE__ */ React80.createElement(BulkEdit, { ref: bulkEditRef, onReset: contextPanel.hide }))), /* @__PURE__ */ React80.createElement(Panel.Footer, null, /* @__PURE__ */ React80.createElement(Panel.FooterActions, null, /* @__PURE__ */ React80.createElement(
+  ), /* @__PURE__ */ React80.createElement(Panel.Body, null, /* @__PURE__ */ React80.createElement(Panel.Section, null, /* @__PURE__ */ React80.createElement(
+    BulkEdit,
+    {
+      ref: bulkEditRef,
+      onReset: contextPanel.hide,
+      suppressBulkEditToasts
+    }
+  ))), /* @__PURE__ */ React80.createElement(Panel.Footer, null, /* @__PURE__ */ React80.createElement(Panel.FooterActions, null, /* @__PURE__ */ React80.createElement(
     Button,
     {
       key: "cancel",
@@ -108833,6 +108849,7 @@ var DataTable = ({
   onServerSideDataRequest,
   onTableConfigChange,
   showExpandCollapseAllToggle,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   enableCellTextSelection,
   localStoragePersistenceKey,
@@ -109078,6 +109095,7 @@ var DataTable = ({
         onBulkEditUpdate,
         onExpandOrCollapseAll,
         onServerSideDataRequest,
+        suppressBulkEditToasts,
         onTableConfigChange: internalOnTableConfigChange,
         rowSelectionRef,
         expandCollapseStateRef,
@@ -111869,7 +111887,7 @@ var FiltersPanelButton = () => {
   }
   return /* @__PURE__ */ React80.createElement(ClientSideFiltersPanelToggleButton, null);
 };
-var RowGroupSelector = ({ localeText }) => {
+var RowGroupSelector = ({ localeText, modifyRowGroupFieldsOnSelection }) => {
   const {
     columnDefinitions: _columnDefinitions,
     columnApi,
@@ -111892,22 +111910,24 @@ var RowGroupSelector = ({ localeText }) => {
     });
   }, [columnDefinitions]);
   const selectedColumns = React80.useMemo(
-    () => mapColumnsToOptions(groupedColumns),
+    () => mapColumnsToOptions(groupedColumns.filter((col) => col.enableRowGroup)),
     [groupedColumns]
   );
   const onGroupedClear = React80.useCallback(() => {
-    tableRef?.current?.setRowGrouping([]);
-  }, [tableRef]);
+    const modifiedFields = modifyRowGroupFieldsOnSelection?.([]) ?? [];
+    tableRef?.current?.setRowGrouping(modifiedFields);
+  }, [tableRef, modifyRowGroupFieldsOnSelection]);
   const onGroupedRowChange = React80.useCallback(
     (newValue) => {
       const fields = newValue.map((val) => {
         return val.id;
       });
+      const modifiedFields = modifyRowGroupFieldsOnSelection?.(fields) ?? fields;
       if (!equals(selectedColumns, newValue)) {
-        tableRef?.current?.setRowGrouping(fields);
+        tableRef?.current?.setRowGrouping(modifiedFields);
       }
     },
-    [selectedColumns]
+    [selectedColumns, modifyRowGroupFieldsOnSelection]
   );
   React80.useEffect(() => {
     function onDisplayedColumnsChanged(event) {
@@ -112049,7 +112069,8 @@ var QuickControls = (props) => {
         reset: I18n.t("dataTable.tableSettings.reset"),
         placeholder: I18n.t("dataTable.tableSettings.selectColumnGroup"),
         selectedItemsPrefix: I18n.t("dataTable.tableSettings.groupBy")
-      }
+      },
+      modifyRowGroupFieldsOnSelection: props.modifyRowGroupFieldsOnSelection
     }
   ), /* @__PURE__ */ React80.createElement(ConfigPanelButton, null))), /* @__PURE__ */ React80.createElement(
     QuickFilters,
@@ -112082,6 +112103,7 @@ var ClientSideDataTable = ({
   onBulkEditUpdate,
   onExpandOrCollapseAll,
   onTableConfigChange,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   enableCellTextSelection,
   localStoragePersistenceKey,
@@ -112101,6 +112123,7 @@ var ClientSideDataTable = ({
       onExpandOrCollapseAll,
       onTableConfigChange,
       showExpandCollapseAllToggle: true,
+      suppressBulkEditToasts,
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
@@ -116495,6 +116518,7 @@ var ServerSideDataTable = ({
   onTableConfigChange,
   enableCellTextSelection,
   showExpandCollapseAllToggle,
+  suppressBulkEditToasts,
   translations: translations2 = {},
   localStoragePersistenceKey,
   enableCDN
@@ -116514,6 +116538,7 @@ var ServerSideDataTable = ({
       onServerSideDataRequest,
       onTableConfigChange,
       showExpandCollapseAllToggle,
+      suppressBulkEditToasts,
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.39.1",
+  "version": "14.41.0",
   "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",
@@ -77,7 +77,7 @@
     "@procore/error-pages": "^0.2.3",
     "@procore/labs-datetime-select": "^0.2.0",
     "@procore/labs-group-by-select": "4.1.0",
-    "@procore/toast-alert": "^5.1.1",
+    "@procore/toast-alert": "^5.1.2",
     "@procore/web-sdk-storage": "^0.1.0",
     "classnames": "2.5.1",
     "date-fns": "2.29.1",
@@ -108,7 +108,7 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "^12.12.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "^12.34.0",
+    "@procore/core-react": "^12.35.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",