@bryntum/grid-trial 7.2.1 → 7.2.3

package/grid.d.ts

@@ -1,6 +1,6 @@
 /*!
  *
- * Bryntum Grid 7.2.1 (TRIAL VERSION)
+ * Bryntum Grid 7.2.3 (TRIAL VERSION)
  *
  * Copyright(c) 2026 Bryntum AB
  * https://bryntum.com/contact
@@ -1148,9 +1148,13 @@ type AnimateScrollOptions = {
  */
 type BryntumScrollOptions = {
     /**
-     * How far to scroll the element.
+     * How far to scroll the element in the block (`Y`) axis.
      */
     block?: 'start'|'end'|'center'|'nearest'
+    /**
+     * How far to scroll the element in the inline (`X`) axis.
+     */
+    inline?: 'start'|'end'|'center'|'nearest'
     /**
      * edgeOffset A margin around the element or rectangle to bring into view.
      */
@@ -2416,6 +2420,12 @@ type GlobalEventsListenersTypes = {
      * @param {string} event.theme The new theme name
      */
     theme: (event: { source: typeof GlobalEvents, theme: string }) => void
+    /**
+     * Fired when the browser zoom level is changed by the user
+     * @param {object} event Event object
+     * @param {typeof GlobalEvents} event.source
+     */
+    zoomChange: (event: { source: typeof GlobalEvents }) => void
 }
 
 /**
@@ -2454,6 +2464,12 @@ type GlobalEventsListeners = {
      * @param {string} event.theme The new theme name
      */
     theme?: ((event: { source: typeof GlobalEvents, theme: string }) => void)|string
+    /**
+     * Fired when the browser zoom level is changed by the user
+     * @param {object} event Event object
+     * @param {typeof GlobalEvents} event.source
+     */
+    zoomChange?: ((event: { source: typeof GlobalEvents }) => void)|string
 }
 
 export class GlobalEventsSingleton {
@@ -2502,6 +2518,12 @@ export class GlobalEventsSingleton {
      * @param {string} event.theme The new theme name
      */
     onTheme: ((event: { source: typeof GlobalEvents, theme: string }) => void)|string
+    /**
+     * Fired when the browser zoom level is changed by the user
+     * @param {object} event Event object
+     * @param {typeof GlobalEvents} event.source
+     */
+    onZoomChange: ((event: { source: typeof GlobalEvents }) => void)|string
     /**
      * Adds an event listener. This method accepts parameters in the following format:
      * @param {BryntumListenerConfig,string} config An object containing listener definitions, or the event name to listen for
@@ -5417,7 +5439,8 @@ export class Model extends Base {
     readonly lastChild: Model
     /**
      * Get a map of the modified fields in form of an object. The field´s [dataSource](https://bryntum.com/products/grid/docs/api/Core/data/field/DataField#config-dataSource)
-     * is used as the property name in the returned object. The record´s id is always included.
+     * is used as the property name in the returned object. The record's id is included unless its
+     * [persist](https://bryntum.com/products/grid/docs/api/Core/data/field/DataField#config-persist) config is `false`.
      */
     readonly modificationData: object
     /**
@@ -7106,6 +7129,11 @@ export class Store extends Base {
      * Setting `autoCommit` to `true` automatically commits changes to records.
      */
     autoCommit: boolean
+    /**
+     * Returns the root store in the chain — the store that is not itself chained. For a store chained
+     * off another chained store, this walks up the full chain. Returns `this` if the store is not chained.
+     */
+    readonly baseStore: Store
     /**
      * Set to `true` to call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
      */
@@ -7193,6 +7221,11 @@ export class Store extends Base {
      * Yields `true` if this Store is loaded page by page. See the [remotePaging](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StorePaging#config-remotePaging) config.
      */
     readonly isPaged: boolean
+    /**
+     * Returns `true` if the data in this store depends on a remote data source. That is this
+     * Store is an AjaxStore, or uses [requestData](https://bryntum.com/products/grid/docs/api/Core/data/Store#config-requestData), or is chained off an AjaxStore.
+     */
+    readonly isRemoteLoad: boolean
     /**
      * Is store sorted?
      */
@@ -10027,6 +10060,11 @@ export class StoreChainedClass {
      * Identifies an object as an instance of [StoreChained](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreChained) class, or subclass thereof.
      */
     static readonly isStoreChained: boolean
+    /**
+     * Returns the root store in the chain — the store that is not itself chained. For a store chained
+     * off another chained store, this walks up the full chain. Returns `this` if the store is not chained.
+     */
+    readonly baseStore: Store
     /**
      * Is this a chained store?
      */
@@ -14429,7 +14467,7 @@ export class DateHelper {
      */
     static isBefore(first: Date, second: Date): boolean;
     /**
-     * Checks if value is a date object. Allows to recognize date object even from another context,
+     * Checks if value is a date object. Allows recognizing date object even from another context,
      * like the top frame when used in an iframe.
      * @param {any} value Value to check
      */
@@ -15000,11 +15038,19 @@ export class DomSync {
      * @param {string} path Dot '.' separated path of syncIdMap entries
      */
     static getChild(element: HTMLElement, path: string): HTMLElement;
+    /**
+     * Remove an element without syncing, cleaning up its parent's syncIdMap.
+     * Unlike [removeChild](https://bryntum.com/products/grid/docs/api/Core/helper/DomSync#function-removeChild-static), this works correctly for descendant elements
+     * (not just direct children).
+     * @param {HTMLElement} childElement The element to remove
+     */
+    static remove(childElement: HTMLElement): void;
     /**
      * Remove a child element without syncing, for example when dragging an element to some other parent.
      * Removes it both from DOM and the parent elements syncMap
      * @param {HTMLElement} parentElement
      * @param {HTMLElement} childElement
+     * @deprecated Since 7.2.1. Use [remove](https://bryntum.com/products/grid/docs/api/Core/helper/DomSync#function-remove-static) instead.
      */
     static removeChild(parentElement: HTMLElement, childElement: HTMLElement): void;
     /**
@@ -16025,7 +16071,8 @@ export class ObjectHelper {
 }
 
 /**
- * Helper for string manipulation.
+ * A static utility class providing common string manipulation methods such as HTML encoding, camelCase
+ * conversion, regular expression escaping, and markdown-to-HTML processing.
  * ...
  * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/helper/StringHelper)
  */
@@ -16609,8 +16656,9 @@ export class Rectangle {
      * @param {HTMLElement,Core.widget.Widget,Core.widget.Mask,string} element The element (or selector) to calculate the Rectangle for.
      * @param {HTMLElement,string} relativeTo Optionally, a parent element (or selector) in whose space to calculate the Rectangle.
      * @param {boolean} ignorePageScroll Use browser viewport based coordinates.
+     * @param {boolean} rtl Pass `true` when the `relativeTo` element uses RTL direction. Normalizes the negative `scrollLeft` values that browsers use in RTL mode so that content-space coordinates are correct.
      */
-    static from(element: HTMLElement|Widget|Mask|string, relativeTo?: HTMLElement|string, ignorePageScroll?: boolean): Rectangle;
+    static from(element: HTMLElement|Widget|Mask|string, relativeTo?: HTMLElement|string, ignorePageScroll?: boolean, rtl?: boolean): Rectangle;
     /**
      * Returns the Rectangle in viewport coordinates of the passed element.
      * @param {HTMLElement} element The element to calculate the Rectangle for.
@@ -16672,7 +16720,7 @@ export class Rectangle {
      */
     contains(other: Rectangle): boolean;
     /**
-     * Clips off the area of the "other" Rectangle(s) from this Rectangle if any of the the other rectangles occlude
+     * Clips off the area of the "other" Rectangle(s) from this Rectangle if any of the other rectangles occlude
      * a whole edge of this Rectangle.
      * @param {Core.helper.util.Rectangle} other The potentially occluding Rectangle(s).
      */
@@ -17144,8 +17192,8 @@ export class Scroller extends Base {
     resumeEvents(): boolean;
     /**
      * Scrolls by the passed deltas according to the passed options.
-     * @param {number} xDelta How far to scroll in the X axis.
-     * @param {number} yDelta How far to scroll in the Y axis.
+     * @param {number} xDelta How far to scroll along the X axis.
+     * @param {number} yDelta How far to scroll along the Y axis.
      * @param {object,boolean} options How to scroll. May be passed as `true` to animate.
      */
     scrollBy(xDelta?: number, yDelta?: number, options?: {
@@ -26107,7 +26155,7 @@ type CheckboxConfig = {
     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.
      */
@@ -28749,7 +28797,7 @@ type ChipViewConfig = {
      */
     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
     /**
@@ -31127,7 +31175,7 @@ type ColorFieldConfig = {
     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.
      */
@@ -32337,7 +32385,7 @@ type ColorPickerConfig = {
      */
     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
     /**
@@ -33114,7 +33162,7 @@ type ComboConfig = {
     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/Core/widget/Combo#config-createOnUnmatched)
@@ -33614,7 +33662,7 @@ type ComboConfig = {
     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.
      */
@@ -33967,7 +34015,7 @@ export class Combo extends PickerField {
     filterOperator: CollectionCompareOperator
     /**
      * Returns array of the Combo's inner HTML elements.
-     * This getter can be overriden.
+     * This getter can be overridden.
      */
     get innerElements(): (HTMLElement|DomConfig)[]
     /**
@@ -34674,7 +34722,7 @@ type ConfirmationBarConfig = {
      */
     items?: string|Record<string, ContainerItemConfig|MenuItemEntry>|(ContainerItemConfig|MenuItemEntry|Widget)[]
     /**
-     * Maps `Enter` and `Escape` to [doDefault](https://bryntum.com/products/grid/docs/api/Core/widget/ConfirmationBar#function-doDefault) and [doCancel](#Core/widget/ConfirmationBar#function-doCancel), respectively.
+     * Maps <kbd>Enter</kbd> and <kbd>Escape</kbd> to [doDefault](https://bryntum.com/products/grid/docs/api/Core/widget/ConfirmationBar#function-doDefault) and [doCancel](#Core/widget/ConfirmationBar#function-doCancel), respectively.
      */
     keyMap?: Record<string, KeyMapConfig>
     /**
@@ -37226,7 +37274,7 @@ type DateFieldConfig = {
     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.
      */
@@ -40128,7 +40176,7 @@ type DateRangeFieldConfig = {
     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.
      */
@@ -42767,7 +42815,7 @@ type DateTimeFieldConfig = {
     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.
      */
@@ -42876,7 +42924,7 @@ type DateTimeFieldConfig = {
     value?: string
     /**
      * The week start day in the [picker](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-picker), 0 meaning Sunday, 6 meaning Saturday.
-     * Uses localized value per default.
+     * Uses a localized value by default.
      */
     weekStartDay?: number
     /**
@@ -46193,7 +46241,7 @@ type DisplayFieldConfig = {
     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.
      */
@@ -47389,7 +47437,7 @@ type DurationFieldConfig = {
     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.
      */
@@ -47820,7 +47868,7 @@ type EditorListenersTypes = {
      */
     afterEdit: (event: { source: Editor, record?: Model }) => void
     /**
-     * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
+     * Fired when cancellation has been requested, either by <kbd>Escape</kbd>, or focus loss (if configured to cancel on blur).
      * The cancellation may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -47830,7 +47878,7 @@ type EditorListenersTypes = {
      */
     beforeCancel: (event: { oldValue: object, value: object, event: Event, source: Editor }) => Promise<boolean>|boolean|void
     /**
-     * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
+     * Fired when an edit completion has been requested, either by <kbd>Enter</kbd>, or focus loss (if configured to complete on blur).
      * The completion may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -48025,7 +48073,7 @@ type EditorListeners = {
      */
     afterEdit?: ((event: { source: Editor, record?: Model }) => void)|string
     /**
-     * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
+     * Fired when cancellation has been requested, either by <kbd>Escape</kbd>, or focus loss (if configured to cancel on blur).
      * The cancellation may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -48035,7 +48083,7 @@ type EditorListeners = {
      */
     beforeCancel?: ((event: { oldValue: object, value: object, event: Event, source: Editor }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
+     * Fired when an edit completion has been requested, either by <kbd>Enter</kbd>, or focus loss (if configured to complete on blur).
      * The completion may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -48269,7 +48317,7 @@ type EditorConfig = {
      */
     autoUpdateRecord?: boolean
     /**
-     * What action should be taken when focus moves out of the editor, either by `TAB` or clicking outside.
+     * What action should be taken when focus moves out of the editor, either by <kbd>Tab</kbd> or clicking outside.
      * May be `'complete'` or `'cancel`'. Any other value results in no action being taken upon focus leaving the editor
      * leaving the application to listen for the [focusOut](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#event-focusOut) event.
      */
@@ -48853,7 +48901,7 @@ type EditorConfig = {
      */
     onAfterEdit?: ((event: { source: Editor, record?: Model }) => void)|string
     /**
-     * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
+     * Fired when cancellation has been requested, either by <kbd>Escape</kbd>, or focus loss (if configured to cancel on blur).
      * The cancellation may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -48863,7 +48911,7 @@ type EditorConfig = {
      */
     onBeforeCancel?: ((event: { oldValue: object, value: object, event: Event, source: Editor }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
+     * Fired when an edit completion has been requested, either by <kbd>Enter</kbd>, or focus loss (if configured to complete on blur).
      * The completion may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -49069,7 +49117,7 @@ export class Editor extends Container {
      */
     onAfterEdit: ((event: { source: Editor, record?: Model }) => void)|string
     /**
-     * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
+     * Fired when cancellation has been requested, either by <kbd>Escape</kbd>, or focus loss (if configured to cancel on blur).
      * The cancellation may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -49079,7 +49127,7 @@ export class Editor extends Container {
      */
     onBeforeCancel: ((event: { oldValue: object, value: object, event: Event, source: Editor }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
+     * Fired when an edit completion has been requested, either by <kbd>Enter</kbd>, or focus loss (if configured to complete on blur).
      * The completion may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -49996,7 +50044,7 @@ type FieldConfig = {
     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.
      */
@@ -55883,7 +55931,7 @@ type FileFieldConfig = {
     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.
      */
@@ -58147,7 +58195,7 @@ type FilterFieldConfig = {
     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.
      */
@@ -58931,7 +58979,7 @@ type HintConfig = {
      */
     catchEventHandlerExceptions?: boolean
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -61486,7 +61534,7 @@ type ListConfig = {
      */
     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
     /**
@@ -61755,7 +61803,7 @@ export class List extends Widget {
      */
     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
     /**
@@ -63262,7 +63310,7 @@ type MenuConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -64536,7 +64584,7 @@ type MenuItemConfig = {
      * If configured with a `Boolean` value, a checkbox is displayed
      * as the start icon, and the [toggle](https://bryntum.com/products/grid/docs/api/Core/widget/MenuItem#event-toggle) event is fired
      * when the checked state changes.
-     * `String` value allows to link value by reference name.
+     * `String` value allows linking value by reference name.
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/MenuItem#config-checked)
      */
@@ -69184,7 +69232,7 @@ type NumberFieldConfig = {
     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.
      */
@@ -72804,7 +72852,7 @@ type PasswordFieldConfig = {
     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.
      */
@@ -73977,7 +74025,7 @@ type PickerFieldConfig = {
     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.
      */
@@ -74801,7 +74849,7 @@ type PopupConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -77423,7 +77471,7 @@ type RadioConfig = {
     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.
      */
@@ -79877,7 +79925,7 @@ type RichTextFieldConfig = {
     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.
      */
@@ -81062,7 +81110,7 @@ type SlideToggleConfig = {
     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.
      */
@@ -82185,7 +82233,7 @@ type SliderConfig = {
     unit?: string
     /**
      * Initial value.
-     * `String` value allows to link value by reference name.
+     * `String` value allows linking value by reference name.
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Slider#config-value)
      */
@@ -82400,7 +82448,7 @@ export class Slider extends Widget {
     unit: string
     /**
      * Initial value.
-     * `String` value allows to link value by reference name.
+     * `String` value allows linking value by reference name.
      */
     value: number|string
     /**
@@ -87748,7 +87796,7 @@ type TextAreaFieldConfig = {
     resize?: 'none'|'both'|'horizontal'|'vertical'
     /**
      * 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.
      */
@@ -88931,7 +88979,7 @@ type TextAreaPickerFieldConfig = {
     resize?: 'none'|'both'|'horizontal'|'vertical'
     /**
      * 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.
      */
@@ -90100,7 +90148,7 @@ type TextFieldConfig = {
     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.
      */
@@ -91323,7 +91371,7 @@ type TimeFieldConfig = {
     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.
      */
@@ -96208,7 +96256,7 @@ type TooltipConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -103884,7 +103932,7 @@ type ConfirmationDialogConfig = {
      */
     closable?: boolean
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -107624,8 +107672,9 @@ type ActionColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -107666,7 +107715,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
     /**
@@ -107834,7 +107883,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.
@@ -108343,8 +108392,9 @@ type AggregateColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -108398,7 +108448,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
     /**
@@ -108583,7 +108633,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.
@@ -109113,8 +109163,9 @@ type ChartColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -109160,7 +109211,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
     /**
@@ -109336,7 +109387,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.
@@ -109888,8 +109939,9 @@ type CheckColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -109935,7 +109987,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
     /**
@@ -110111,7 +110163,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.
@@ -110678,8 +110730,9 @@ type ColorColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -110725,7 +110778,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
     /**
@@ -110897,7 +110950,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.
@@ -111413,8 +111466,9 @@ type ColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -111460,7 +111514,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
     /**
@@ -111632,7 +111686,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.
@@ -111962,7 +112016,7 @@ export class Column extends Model {
     /**
      * Renderer function for the column header.
      */
-    headerRenderer: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -111997,7 +112051,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
     /**
@@ -112093,7 +112147,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.
@@ -112710,8 +112764,9 @@ type CurrencyColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -112762,7 +112817,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
     /**
@@ -112947,7 +113002,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.
@@ -113462,8 +113517,9 @@ type DateColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -113509,7 +113565,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
     /**
@@ -113689,7 +113745,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.
@@ -114225,8 +114281,9 @@ type NumberColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -114272,7 +114329,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
     /**
@@ -114457,7 +114514,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.
@@ -115004,8 +115061,9 @@ type PercentColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -115046,7 +115104,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
     /**
@@ -115241,7 +115299,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.
@@ -115782,8 +115840,9 @@ type RatingColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -115829,7 +115888,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
     /**
@@ -116014,7 +116073,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.
@@ -116462,8 +116521,9 @@ type RowNumberColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -117130,8 +117190,9 @@ type SparklineColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -117187,7 +117248,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
     /**
@@ -117363,7 +117424,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.
@@ -117854,8 +117915,9 @@ type TemplateColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -117901,7 +117963,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
     /**
@@ -118073,7 +118135,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.
@@ -118583,8 +118645,9 @@ type TimeColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -118630,7 +118693,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
     /**
@@ -118802,7 +118865,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.
@@ -119315,8 +119378,9 @@ type TreeColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -119368,7 +119432,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
     /**
@@ -119544,7 +119608,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.
@@ -120074,8 +120138,9 @@ type WidgetColumnConfig = {
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
+     * @returns {string,object,void,void} The text or markup to show in the column header
      */
-    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
+    headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
     /**
      * An array of the widgets to append to the column header. These widgets have this Column instance
      * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -120121,7 +120186,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
     /**
@@ -120297,7 +120362,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.
@@ -121919,16 +121984,11 @@ export class ColumnStore extends Store {
      */
     static registerColumnType(columnClass: Function, simpleRenderer?: boolean): void;
     /**
-     * Get column by field. To be sure that you are getting exactly the intended column, use [Store#getById()](https://bryntum.com/products/grid/docs/api/Core/data/Store#function-getById) with the
-     * columns id instead.
+     * Get column by field. To be sure that you are getting exactly the intended column, use
+     * [getById](https://bryntum.com/products/grid/docs/api/Core/data/Store#function-getById) with the columns id instead.
      * @param {string} field Field name
      */
     get(field: string): Column;
-    /**
-     * Get column by id.
-     * @param {string,number} id
-     */
-    getById(id: string|number): Column;
     /**
      * indexOf extended to also accept a columns field, for backward compatibility.
      * @param {Core.data.Model,string} recordOrId
@@ -123022,7 +123082,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: {
@@ -123286,7 +123346,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)
  */
@@ -123559,7 +123619,7 @@ type CellTooltipConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -127171,8 +127231,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)
@@ -132454,10 +132514,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
@@ -133611,7 +133671,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)
      */
@@ -136106,7 +136166,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)
@@ -136516,7 +136576,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
@@ -137481,6 +137541,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
@@ -137535,7 +137603,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
@@ -138500,6 +138568,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
@@ -139164,7 +139240,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)
@@ -139395,7 +139471,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
@@ -140360,6 +140436,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
@@ -140633,7 +140717,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
@@ -141598,6 +141682,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
@@ -141652,7 +141744,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
@@ -142617,6 +142709,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
@@ -143280,7 +143380,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)
@@ -143511,7 +143611,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
@@ -144476,6 +144576,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
@@ -144739,7 +144847,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
@@ -144859,7 +144967,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
@@ -145688,6 +145796,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
@@ -147178,7 +147294,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
@@ -148143,6 +148259,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
@@ -148197,7 +148321,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
@@ -149162,6 +149286,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
@@ -149826,7 +149958,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)
@@ -150057,7 +150189,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
@@ -151022,6 +151154,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
@@ -151767,7 +151907,7 @@ type ExportDialogConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -154218,7 +154358,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.
      */
@@ -155077,7 +155217,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)
@@ -155577,7 +155717,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.
      */
@@ -159891,7 +160031,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
     /**
@@ -160651,7 +160791,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)
@@ -161151,7 +161291,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.
      */