@bryntum/gantt-react 7.2.1 → 7.2.2

package/src/BryntumResourceGrid.tsx

@@ -570,7 +570,7 @@ export type BryntumResourceGridProps = {
     rootElement? : ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/gantt/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/gantt/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/gantt/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/ResourceGrid#config-rowHeight)
@@ -790,7 +790,7 @@ export type BryntumResourceGridProps = {
      */
     onBeforeCellEditStart? : ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -1554,7 +1554,7 @@ export type BryntumResourceGridProps = {
      * @param {Response} event.response Optional response, if received
      * @param {Error} event.error Optional error, if exception occurred
      */
-    onPdfExport? : ((event: { response?: any, error?: Error }) => void)|string
+    onPdfExport? : ((event: { response?: Response, error?: Error }) => void)|string
     /**
      * Fired when a Widget's read only state is toggled
      * @param {object} event Event object
@@ -1765,6 +1765,14 @@ export type BryntumResourceGridProps = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick? : ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup? : ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -1809,7 +1817,7 @@ export type BryntumResourceGridProps = {
     cellEditFeature? : object|boolean|string|GridCellEdit|GridCellEditConfig
     /**
      * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
-     * `SPACE` key when the cell is focused.
+     * <kbd>Space</kbd> key when the cell is focused.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellMenu)
      */
@@ -1909,8 +1917,8 @@ export type BryntumResourceGridProps = {
     filterBarFeature? : object|boolean|string|FilterBar|FilterBarConfig
     /**
      * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
-     * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
-     * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
+     * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
+     * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
      * grouper.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/Group)
@@ -2076,6 +2084,73 @@ export class BryntumResourceGrid extends React.Component<BryntumResourceGridProp
 
     processWidgetContent = processWidgetContent;
 
+    // Component is View class
+    static isView = true;
+
+    // Hidden div to host unused portals DOM
+    portalsCache? : HTMLElement;
+
+    // CSS class used for individual portal containers
+    portalContainerClass = 'b-react-portal-container';
+
+    state = {
+        // Holds React portals
+        portals : new Map(),
+
+        // Needed to trigger refresh when portals change
+        generation : 0
+    };
+
+    static featureNames = [
+        'aiFeature',
+        'aiFilterFeature',
+        'cellCopyPasteFeature',
+        'cellEditFeature',
+        'cellMenuFeature',
+        'cellTooltipFeature',
+        'chartsFeature',
+        'columnAutoWidthFeature',
+        'columnDragToolbarFeature',
+        'columnPickerFeature',
+        'columnRenameFeature',
+        'columnReorderFeature',
+        'columnResizeFeature',
+        'excelExporterFeature',
+        'fileDropFeature',
+        'fillHandleFeature',
+        'filterFeature',
+        'filterBarFeature',
+        'groupFeature',
+        'groupSummaryFeature',
+        'headerMenuFeature',
+        'lockRowsFeature',
+        'mergeCellsFeature',
+        'pdfExportFeature',
+        'pinColumnsFeature',
+        'printFeature',
+        'quickFindFeature',
+        'regionResizeFeature',
+        'rowCopyPasteFeature',
+        'rowEditFeature',
+        'rowExpanderFeature',
+        'rowReorderFeature',
+        'rowResizeFeature',
+        'searchFeature',
+        'sortFeature',
+        'splitFeature',
+        'stickyCellsFeature',
+        'stripeFeature',
+        'summaryFeature',
+        'treeFeature',
+        'treeGroupFeature'
+    ];
+
+    projectStores = false;
+
+    dataStores = {
+        'originalStore': 'originals'
+    };
+
     static configNames = [
         'adopt',
         'animateFilterRemovals',
@@ -2303,6 +2378,7 @@ export class BryntumResourceGrid extends React.Component<BryntumResourceGridProp
         'onToggleGroup',
         'onToggleNode',
         'onToolClick',
+        'onTreeGroup',
         'onUnlockRows',
         'onUnsplit',
         'preserveScroll',
@@ -2369,7 +2445,12 @@ export class BryntumResourceGrid extends React.Component<BryntumResourceGridProp
 
         const className = `b-react-resource-grid-container`;
         return (
-            <div className={className} ref={(element) => (this.element = element!)}></div>
+            <React.Fragment>
+                <div className={className} ref={(element) => (this.element = element!)}>
+                    {Array.from(this.state.portals).map((item) => item[1])}
+                </div>
+                <div ref={el => (this.portalsCache = el!)} className="b-react-portals-cache" style={{ display : 'none' }}></div>
+            </React.Fragment>
         );
 
     }

package/src/BryntumResourceHistogram.tsx

@@ -986,7 +986,7 @@ export type BryntumResourceHistogramProps = {
     rootElement? : ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/gantt/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/gantt/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/gantt/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/ResourceHistogram#config-rowHeight)
@@ -1347,7 +1347,7 @@ export type BryntumResourceHistogramProps = {
 
     // Events
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -1384,7 +1384,7 @@ export type BryntumResourceHistogramProps = {
      */
     onBeforeCellEditStart? : ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -1462,7 +1462,7 @@ export type BryntumResourceHistogramProps = {
      */
     onBeforeDestroy? : ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -2259,7 +2259,7 @@ export type BryntumResourceHistogramProps = {
      * @param {Response} event.response Optional response, if received
      * @param {Error} event.error Optional error, if exception occurred
      */
-    onPdfExport? : ((event: { response?: any, error?: Error }) => void)|string
+    onPdfExport? : ((event: { response?: Response, error?: Error }) => void)|string
     /**
      * Fired after the [viewPreset](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) has changed.
      * @param {object} event Event object
@@ -2794,6 +2794,14 @@ export type BryntumResourceHistogramProps = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick? : ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup? : ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -2851,7 +2859,7 @@ export type BryntumResourceHistogramProps = {
     cellEditFeature? : object|boolean|string|SchedulerProCellEdit|SchedulerProCellEditConfig
     /**
      * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
-     * `SPACE` key when the cell is focused.
+     * <kbd>Space</kbd> key when the cell is focused.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellMenu)
      */
@@ -2959,8 +2967,8 @@ export type BryntumResourceHistogramProps = {
     filterBarFeature? : object|boolean|string|FilterBar|FilterBarConfig
     /**
      * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
-     * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
-     * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
+     * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
+     * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
      * grouper.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/Group)
@@ -3614,6 +3622,7 @@ export class BryntumResourceHistogram extends React.Component<BryntumResourceHis
         'onToggleGroup',
         'onToggleNode',
         'onToolClick',
+        'onTreeGroup',
         'onUnlockRows',
         'onUnsplit',
         'onVisibleDateRangeChange',

package/src/BryntumResourceTypeField.tsx

@@ -181,7 +181,7 @@ export type BryntumResourceTypeFieldProps = {
     contentElementCls? : string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/gantt/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/gantt/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/gantt/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/ResourceTypeField#config-createOnUnmatched)
@@ -676,7 +676,7 @@ export type BryntumResourceTypeFieldProps = {
     required? : boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/gantt/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/gantt/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */

package/src/BryntumResourceUtilization.tsx

@@ -963,7 +963,7 @@ export type BryntumResourceUtilizationProps = {
     rootElement? : ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/gantt/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/gantt/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/gantt/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/ResourceUtilization#config-rowHeight)
@@ -1320,7 +1320,7 @@ export type BryntumResourceUtilizationProps = {
 
     // Events
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -1357,7 +1357,7 @@ export type BryntumResourceUtilizationProps = {
      */
     onBeforeCellEditStart? : ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -1444,7 +1444,7 @@ export type BryntumResourceUtilizationProps = {
      */
     onBeforeDestroy? : ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -2258,7 +2258,7 @@ export type BryntumResourceUtilizationProps = {
      * @param {Response} event.response Optional response, if received
      * @param {Error} event.error Optional error, if exception occurred
      */
-    onPdfExport? : ((event: { response?: any, error?: Error }) => void)|string
+    onPdfExport? : ((event: { response?: Response, error?: Error }) => void)|string
     /**
      * Fired after the [viewPreset](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) has changed.
      * @param {object} event Event object
@@ -2793,6 +2793,14 @@ export type BryntumResourceUtilizationProps = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick? : ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup? : ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -2842,7 +2850,7 @@ export type BryntumResourceUtilizationProps = {
      */
     allocationCellEditFeature? : object|boolean|string|AllocationCellEdit|AllocationCellEditConfig
     /**
-     * This is a feature of [ResourceUtilization](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/ResourceUtilization) view that allows to copy-paste
+     * This is a feature of [ResourceUtilization](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/ResourceUtilization) view that allows copy-pasting
      * assignment time-phased effort values.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/feature/AllocationCopyPaste)
@@ -2863,7 +2871,7 @@ export type BryntumResourceUtilizationProps = {
     cellEditFeature? : object|boolean|string|SchedulerProCellEdit|SchedulerProCellEditConfig
     /**
      * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
-     * `SPACE` key when the cell is focused.
+     * <kbd>Space</kbd> key when the cell is focused.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellMenu)
      */
@@ -2971,8 +2979,8 @@ export type BryntumResourceUtilizationProps = {
     filterBarFeature? : object|boolean|string|FilterBar|FilterBarConfig
     /**
      * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
-     * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
-     * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
+     * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
+     * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
      * grouper.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/Group)
@@ -3627,6 +3635,7 @@ export class BryntumResourceUtilization extends React.Component<BryntumResourceU
         'onToggleGroup',
         'onToggleNode',
         'onToolClick',
+        'onTreeGroup',
         'onUnlockRows',
         'onUnsplit',
         'onVisibleDateRangeChange',

package/src/BryntumScheduler.tsx

@@ -419,7 +419,7 @@ export type BryntumSchedulerProps = {
      */
     emptyText? : string|EmptyTextDomConfig
     /**
-     * Allow using [Delete] and [Backspace] to remove events/assignments
+     * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
      */
     enableDeleteKey? : boolean
     /**
@@ -1650,7 +1650,7 @@ export type BryntumSchedulerProps = {
      */
     onAssignmentSelectionChange? : ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: SchedulerAssignmentModel[], deselected: SchedulerAssignmentModel[], selection: SchedulerAssignmentModel[] }) => void)|string
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -1708,7 +1708,7 @@ export type BryntumSchedulerProps = {
      */
     onBeforeCellEditStart? : ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -1900,7 +1900,7 @@ export type BryntumSchedulerProps = {
      */
     onBeforeEventAdd? : ((event: { source: Scheduler, eventRecord: SchedulerEventModel, resourceRecords: SchedulerResourceModel[], assignmentRecords: SchedulerAssignmentModel[] }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -3264,19 +3264,20 @@ export type BryntumSchedulerProps = {
      * @param {Scheduler.model.SchedulerEventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.SchedulerAssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.SchedulerResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.SchedulerResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.SchedulerResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    onPasteNotAllowed? : ((event: { source: Scheduler, eventRecords: SchedulerEventModel[], assignmentRecords: SchedulerAssignmentModel[], originalEventRecords: SchedulerEventModel[], originalAssignmentRecords: SchedulerAssignmentModel[], date: Date, resourceRecord: SchedulerResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
+    onPasteNotAllowed? : ((event: { source: Scheduler, eventRecords: SchedulerEventModel[], assignmentRecords: SchedulerAssignmentModel[], originalEventRecords: SchedulerEventModel[], originalAssignmentRecords: SchedulerAssignmentModel[], date: Date, resourceRecord: SchedulerResourceModel, resourceRecords: SchedulerResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
     /**
      * Fires on the owning Grid when export has finished
      * @param {object} event Event object
      * @param {Response} event.response Optional response, if received
      * @param {Error} event.error Optional error, if exception occurred
      */
-    onPdfExport? : ((event: { response?: any, error?: Error }) => void)|string
+    onPdfExport? : ((event: { response?: Response, error?: Error }) => void)|string
     /**
      * Fired after the [viewPreset](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) has changed.
      * @param {object} event Event object
@@ -4079,6 +4080,14 @@ export type BryntumSchedulerProps = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick? : ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup? : ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -4138,7 +4147,7 @@ export type BryntumSchedulerProps = {
     cellEditFeature? : object|boolean|string|GridCellEdit|GridCellEditConfig
     /**
      * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
-     * `SPACE` key when the cell is focused.
+     * <kbd>Space</kbd> key when the cell is focused.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellMenu)
      */
@@ -4230,8 +4239,8 @@ export type BryntumSchedulerProps = {
      */
     dependencyMenuFeature? : object|boolean|string|DependencyMenu|DependencyMenuConfig
     /**
-     * Allow using <kbd>Ctrl</kbd>/<kbd>CMD</kbd> + <kbd>C</kbd>/<kbd>X</kbd> and <kbd>Ctrl</kbd>/<kbd>CMD</kbd> +
-     * <kbd>V</kbd> to copy/cut and paste events.
+     * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
+     * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut and paste events.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/EventCopyPaste)
      */
@@ -4333,8 +4342,8 @@ export type BryntumSchedulerProps = {
     filterBarFeature? : object|boolean|string|FilterBar|FilterBarConfig
     /**
      * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
-     * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
-     * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
+     * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
+     * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
      * grouper.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/Group)
@@ -5185,6 +5194,7 @@ export class BryntumScheduler extends React.Component<BryntumSchedulerProps> {
         'onToggleGroup',
         'onToggleNode',
         'onToolClick',
+        'onTreeGroup',
         'onUnlockRows',
         'onUnsplit',
         'onVisibleDateRangeChange',

package/src/BryntumSchedulerBase.tsx

@@ -419,7 +419,7 @@ export type BryntumSchedulerBaseProps = {
      */
     emptyText? : string|EmptyTextDomConfig
     /**
-     * Allow using [Delete] and [Backspace] to remove events/assignments
+     * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
      */
     enableDeleteKey? : boolean
     /**
@@ -1649,7 +1649,7 @@ export type BryntumSchedulerBaseProps = {
      */
     onAssignmentSelectionChange? : ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: SchedulerAssignmentModel[], deselected: SchedulerAssignmentModel[], selection: SchedulerAssignmentModel[] }) => void)|string
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -1707,7 +1707,7 @@ export type BryntumSchedulerBaseProps = {
      */
     onBeforeCellEditStart? : ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -1899,7 +1899,7 @@ export type BryntumSchedulerBaseProps = {
      */
     onBeforeEventAdd? : ((event: { source: Scheduler, eventRecord: SchedulerEventModel, resourceRecords: SchedulerResourceModel[], assignmentRecords: SchedulerAssignmentModel[] }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -3263,19 +3263,20 @@ export type BryntumSchedulerBaseProps = {
      * @param {Scheduler.model.SchedulerEventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.SchedulerAssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.SchedulerResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.SchedulerResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.SchedulerResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    onPasteNotAllowed? : ((event: { source: Scheduler, eventRecords: SchedulerEventModel[], assignmentRecords: SchedulerAssignmentModel[], originalEventRecords: SchedulerEventModel[], originalAssignmentRecords: SchedulerAssignmentModel[], date: Date, resourceRecord: SchedulerResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
+    onPasteNotAllowed? : ((event: { source: Scheduler, eventRecords: SchedulerEventModel[], assignmentRecords: SchedulerAssignmentModel[], originalEventRecords: SchedulerEventModel[], originalAssignmentRecords: SchedulerAssignmentModel[], date: Date, resourceRecord: SchedulerResourceModel, resourceRecords: SchedulerResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
     /**
      * Fires on the owning Grid when export has finished
      * @param {object} event Event object
      * @param {Response} event.response Optional response, if received
      * @param {Error} event.error Optional error, if exception occurred
      */
-    onPdfExport? : ((event: { response?: any, error?: Error }) => void)|string
+    onPdfExport? : ((event: { response?: Response, error?: Error }) => void)|string
     /**
      * Fired after the [viewPreset](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) has changed.
      * @param {object} event Event object
@@ -4078,6 +4079,14 @@ export type BryntumSchedulerBaseProps = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick? : ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup? : ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -4137,7 +4146,7 @@ export type BryntumSchedulerBaseProps = {
     cellEditFeature? : object|boolean|string|GridCellEdit|GridCellEditConfig
     /**
      * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
-     * `SPACE` key when the cell is focused.
+     * <kbd>Space</kbd> key when the cell is focused.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellMenu)
      */
@@ -4229,8 +4238,8 @@ export type BryntumSchedulerBaseProps = {
      */
     dependencyMenuFeature? : object|boolean|string|DependencyMenu|DependencyMenuConfig
     /**
-     * Allow using <kbd>Ctrl</kbd>/<kbd>CMD</kbd> + <kbd>C</kbd>/<kbd>X</kbd> and <kbd>Ctrl</kbd>/<kbd>CMD</kbd> +
-     * <kbd>V</kbd> to copy/cut and paste events.
+     * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
+     * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut and paste events.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/EventCopyPaste)
      */
@@ -4332,8 +4341,8 @@ export type BryntumSchedulerBaseProps = {
     filterBarFeature? : object|boolean|string|FilterBar|FilterBarConfig
     /**
      * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
-     * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
-     * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
+     * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
+     * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
      * grouper.
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/Group)
@@ -5183,6 +5192,7 @@ export class BryntumSchedulerBase extends React.Component<BryntumSchedulerBasePr
         'onToggleGroup',
         'onToggleNode',
         'onToolClick',
+        'onTreeGroup',
         'onUnlockRows',
         'onUnsplit',
         'onVisibleDateRangeChange',