@bryntum/grid-thin-trial 7.2.1 → 7.2.2

package/grid.d.ts

@@ -914,7 +914,7 @@ type ActionColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -1082,7 +1082,7 @@ type ActionColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -1646,7 +1646,7 @@ type AggregateColumnConfig = {
     includeParentInChangeSet?: boolean
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -1831,7 +1831,7 @@ type AggregateColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -2408,7 +2408,7 @@ type ChartColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -2584,7 +2584,7 @@ type ChartColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -3183,7 +3183,7 @@ type CheckColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -3359,7 +3359,7 @@ type CheckColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -3973,7 +3973,7 @@ type ColorColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -4145,7 +4145,7 @@ type ColorColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -4708,7 +4708,7 @@ type ColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -4880,7 +4880,7 @@ type ColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -5245,7 +5245,7 @@ export class Column extends Model {
     icon: string
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate: boolean
     /**
@@ -5341,7 +5341,7 @@ export class Column extends Model {
      */
     responsiveLevels: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -6010,7 +6010,7 @@ type CurrencyColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -6195,7 +6195,7 @@ type CurrencyColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -6757,7 +6757,7 @@ type DateColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -6937,7 +6937,7 @@ type DateColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -7520,7 +7520,7 @@ type NumberColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -7705,7 +7705,7 @@ type NumberColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -8294,7 +8294,7 @@ type PercentColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -8489,7 +8489,7 @@ type PercentColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -9077,7 +9077,7 @@ type RatingColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -9262,7 +9262,7 @@ type RatingColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -10435,7 +10435,7 @@ type SparklineColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -10611,7 +10611,7 @@ type SparklineColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -11149,7 +11149,7 @@ type TemplateColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -11321,7 +11321,7 @@ type TemplateColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -11878,7 +11878,7 @@ type TimeColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -12050,7 +12050,7 @@ type TimeColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -12616,7 +12616,7 @@ type TreeColumnConfig = {
     indentSize?: number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -12792,7 +12792,7 @@ type TreeColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -13369,7 +13369,7 @@ type WidgetColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -13545,7 +13545,7 @@ type WidgetColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -16238,7 +16238,7 @@ export class CellEdit extends GridEditBase {
     /**
      * Displays an OK / Cancel confirmation dialog box owned by the current Editor. This is intended to be
      * used by [finalizeCellEdit](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-finalizeCellEdit) implementations. The returned promise resolves passing
-     * `true` if the "OK" button is pressed, and `false` if the "Cancel" button is pressed. Typing `ESC` rejects.
+     * `true` if the "OK" button is pressed, and `false` if the "Cancel" button is pressed. Typing <kbd>Escape</kbd> rejects.
      * @param {object} options An options object for what to show.
      */
     confirm(options: {
@@ -16502,7 +16502,7 @@ type CellMenuConfig = {
 
 /**
  * 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/grid/docs/api/Grid/feature/CellMenu)
  */
@@ -16775,7 +16775,7 @@ type CellTooltipConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -20387,8 +20387,8 @@ type GroupConfig = {
 
 /**
  * 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/grid/docs/api/Grid/feature/Group)
@@ -25670,10 +25670,10 @@ type TreeGroupConfig = {
      */
     parentCls?: string
     /**
-     * A function letting you format the text shown in the generated parent group levels. This method will be provided
-     * with the value produced by the column representing the grouped level. Each column's renderer method will be
-     * provided an extra `isTreeGroup` param to indicate that the value will be used for a generated parent. `cellElement`
-     * and other DOM specific args will be in the context of the tree column.
+     * A function letting you format the text shown in the generated parent group levels. This method will be
+     * provided with the value produced by the column representing the grouped level. Each column's renderer method
+     * will be provided an extra `isTreeGroup` param to indicate that the value will be used for a generated parent.
+     * `cellElement` and other DOM specific args will be in the context of the tree column.
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/TreeGroup#config-parentRenderer)
      * @param {object} data The rendering data representing the generated tree parent record
@@ -26827,7 +26827,7 @@ type ExcelExporterConfig = {
      */
     localizableProperties?: string[]
     /**
-     * This hook allows to use 3rd party libraries to generate XLSX files.
+     * This hook allows using 3rd party libraries to generate XLSX files.
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/experimental/ExcelExporter#config-xlsProvider)
      */
@@ -29322,7 +29322,7 @@ type SinglePageUnscaledExporterConfig = {
 
 /**
  * A single page exporter. Used by the [PdfExport](https://bryntum.com/products/grid/docs/api/Grid/feature/export/PdfExport) feature to export to single page. Content
- * is exported with dimensions required to fit all requested rows and columns. This allows to generate PDF page not
+ * is exported with dimensions required to fit all requested rows and columns. This allows generating a PDF page not
  * constrained by the standard paper formats.
  * ...
  * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/export/exporter/SinglePageUnscaledExporter)
@@ -29732,7 +29732,7 @@ type GridListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * 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/grid/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
@@ -30697,6 +30697,14 @@ type GridListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * 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
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -30751,7 +30759,7 @@ type GridListeners = {
      */
     beforeCellEditStart?: ((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/grid/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
@@ -31716,6 +31724,14 @@ type GridListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((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
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -32380,7 +32396,7 @@ type GridConfig = {
     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/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-rowHeight)
@@ -32611,7 +32627,7 @@ type GridConfig = {
      */
     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/grid/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
@@ -33576,6 +33592,14 @@ type GridConfig = {
      * @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
@@ -33849,7 +33873,7 @@ type GridBaseListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * 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/grid/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
@@ -34814,6 +34838,14 @@ type GridBaseListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * 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
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -34868,7 +34900,7 @@ type GridBaseListeners = {
      */
     beforeCellEditStart?: ((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/grid/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
@@ -35833,6 +35865,14 @@ type GridBaseListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((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
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -36496,7 +36536,7 @@ type GridBaseConfig = {
     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/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-rowHeight)
@@ -36727,7 +36767,7 @@ type GridBaseConfig = {
      */
     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/grid/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
@@ -37692,6 +37732,14 @@ type GridBaseConfig = {
      * @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
@@ -37955,7 +38003,7 @@ export class GridBase extends Panel {
     readonly responsiveLevel: string
     /**
      * 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/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
      */
     rowHeight: number
@@ -38075,7 +38123,7 @@ export class GridBase extends Panel {
      */
     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/grid/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
@@ -38904,6 +38952,14 @@ export class GridBase extends Panel {
      * @param {boolean} event.collapse `true` if the node is being collapsed.
      */
     onToggleNode: ((event: { record: Model, collapse: boolean }) => 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
@@ -40394,7 +40450,7 @@ type TreeGridListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * 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/grid/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
@@ -41359,6 +41415,14 @@ type TreeGridListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * 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
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -41413,7 +41477,7 @@ type TreeGridListeners = {
      */
     beforeCellEditStart?: ((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/grid/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
@@ -42378,6 +42442,14 @@ type TreeGridListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((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
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -43042,7 +43114,7 @@ type TreeGridConfig = {
     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/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-rowHeight)
@@ -43273,7 +43345,7 @@ type TreeGridConfig = {
      */
     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/grid/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
@@ -44238,6 +44310,14 @@ type TreeGridConfig = {
      * @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
@@ -44983,7 +45063,7 @@ type ExportDialogConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -47434,7 +47514,7 @@ type AIFilterFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -48293,7 +48373,7 @@ type ChecklistFilterComboConfig = {
     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/grid/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-createOnUnmatched)
@@ -48793,7 +48873,7 @@ type ChecklistFilterComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -53107,7 +53187,7 @@ type GroupBarConfig = {
      */
     title?: string
     /**
-     * Select/deselect all if `CMD`/`CTRL` is pressed when clicking
+     * Select/deselect all if <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> is pressed when clicking
      */
     toggleAllIfCtrlPressed?: boolean
     /**
@@ -53867,7 +53947,7 @@ type TreeComboConfig = {
     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/grid/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-createOnUnmatched)
@@ -54367,7 +54447,7 @@ type TreeComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */