@bryntum/grid-thin-trial 7.3.0 → 7.3.2

package/grid.d.ts

@@ -402,7 +402,8 @@ type GridSelectionMode = {
     checkboxIndex?: number|string
     /**
      * Select rows only when clicking in the checkbox column.
-     * Requires cell selection config to be `false` and checkbox to be set to `true`. This setting was previously named
+     * Requires cell selection config to be `false` and checkbox to be set to `true`. This setting allows
+     * clicking on other cells without affecting selection. This setting was previously named
      * `rowCheckboxSelection`
      */
     checkboxOnly?: boolean
@@ -2670,7 +2671,7 @@ type CheckColumnListenersTypes = {
      * @param {Core.data.Model} event.record The record for the row containing the cell.
      * @param {boolean} event.checked The new checked status of the cell.
      */
-    beforeToggle: (event: { source: Column, record: Model, checked: boolean }) => Promise<boolean>|boolean|void
+    beforeToggle: (event: { source: Column, record: Model, checked: boolean }) => boolean|void
     /**
      * Fires when any other event is fired from the object.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/CheckColumn#event-catchAll)
@@ -2723,7 +2724,7 @@ type CheckColumnListeners = {
      * @param {Core.data.Model} event.record The record for the row containing the cell.
      * @param {boolean} event.checked The new checked status of the cell.
      */
-    beforeToggle?: ((event: { source: Column, record: Model, checked: boolean }) => Promise<boolean>|boolean|void)|string
+    beforeToggle?: ((event: { source: Column, record: Model, checked: boolean }) => boolean|void)|string
     /**
      * Fires when any other event is fired from the object.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/CheckColumn#event-catchAll)
@@ -3345,7 +3346,7 @@ type CheckColumnConfig = {
      * @param {Core.data.Model} event.record The record for the row containing the cell.
      * @param {boolean} event.checked The new checked status of the cell.
      */
-    onBeforeToggle?: ((event: { source: Column, record: Model, checked: boolean }) => Promise<boolean>|boolean|void)|string
+    onBeforeToggle?: ((event: { source: Column, record: Model, checked: boolean }) => boolean|void)|string
     /**
      * Fires when any other event is fired from the object.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/CheckColumn#event-catchAll)
@@ -3419,7 +3420,7 @@ export class CheckColumn extends WidgetColumn {
      * @param {Core.data.Model} event.record The record for the row containing the cell.
      * @param {boolean} event.checked The new checked status of the cell.
      */
-    onBeforeToggle: ((event: { source: Column, record: Model, checked: boolean }) => Promise<boolean>|boolean|void)|string
+    onBeforeToggle: ((event: { source: Column, record: Model, checked: boolean }) => boolean|void)|string
     /**
      * Fires when any other event is fired from the object.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/CheckColumn#event-catchAll)
@@ -13257,7 +13258,7 @@ type ColumnStoreListenersTypes = {
      * @param {Core.data.Model[]} event.records The records which are to be added
      * @param {Core.data.Model} event.parent The parent node when using a tree store
      */
-    beforeAdd: (event: { source: Store, records: Model[], parent: Model }) => Promise<boolean>|boolean|void
+    beforeAdd: (event: { source: Store, records: Model[], parent: Model }) => boolean|void
     /**
      * Fired before committing changes. Return false from handler to abort commit
      * @param {object} event Event object
@@ -13284,14 +13285,14 @@ type ColumnStoreListenersTypes = {
      * @param {Core.data.Store,any} event.source The
      * @param {(Core.data.Model|any)[]} event.records The nodes to indent.
      */
-    beforeIndent: (event: { source: Store|any, records: (Model|any)[] }) => Promise<boolean>|boolean|void
+    beforeIndent: (event: { source: Store|any, records: (Model|any)[] }) => boolean|void
     /**
      * Fired before nodes in the tree are outdented. Return `false` from a listener to prevent the outdent.
      * @param {object} event Event object
      * @param {Core.data.Store,any} event.source This store
      * @param {(Core.data.Model|any)[]} event.records Nodes to be outdented
      */
-    beforeOutdent: (event: { source: Store|any, records: (Model|any)[] }) => Promise<boolean>|boolean|void
+    beforeOutdent: (event: { source: Store|any, records: (Model|any)[] }) => boolean|void
     /**
      * Fired before records are removed from this store by the [remove](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreCRUD#function-remove) or [removeAll](#Core/data/mixin/StoreCRUD#function-removeAll).
      * Also fired when removing a child record in a tree store using [removeChild](https://bryntum.com/products/grid/docs/api/Core/data/mixin/TreeNode#function-removeChild).
@@ -13303,7 +13304,7 @@ type ColumnStoreListenersTypes = {
      * @param {boolean} event.isMove This flag is `true` if the child node is being removed by [appendChild](https://bryntum.com/products/grid/docs/api/Core/data/mixin/TreeNode#function-appendChild) to be moved *within the same tree*.
      * @param {boolean} event.removingAll This flag is `true` if the operation is removing the store's entire data set.
      */
-    beforeRemove: (event: { source: Store, records: Model[], parent: Model, isMove: boolean, removingAll: boolean }) => Promise<boolean>|boolean|void
+    beforeRemove: (event: { source: Store, records: Model[], parent: Model, isMove: boolean, removingAll: boolean }) => boolean|void
     /**
      * Fired before sorting
      * @param {object} event Event object
@@ -13515,7 +13516,7 @@ type ColumnStoreListeners = {
      * @param {Core.data.Model[]} event.records The records which are to be added
      * @param {Core.data.Model} event.parent The parent node when using a tree store
      */
-    beforeAdd?: ((event: { source: Store, records: Model[], parent: Model }) => Promise<boolean>|boolean|void)|string
+    beforeAdd?: ((event: { source: Store, records: Model[], parent: Model }) => boolean|void)|string
     /**
      * Fired before committing changes. Return false from handler to abort commit
      * @param {object} event Event object
@@ -13542,14 +13543,14 @@ type ColumnStoreListeners = {
      * @param {Core.data.Store,any} event.source The
      * @param {(Core.data.Model|any)[]} event.records The nodes to indent.
      */
-    beforeIndent?: ((event: { source: Store|any, records: (Model|any)[] }) => Promise<boolean>|boolean|void)|string
+    beforeIndent?: ((event: { source: Store|any, records: (Model|any)[] }) => boolean|void)|string
     /**
      * Fired before nodes in the tree are outdented. Return `false` from a listener to prevent the outdent.
      * @param {object} event Event object
      * @param {Core.data.Store,any} event.source This store
      * @param {(Core.data.Model|any)[]} event.records Nodes to be outdented
      */
-    beforeOutdent?: ((event: { source: Store|any, records: (Model|any)[] }) => Promise<boolean>|boolean|void)|string
+    beforeOutdent?: ((event: { source: Store|any, records: (Model|any)[] }) => boolean|void)|string
     /**
      * Fired before records are removed from this store by the [remove](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreCRUD#function-remove) or [removeAll](#Core/data/mixin/StoreCRUD#function-removeAll).
      * Also fired when removing a child record in a tree store using [removeChild](https://bryntum.com/products/grid/docs/api/Core/data/mixin/TreeNode#function-removeChild).
@@ -13561,7 +13562,7 @@ type ColumnStoreListeners = {
      * @param {boolean} event.isMove This flag is `true` if the child node is being removed by [appendChild](https://bryntum.com/products/grid/docs/api/Core/data/mixin/TreeNode#function-appendChild) to be moved *within the same tree*.
      * @param {boolean} event.removingAll This flag is `true` if the operation is removing the store's entire data set.
      */
-    beforeRemove?: ((event: { source: Store, records: Model[], parent: Model, isMove: boolean, removingAll: boolean }) => Promise<boolean>|boolean|void)|string
+    beforeRemove?: ((event: { source: Store, records: Model[], parent: Model, isMove: boolean, removingAll: boolean }) => boolean|void)|string
     /**
      * Fired before sorting
      * @param {object} event Event object
@@ -14069,7 +14070,7 @@ type ColumnStoreConfig = {
      * @param {Core.data.Model[]} event.records The records which are to be added
      * @param {Core.data.Model} event.parent The parent node when using a tree store
      */
-    onBeforeAdd?: ((event: { source: Store, records: Model[], parent: Model }) => Promise<boolean>|boolean|void)|string
+    onBeforeAdd?: ((event: { source: Store, records: Model[], parent: Model }) => boolean|void)|string
     /**
      * Fired before committing changes. Return false from handler to abort commit
      * @param {object} event Event object
@@ -14096,14 +14097,14 @@ type ColumnStoreConfig = {
      * @param {Core.data.Store,any} event.source The
      * @param {(Core.data.Model|any)[]} event.records The nodes to indent.
      */
-    onBeforeIndent?: ((event: { source: Store|any, records: (Model|any)[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeIndent?: ((event: { source: Store|any, records: (Model|any)[] }) => boolean|void)|string
     /**
      * Fired before nodes in the tree are outdented. Return `false` from a listener to prevent the outdent.
      * @param {object} event Event object
      * @param {Core.data.Store,any} event.source This store
      * @param {(Core.data.Model|any)[]} event.records Nodes to be outdented
      */
-    onBeforeOutdent?: ((event: { source: Store|any, records: (Model|any)[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeOutdent?: ((event: { source: Store|any, records: (Model|any)[] }) => boolean|void)|string
     /**
      * Fired before records are removed from this store by the [remove](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreCRUD#function-remove) or [removeAll](#Core/data/mixin/StoreCRUD#function-removeAll).
      * Also fired when removing a child record in a tree store using [removeChild](https://bryntum.com/products/grid/docs/api/Core/data/mixin/TreeNode#function-removeChild).
@@ -14115,7 +14116,7 @@ type ColumnStoreConfig = {
      * @param {boolean} event.isMove This flag is `true` if the child node is being removed by [appendChild](https://bryntum.com/products/grid/docs/api/Core/data/mixin/TreeNode#function-appendChild) to be moved *within the same tree*.
      * @param {boolean} event.removingAll This flag is `true` if the operation is removing the store's entire data set.
      */
-    onBeforeRemove?: ((event: { source: Store, records: Model[], parent: Model, isMove: boolean, removingAll: boolean }) => Promise<boolean>|boolean|void)|string
+    onBeforeRemove?: ((event: { source: Store, records: Model[], parent: Model, isMove: boolean, removingAll: boolean }) => boolean|void)|string
     /**
      * Fired before sorting
      * @param {object} event Event object
@@ -14339,7 +14340,7 @@ export class ColumnStore extends Store {
      * @param {Core.data.Model[]} event.records The records which are to be added
      * @param {Core.data.Model} event.parent The parent node when using a tree store
      */
-    onBeforeAdd: ((event: { source: Store, records: Model[], parent: Model }) => Promise<boolean>|boolean|void)|string
+    onBeforeAdd: ((event: { source: Store, records: Model[], parent: Model }) => boolean|void)|string
     /**
      * Fired before committing changes. Return false from handler to abort commit
      * @param {object} event Event object
@@ -14366,14 +14367,14 @@ export class ColumnStore extends Store {
      * @param {Core.data.Store,any} event.source The
      * @param {(Core.data.Model|any)[]} event.records The nodes to indent.
      */
-    onBeforeIndent: ((event: { source: Store|any, records: (Model|any)[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeIndent: ((event: { source: Store|any, records: (Model|any)[] }) => boolean|void)|string
     /**
      * Fired before nodes in the tree are outdented. Return `false` from a listener to prevent the outdent.
      * @param {object} event Event object
      * @param {Core.data.Store,any} event.source This store
      * @param {(Core.data.Model|any)[]} event.records Nodes to be outdented
      */
-    onBeforeOutdent: ((event: { source: Store|any, records: (Model|any)[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeOutdent: ((event: { source: Store|any, records: (Model|any)[] }) => boolean|void)|string
     /**
      * Fired before records are removed from this store by the [remove](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreCRUD#function-remove) or [removeAll](#Core/data/mixin/StoreCRUD#function-removeAll).
      * Also fired when removing a child record in a tree store using [removeChild](https://bryntum.com/products/grid/docs/api/Core/data/mixin/TreeNode#function-removeChild).
@@ -14385,7 +14386,7 @@ export class ColumnStore extends Store {
      * @param {boolean} event.isMove This flag is `true` if the child node is being removed by [appendChild](https://bryntum.com/products/grid/docs/api/Core/data/mixin/TreeNode#function-appendChild) to be moved *within the same tree*.
      * @param {boolean} event.removingAll This flag is `true` if the operation is removing the store's entire data set.
      */
-    onBeforeRemove: ((event: { source: Store, records: Model[], parent: Model, isMove: boolean, removingAll: boolean }) => Promise<boolean>|boolean|void)|string
+    onBeforeRemove: ((event: { source: Store, records: Model[], parent: Model, isMove: boolean, removingAll: boolean }) => boolean|void)|string
     /**
      * Fired before sorting
      * @param {object} event Event object
@@ -16030,6 +16031,8 @@ type CellTooltipConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellTooltip#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -16291,10 +16294,11 @@ type CellTooltipConfig = {
      * @param {Core.widget.Tooltip} context.tip The tooltip instance
      * @param {HTMLElement} context.element The Element for which the Tooltip is monitoring mouse movement
      * @param {HTMLElement} context.activeTarget The target element that triggered the show
+     * @param {HTMLElement} [context.forElement] Alias for `activeTarget`, provided for backward compatibility
      * @param {Event} context.event The raw DOM event
      * @returns {string,Promise<any>}
      */
-    getHtml?: ((context: { tip: Tooltip, element: HTMLElement, activeTarget: HTMLElement, event: Event }) => Promise<string|Promise<any>>)|string
+    getHtml?: ((context: { tip: Tooltip, element: HTMLElement, activeTarget: HTMLElement, forElement?: HTMLElement, event: Event }) => Promise<string|Promise<any>>)|string
     /**
      * A config [object](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#typedef-PanelHeader) for the panel's header or a string in place of a `title`.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellTooltip#config-header)
@@ -16370,10 +16374,14 @@ type CellTooltipConfig = {
     inputFieldAlign?: 'start'|'end'
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellTooltip#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellTooltip#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -22345,13 +22353,15 @@ type RowReorderConfig = {
      * data (e.g. to copy instead of move), you can provide an object with a `transferData` method.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/feature/RowReorder#config-allowCrossGridDrag)
      * @property {Function} allowCrossGridDrag.transferData A function which decides what should happen to the dragged records upon drop. It receives a single context object with information about the drag drop state.
-     * @property {Grid.view.GridBase} allowCrossGridDrag.transferData.sourceGrid The source grid
-     * @property {Grid.view.GridBase} allowCrossGridDrag.transferData.targetGrid the target grid
-     * @property {Core.data.Model[]} allowCrossGridDrag.transferData.records The dragged records
-     * @property {Core.data.Model} allowCrossGridDrag.transferData.insertBefore The record to insert before
-     * @property {Core.data.Model} allowCrossGridDrag.transferData.parent The parent record of the current drop position (only applicable for trees)
+     * @property {object} allowCrossGridDrag.transferData.data Context object describing the drag drop state.
+     * @property {Grid.view.GridBase} allowCrossGridDrag.transferData.data.sourceGrid The source grid
+     * @property {Grid.view.GridBase} allowCrossGridDrag.transferData.data.targetGrid the target grid
+     * @property {Core.data.Model[]} allowCrossGridDrag.transferData.data.records The dragged records
+     * @property {Core.data.Model} allowCrossGridDrag.transferData.data.insertBefore The record to insert before
+     * @property {Core.data.Model} allowCrossGridDrag.transferData.data.parent The parent record of the current drop position (only applicable for trees)
+     * @property {Promise<any>,void} allowCrossGridDrag.transferData.returns May return a `Promise` to signal that the transfer is asynchronous. The drop operation will wait for the `Promise` to resolve before finalizing.
      */
-    allowCrossGridDrag?: boolean|{ transferData: (sourceGrid: GridBase, targetGrid: GridBase, records: Model[], insertBefore: Model, parent: Model) => void }
+    allowCrossGridDrag?: boolean|{ transferData: (data: { sourceGrid: GridBase, targetGrid: GridBase, records: Model[], insertBefore: Model, parent: Model }) => Promise<any>|void }
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -28411,14 +28421,14 @@ type GridListenersTypes = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    beforeCSVExport: (event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void
+    beforeCSVExport: (event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    beforeCancelCellEdit: (event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void
+    beforeCancelCellEdit: (event: { source: Grid, editorContext: GridLocation }) => boolean|void
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#event-beforeCancelRowEdit)
@@ -28433,7 +28443,7 @@ type GridListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
+    beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => boolean|void
     /**
      * 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.
@@ -28441,7 +28451,7 @@ type GridListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    beforeCellRangeDelete: (event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void
+    beforeCellRangeDelete: (event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -28449,7 +28459,7 @@ type GridListenersTypes = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void
+    beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => boolean|void
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -28465,7 +28475,7 @@ type GridListenersTypes = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    beforeColumnDragStart: (event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void
+    beforeColumnDragStart: (event: { source: Grid, column: Column, event: Event }) => boolean|void
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -28476,7 +28486,7 @@ type GridListenersTypes = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    beforeColumnDropFinalize: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void
+    beforeColumnDropFinalize: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -28485,7 +28495,7 @@ type GridListenersTypes = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    beforeColumnResize: (event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void
+    beforeColumnResize: (event: { source: Grid, column: Column, domEvent: Event }) => boolean|void
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -28509,14 +28519,14 @@ type GridListenersTypes = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    beforeExcelExport: (event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void
+    beforeExcelExport: (event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    beforeFillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void
+    beforeFillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -28537,7 +28547,7 @@ type GridListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -28553,7 +28563,7 @@ type GridListenersTypes = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport: (event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void
+    beforePdfExport: (event: { config: PdfExportConfig }) => boolean|void
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -28596,7 +28606,7 @@ type GridListenersTypes = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    beforeSelectionChange: (event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void
+    beforeSelectionChange: (event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -28617,19 +28627,19 @@ type GridListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    beforeStartRowEdit: (event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void
+    beforeStartRowEdit: (event: { source: Grid, editorContext: RowEditorContext }) => boolean|void
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateApply: (event: { state: GridStateInfo }) => Promise<boolean>|boolean|void
+    beforeStateApply: (event: { state: GridStateInfo }) => boolean|void
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateSave: (event: { state: GridStateInfo }) => Promise<boolean>|boolean|void
+    beforeStateSave: (event: { state: GridStateInfo }) => boolean|void
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -28639,7 +28649,7 @@ type GridListenersTypes = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    beforeToggleGroup: (event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void
+    beforeToggleGroup: (event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -28708,7 +28718,7 @@ type GridListenersTypes = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    cellMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void
+    cellMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -28835,7 +28845,7 @@ type GridListenersTypes = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    columnDrop: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void
+    columnDrop: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -28975,7 +28985,7 @@ type GridListenersTypes = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    fillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void
+    fillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -29023,7 +29033,7 @@ type GridListenersTypes = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    gridRowBeforeDragStart: (event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void
+    gridRowBeforeDragStart: (event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -29090,7 +29100,7 @@ type GridListenersTypes = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    headerClick: (event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void
+    headerClick: (event: { domEvent: Event, column: Column }) => boolean|void
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -29101,7 +29111,7 @@ type GridListenersTypes = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    headerMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void
+    headerMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -29312,7 +29322,7 @@ type GridListenersTypes = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterCollapseClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void
+    splitterCollapseClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -29337,7 +29347,7 @@ type GridListenersTypes = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterExpandClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void
+    splitterExpandClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -29426,14 +29436,14 @@ type GridListeners = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    beforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string
+    beforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    beforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void)|string
+    beforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#event-beforeCancelRowEdit)
@@ -29448,7 +29458,7 @@ type GridListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
+    beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => boolean|void)|string
     /**
      * 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.
@@ -29456,7 +29466,7 @@ type GridListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    beforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void)|string
+    beforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void)|string
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -29464,7 +29474,7 @@ type GridListeners = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => boolean|void)|string
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -29480,7 +29490,7 @@ type GridListeners = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    beforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void)|string
+    beforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => boolean|void)|string
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -29491,7 +29501,7 @@ type GridListeners = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    beforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    beforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -29500,7 +29510,7 @@ type GridListeners = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    beforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    beforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -29524,14 +29534,14 @@ type GridListeners = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    beforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string
+    beforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void)|string
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    beforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    beforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -29552,7 +29562,7 @@ type GridListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -29568,7 +29578,7 @@ type GridListeners = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
+    beforePdfExport?: ((event: { config: PdfExportConfig }) => boolean|void)|string
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -29611,7 +29621,7 @@ type GridListeners = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    beforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    beforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -29632,19 +29642,19 @@ type GridListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    beforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string
+    beforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateApply?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    beforeStateApply?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateSave?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    beforeStateSave?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -29654,7 +29664,7 @@ type GridListeners = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    beforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    beforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void)|string
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -29723,7 +29733,7 @@ type GridListeners = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    cellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void)|string
+    cellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void)|string
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -29850,7 +29860,7 @@ type GridListeners = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    columnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    columnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -29990,7 +30000,7 @@ type GridListeners = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    fillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    fillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -30038,7 +30048,7 @@ type GridListeners = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    gridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    gridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void)|string
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -30105,7 +30115,7 @@ type GridListeners = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    headerClick?: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    headerClick?: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -30116,7 +30126,7 @@ type GridListeners = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    headerMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string
+    headerMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -30327,7 +30337,7 @@ type GridListeners = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    splitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -30352,7 +30362,7 @@ type GridListeners = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    splitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -30550,6 +30560,8 @@ type GridConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -30864,10 +30876,14 @@ type GridConfig = {
     inputFieldAlign?: 'start'|'end'
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -31236,14 +31252,14 @@ type GridConfig = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    onBeforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string
+    onBeforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    onBeforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void)|string
+    onBeforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#event-beforeCancelRowEdit)
@@ -31258,7 +31274,7 @@ type GridConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => boolean|void)|string
     /**
      * 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.
@@ -31266,7 +31282,7 @@ type GridConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    onBeforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void)|string
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -31274,7 +31290,7 @@ type GridConfig = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => boolean|void)|string
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -31290,7 +31306,7 @@ type GridConfig = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    onBeforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => boolean|void)|string
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -31301,7 +31317,7 @@ type GridConfig = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    onBeforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -31310,7 +31326,7 @@ type GridConfig = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    onBeforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -31334,14 +31350,14 @@ type GridConfig = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    onBeforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void)|string
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    onBeforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    onBeforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -31362,7 +31378,7 @@ type GridConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -31378,7 +31394,7 @@ type GridConfig = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
+    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => boolean|void)|string
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -31421,7 +31437,7 @@ type GridConfig = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    onBeforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -31442,19 +31458,19 @@ type GridConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    onBeforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string
+    onBeforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateApply?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateSave?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -31464,7 +31480,7 @@ type GridConfig = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    onBeforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void)|string
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -31533,7 +31549,7 @@ type GridConfig = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    onCellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void)|string
+    onCellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void)|string
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -31660,7 +31676,7 @@ type GridConfig = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    onColumnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    onColumnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -31800,7 +31816,7 @@ type GridConfig = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    onFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    onFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -31848,7 +31864,7 @@ type GridConfig = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    onGridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    onGridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void)|string
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -31915,7 +31931,7 @@ type GridConfig = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    onHeaderClick?: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderClick?: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -31926,7 +31942,7 @@ type GridConfig = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    onHeaderMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -32137,7 +32153,7 @@ type GridConfig = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    onSplitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onSplitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -32162,7 +32178,7 @@ type GridConfig = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    onSplitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onSplitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -32271,19 +32287,19 @@ export class Grid extends GridBase {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    onBeforeSelectionChange: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeSelectionChange: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateApply: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateSave: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fires when any other event is fired from the object.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#event-catchAll)
@@ -32389,7 +32405,7 @@ export class Grid extends GridBase {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    onHeaderClick: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderClick: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * Mouse moved out from element in grid
      * @param {object} event Event object
@@ -32467,14 +32483,14 @@ type GridBaseListenersTypes = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    beforeCSVExport: (event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void
+    beforeCSVExport: (event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    beforeCancelCellEdit: (event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void
+    beforeCancelCellEdit: (event: { source: Grid, editorContext: GridLocation }) => boolean|void
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-beforeCancelRowEdit)
@@ -32489,7 +32505,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
+    beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => boolean|void
     /**
      * 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.
@@ -32497,7 +32513,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    beforeCellRangeDelete: (event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void
+    beforeCellRangeDelete: (event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -32505,7 +32521,7 @@ type GridBaseListenersTypes = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void
+    beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => boolean|void
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -32521,7 +32537,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    beforeColumnDragStart: (event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void
+    beforeColumnDragStart: (event: { source: Grid, column: Column, event: Event }) => boolean|void
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -32532,7 +32548,7 @@ type GridBaseListenersTypes = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    beforeColumnDropFinalize: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void
+    beforeColumnDropFinalize: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -32541,7 +32557,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    beforeColumnResize: (event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void
+    beforeColumnResize: (event: { source: Grid, column: Column, domEvent: Event }) => boolean|void
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -32565,14 +32581,14 @@ type GridBaseListenersTypes = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    beforeExcelExport: (event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void
+    beforeExcelExport: (event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    beforeFillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void
+    beforeFillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -32593,7 +32609,7 @@ type GridBaseListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -32609,7 +32625,7 @@ type GridBaseListenersTypes = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport: (event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void
+    beforePdfExport: (event: { config: PdfExportConfig }) => boolean|void
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -32652,7 +32668,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    beforeSelectionChange: (event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void
+    beforeSelectionChange: (event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -32673,19 +32689,19 @@ type GridBaseListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    beforeStartRowEdit: (event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void
+    beforeStartRowEdit: (event: { source: Grid, editorContext: RowEditorContext }) => boolean|void
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateApply: (event: { state: GridStateInfo }) => Promise<boolean>|boolean|void
+    beforeStateApply: (event: { state: GridStateInfo }) => boolean|void
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateSave: (event: { state: GridStateInfo }) => Promise<boolean>|boolean|void
+    beforeStateSave: (event: { state: GridStateInfo }) => boolean|void
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -32695,7 +32711,7 @@ type GridBaseListenersTypes = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    beforeToggleGroup: (event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void
+    beforeToggleGroup: (event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -32764,7 +32780,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    cellMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void
+    cellMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -32891,7 +32907,7 @@ type GridBaseListenersTypes = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    columnDrop: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void
+    columnDrop: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -33031,7 +33047,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    fillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void
+    fillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -33079,7 +33095,7 @@ type GridBaseListenersTypes = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    gridRowBeforeDragStart: (event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void
+    gridRowBeforeDragStart: (event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -33146,7 +33162,7 @@ type GridBaseListenersTypes = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    headerClick: (event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void
+    headerClick: (event: { domEvent: Event, column: Column }) => boolean|void
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -33157,7 +33173,7 @@ type GridBaseListenersTypes = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    headerMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void
+    headerMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -33368,7 +33384,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterCollapseClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void
+    splitterCollapseClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -33393,7 +33409,7 @@ type GridBaseListenersTypes = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterExpandClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void
+    splitterExpandClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -33482,14 +33498,14 @@ type GridBaseListeners = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    beforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string
+    beforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    beforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void)|string
+    beforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-beforeCancelRowEdit)
@@ -33504,7 +33520,7 @@ type GridBaseListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
+    beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => boolean|void)|string
     /**
      * 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.
@@ -33512,7 +33528,7 @@ type GridBaseListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    beforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void)|string
+    beforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void)|string
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -33520,7 +33536,7 @@ type GridBaseListeners = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => boolean|void)|string
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -33536,7 +33552,7 @@ type GridBaseListeners = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    beforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void)|string
+    beforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => boolean|void)|string
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -33547,7 +33563,7 @@ type GridBaseListeners = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    beforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    beforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -33556,7 +33572,7 @@ type GridBaseListeners = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    beforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    beforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -33580,14 +33596,14 @@ type GridBaseListeners = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    beforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string
+    beforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void)|string
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    beforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    beforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -33608,7 +33624,7 @@ type GridBaseListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -33624,7 +33640,7 @@ type GridBaseListeners = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
+    beforePdfExport?: ((event: { config: PdfExportConfig }) => boolean|void)|string
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -33667,7 +33683,7 @@ type GridBaseListeners = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    beforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    beforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -33688,19 +33704,19 @@ type GridBaseListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    beforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string
+    beforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateApply?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    beforeStateApply?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateSave?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    beforeStateSave?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -33710,7 +33726,7 @@ type GridBaseListeners = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    beforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    beforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void)|string
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -33779,7 +33795,7 @@ type GridBaseListeners = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    cellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void)|string
+    cellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void)|string
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -33906,7 +33922,7 @@ type GridBaseListeners = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    columnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    columnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -34046,7 +34062,7 @@ type GridBaseListeners = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    fillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    fillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -34094,7 +34110,7 @@ type GridBaseListeners = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    gridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    gridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void)|string
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -34161,7 +34177,7 @@ type GridBaseListeners = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    headerClick?: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    headerClick?: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -34172,7 +34188,7 @@ type GridBaseListeners = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    headerMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string
+    headerMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -34383,7 +34399,7 @@ type GridBaseListeners = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    splitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -34408,7 +34424,7 @@ type GridBaseListeners = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    splitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -34605,6 +34621,8 @@ type GridBaseConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -34919,10 +34937,14 @@ type GridBaseConfig = {
     inputFieldAlign?: 'start'|'end'
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -35291,14 +35313,14 @@ type GridBaseConfig = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    onBeforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string
+    onBeforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    onBeforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void)|string
+    onBeforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-beforeCancelRowEdit)
@@ -35313,7 +35335,7 @@ type GridBaseConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => boolean|void)|string
     /**
      * 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.
@@ -35321,7 +35343,7 @@ type GridBaseConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    onBeforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void)|string
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -35329,7 +35351,7 @@ type GridBaseConfig = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => boolean|void)|string
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -35345,7 +35367,7 @@ type GridBaseConfig = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    onBeforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => boolean|void)|string
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -35356,7 +35378,7 @@ type GridBaseConfig = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    onBeforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -35365,7 +35387,7 @@ type GridBaseConfig = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    onBeforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -35389,14 +35411,14 @@ type GridBaseConfig = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    onBeforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void)|string
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    onBeforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    onBeforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -35417,7 +35439,7 @@ type GridBaseConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -35433,7 +35455,7 @@ type GridBaseConfig = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
+    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => boolean|void)|string
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -35476,7 +35498,7 @@ type GridBaseConfig = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    onBeforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -35497,19 +35519,19 @@ type GridBaseConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    onBeforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string
+    onBeforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateApply?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateSave?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -35519,7 +35541,7 @@ type GridBaseConfig = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    onBeforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void)|string
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -35588,7 +35610,7 @@ type GridBaseConfig = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    onCellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void)|string
+    onCellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void)|string
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -35715,7 +35737,7 @@ type GridBaseConfig = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    onColumnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    onColumnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -35855,7 +35877,7 @@ type GridBaseConfig = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    onFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    onFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -35903,7 +35925,7 @@ type GridBaseConfig = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    onGridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    onGridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void)|string
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -35970,7 +35992,7 @@ type GridBaseConfig = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    onHeaderClick?: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderClick?: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -35981,7 +36003,7 @@ type GridBaseConfig = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    onHeaderMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -36192,7 +36214,7 @@ type GridBaseConfig = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    onSplitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onSplitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -36217,7 +36239,7 @@ type GridBaseConfig = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    onSplitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onSplitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -36635,14 +36657,14 @@ export class GridBase extends Panel {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    onBeforeCSVExport: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string
+    onBeforeCSVExport: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    onBeforeCancelCellEdit: ((event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void)|string
+    onBeforeCancelCellEdit: ((event: { source: Grid, editorContext: GridLocation }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-beforeCancelRowEdit)
@@ -36657,7 +36679,7 @@ export class GridBase extends Panel {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    onBeforeCellEditStart: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellEditStart: ((event: { source: Grid, editorContext: CellEditorContext }) => boolean|void)|string
     /**
      * 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.
@@ -36665,7 +36687,7 @@ export class GridBase extends Panel {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    onBeforeCellRangeDelete: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellRangeDelete: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void)|string
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -36673,7 +36695,7 @@ export class GridBase extends Panel {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    onBeforeCellRangeEdit: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellRangeEdit: ((event: { record: Model, field: string, value: any }) => boolean|void)|string
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -36689,7 +36711,7 @@ export class GridBase extends Panel {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    onBeforeColumnDragStart: ((event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnDragStart: ((event: { source: Grid, column: Column, event: Event }) => boolean|void)|string
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -36700,7 +36722,7 @@ export class GridBase extends Panel {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    onBeforeColumnDropFinalize: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnDropFinalize: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -36709,7 +36731,7 @@ export class GridBase extends Panel {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    onBeforeColumnResize: ((event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnResize: ((event: { source: Grid, column: Column, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -36733,14 +36755,14 @@ export class GridBase extends Panel {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    onBeforeExcelExport: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeExcelExport: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void)|string
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    onBeforeFillHandleDragStart: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    onBeforeFillHandleDragStart: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -36771,7 +36793,7 @@ export class GridBase extends Panel {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    onBeforePdfExport: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
+    onBeforePdfExport: ((event: { config: PdfExportConfig }) => boolean|void)|string
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -36814,26 +36836,26 @@ export class GridBase extends Panel {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    onBeforeSelectionChange: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeSelectionChange: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fires on the owning Grid before editing starts, return `false` to prevent editing
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    onBeforeStartRowEdit: ((event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string
+    onBeforeStartRowEdit: ((event: { source: Grid, editorContext: RowEditorContext }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateApply: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateSave: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -36843,7 +36865,7 @@ export class GridBase extends Panel {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    onBeforeToggleGroup: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeToggleGroup: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void)|string
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -36912,7 +36934,7 @@ export class GridBase extends Panel {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    onCellMenuBeforeShow: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void)|string
+    onCellMenuBeforeShow: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void)|string
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -37033,7 +37055,7 @@ export class GridBase extends Panel {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    onColumnDrop: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    onColumnDrop: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -37137,7 +37159,7 @@ export class GridBase extends Panel {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    onFillHandleDragStart: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    onFillHandleDragStart: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -37161,7 +37183,7 @@ export class GridBase extends Panel {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    onGridRowBeforeDragStart: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    onGridRowBeforeDragStart: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void)|string
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -37228,7 +37250,7 @@ export class GridBase extends Panel {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    onHeaderClick: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderClick: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -37239,7 +37261,7 @@ export class GridBase extends Panel {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    onHeaderMenuBeforeShow: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderMenuBeforeShow: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -37408,7 +37430,7 @@ export class GridBase extends Panel {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    onSplitterCollapseClick: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onSplitterCollapseClick: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -37433,7 +37455,7 @@ export class GridBase extends Panel {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    onSplitterExpandClick: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onSplitterExpandClick: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -38085,7 +38107,7 @@ type SubGridListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -38215,7 +38237,7 @@ type SubGridListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -38704,7 +38726,7 @@ type SubGridConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -38938,14 +38960,14 @@ type TreeGridListenersTypes = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    beforeCSVExport: (event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void
+    beforeCSVExport: (event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    beforeCancelCellEdit: (event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void
+    beforeCancelCellEdit: (event: { source: Grid, editorContext: GridLocation }) => boolean|void
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#event-beforeCancelRowEdit)
@@ -38960,7 +38982,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
+    beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => boolean|void
     /**
      * 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.
@@ -38968,7 +38990,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    beforeCellRangeDelete: (event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void
+    beforeCellRangeDelete: (event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -38976,7 +38998,7 @@ type TreeGridListenersTypes = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void
+    beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => boolean|void
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -38992,7 +39014,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    beforeColumnDragStart: (event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void
+    beforeColumnDragStart: (event: { source: Grid, column: Column, event: Event }) => boolean|void
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -39003,7 +39025,7 @@ type TreeGridListenersTypes = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    beforeColumnDropFinalize: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void
+    beforeColumnDropFinalize: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -39012,7 +39034,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    beforeColumnResize: (event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void
+    beforeColumnResize: (event: { source: Grid, column: Column, domEvent: Event }) => boolean|void
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -39036,14 +39058,14 @@ type TreeGridListenersTypes = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    beforeExcelExport: (event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void
+    beforeExcelExport: (event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    beforeFillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void
+    beforeFillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -39064,7 +39086,7 @@ type TreeGridListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -39080,7 +39102,7 @@ type TreeGridListenersTypes = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport: (event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void
+    beforePdfExport: (event: { config: PdfExportConfig }) => boolean|void
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -39123,7 +39145,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    beforeSelectionChange: (event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void
+    beforeSelectionChange: (event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -39144,19 +39166,19 @@ type TreeGridListenersTypes = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    beforeStartRowEdit: (event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void
+    beforeStartRowEdit: (event: { source: Grid, editorContext: RowEditorContext }) => boolean|void
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateApply: (event: { state: GridStateInfo }) => Promise<boolean>|boolean|void
+    beforeStateApply: (event: { state: GridStateInfo }) => boolean|void
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateSave: (event: { state: GridStateInfo }) => Promise<boolean>|boolean|void
+    beforeStateSave: (event: { state: GridStateInfo }) => boolean|void
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -39166,7 +39188,7 @@ type TreeGridListenersTypes = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    beforeToggleGroup: (event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void
+    beforeToggleGroup: (event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -39235,7 +39257,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    cellMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void
+    cellMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -39362,7 +39384,7 @@ type TreeGridListenersTypes = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    columnDrop: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void
+    columnDrop: (event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -39502,7 +39524,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    fillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void
+    fillHandleDragStart: (event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -39550,7 +39572,7 @@ type TreeGridListenersTypes = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    gridRowBeforeDragStart: (event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void
+    gridRowBeforeDragStart: (event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -39617,7 +39639,7 @@ type TreeGridListenersTypes = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    headerClick: (event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void
+    headerClick: (event: { domEvent: Event, column: Column }) => boolean|void
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -39628,7 +39650,7 @@ type TreeGridListenersTypes = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    headerMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void
+    headerMenuBeforeShow: (event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -39839,7 +39861,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterCollapseClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void
+    splitterCollapseClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -39864,7 +39886,7 @@ type TreeGridListenersTypes = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterExpandClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void
+    splitterExpandClick: (event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -39953,14 +39975,14 @@ type TreeGridListeners = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    beforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string
+    beforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    beforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void)|string
+    beforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#event-beforeCancelRowEdit)
@@ -39975,7 +39997,7 @@ type TreeGridListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
+    beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => boolean|void)|string
     /**
      * 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.
@@ -39983,7 +40005,7 @@ type TreeGridListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    beforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void)|string
+    beforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void)|string
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -39991,7 +40013,7 @@ type TreeGridListeners = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => boolean|void)|string
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -40007,7 +40029,7 @@ type TreeGridListeners = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    beforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void)|string
+    beforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => boolean|void)|string
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -40018,7 +40040,7 @@ type TreeGridListeners = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    beforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    beforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -40027,7 +40049,7 @@ type TreeGridListeners = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    beforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    beforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -40051,14 +40073,14 @@ type TreeGridListeners = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    beforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string
+    beforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void)|string
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    beforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    beforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -40079,7 +40101,7 @@ type TreeGridListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -40095,7 +40117,7 @@ type TreeGridListeners = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
+    beforePdfExport?: ((event: { config: PdfExportConfig }) => boolean|void)|string
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -40138,7 +40160,7 @@ type TreeGridListeners = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    beforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    beforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -40159,19 +40181,19 @@ type TreeGridListeners = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    beforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string
+    beforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateApply?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    beforeStateApply?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    beforeStateSave?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    beforeStateSave?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -40181,7 +40203,7 @@ type TreeGridListeners = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    beforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    beforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void)|string
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -40250,7 +40272,7 @@ type TreeGridListeners = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    cellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void)|string
+    cellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void)|string
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -40377,7 +40399,7 @@ type TreeGridListeners = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    columnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    columnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -40517,7 +40539,7 @@ type TreeGridListeners = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    fillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    fillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -40565,7 +40587,7 @@ type TreeGridListeners = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    gridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    gridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void)|string
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -40632,7 +40654,7 @@ type TreeGridListeners = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    headerClick?: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    headerClick?: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -40643,7 +40665,7 @@ type TreeGridListeners = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    headerMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string
+    headerMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -40854,7 +40876,7 @@ type TreeGridListeners = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    splitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -40879,7 +40901,7 @@ type TreeGridListeners = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    splitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    splitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -41077,6 +41099,8 @@ type TreeGridConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -41391,10 +41415,14 @@ type TreeGridConfig = {
     inputFieldAlign?: 'start'|'end'
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -41763,14 +41791,14 @@ type TreeGridConfig = {
      * @param {string} event.lineDelimiter The CSV delimiter to separate lines
      * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
      */
-    onBeforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string
+    onBeforeCSVExport?: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {Grid.util.GridLocation} event.editorContext Editing context
      */
-    onBeforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void)|string
+    onBeforeCancelCellEdit?: ((event: { source: Grid, editorContext: GridLocation }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#event-beforeCancelRowEdit)
@@ -41785,7 +41813,7 @@ type TreeGridConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {CellEditorContext} event.editorContext Editing context
      */
-    onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => boolean|void)|string
     /**
      * 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.
@@ -41793,7 +41821,7 @@ type TreeGridConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
      */
-    onBeforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellRangeDelete?: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => boolean|void)|string
     /**
      * Fires for each selected record on the owning Grid before editing a range of selected cell values
      * @param {object} event Event object
@@ -41801,7 +41829,7 @@ type TreeGridConfig = {
      * @param {string} event.field The field being changed
      * @param {any} event.value The value being set
      */
-    onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => boolean|void)|string
     /**
      * This event is triggered before a parent column is collapsed or expanded.
      * @param {object} event Event object
@@ -41817,7 +41845,7 @@ type TreeGridConfig = {
      * @param {Grid.column.Column} event.column The dragged column.
      * @param {Event} event.event The browser event.
      */
-    onBeforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnDragStart?: ((event: { source: Grid, column: Column, event: Event }) => boolean|void)|string
     /**
      * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
      * @param {object} event Event object
@@ -41828,7 +41856,7 @@ type TreeGridConfig = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    onBeforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnDropFinalize?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
      * `false`.
@@ -41837,7 +41865,7 @@ type TreeGridConfig = {
      * @param {Grid.column.Column} event.column The column
      * @param {Event} event.domEvent The browser event
      */
-    onBeforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeColumnResize?: ((event: { source: Grid, column: Column, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -41861,14 +41889,14 @@ type TreeGridConfig = {
      * @param {XLSColumn[]} event.columns An array of columns to export
      * @param {any[][]} event.rows An array of records to export
      */
-    onBeforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeExcelExport?: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => boolean|void)|string
     /**
      * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
      * @param {object} event Event object
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    onBeforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    onBeforeFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
      * @param {object} event Event object
@@ -41889,7 +41917,7 @@ type TreeGridConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
      * @param {object} event Event object
@@ -41905,7 +41933,7 @@ type TreeGridConfig = {
      * @param {object} event Event object
      * @param {PdfExportConfig} event.config Export config
      */
-    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
+    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => boolean|void)|string
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
@@ -41948,7 +41976,7 @@ type TreeGridConfig = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    onBeforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -41969,19 +41997,19 @@ type TreeGridConfig = {
      * @param {Grid.view.Grid} event.source Owner grid
      * @param {RowEditorContext} event.editorContext Editing context
      */
-    onBeforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string
+    onBeforeStartRowEdit?: ((event: { source: Grid, editorContext: RowEditorContext }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateApply?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateSave?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired when a group is going to be expanded or collapsed using the UI.
      * Returning `false` from a listener prevents the operation
@@ -41991,7 +42019,7 @@ type TreeGridConfig = {
      * @param {boolean} event.collapse Collapsed (true) or expanded (false)
      * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
      */
-    onBeforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeToggleGroup?: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => boolean|void)|string
     /**
      * Fired before a parent node record toggles its collapsed state.
      * @param {object} event Event object
@@ -42060,7 +42088,7 @@ type TreeGridConfig = {
      * @param {Grid.column.Column} event.column Column
      * @param {Core.data.Model} event.record Record
      */
-    onCellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void)|string
+    onCellMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => boolean|void)|string
     /**
      * This event fires on the owning grid when an item is selected in the cell context menu.
      * @param {object} event Event object
@@ -42187,7 +42215,7 @@ type TreeGridConfig = {
      * @param {Event} event.event The browser event.
      * @param {string} event.region The region where the column was dropped.
      */
-    onColumnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void)|string
+    onColumnDrop?: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => boolean|void)|string
     /**
      * This event is fired after a resize gesture is completed.
      * @param {object} event Event object
@@ -42327,7 +42355,7 @@ type TreeGridConfig = {
      * @param {Grid.util.GridLocation} event.cell Information about the column / record
      * @param {MouseEvent} event.domEvent The raw DOM event
      */
-    onFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    onFillHandleDragStart?: ((event: { cell: GridLocation, domEvent: MouseEvent }) => boolean|void)|string
     /**
      * Fires on the owning Grid when cell editing is finished
      * @param {object} event Event object
@@ -42375,7 +42403,7 @@ type TreeGridConfig = {
      * @param {Core.data.Model[]} event.context.records The dragged row records
      * @param {MouseEvent,TouchEvent} event.event
      */
-    onGridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    onGridRowBeforeDragStart?: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => boolean|void)|string
     /**
      * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
      * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
@@ -42442,7 +42470,7 @@ type TreeGridConfig = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    onHeaderClick?: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderClick?: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid before the context menu is shown for a header.
      * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
@@ -42453,7 +42481,7 @@ type TreeGridConfig = {
      * @param {Record<string, MenuItemEntry>} event.items Menu item configs
      * @param {Grid.column.Column} event.column Column
      */
-    onHeaderMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderMenuBeforeShow?: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => boolean|void)|string
     /**
      * This event fires on the owning Grid when an item is selected in the header context menu.
      * @param {object} event Event object
@@ -42664,7 +42692,7 @@ type TreeGridConfig = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    onSplitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onSplitterCollapseClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fired by the Grid after a sub-grid has been resized using the splitter
      * @param {object} event Event object
@@ -42689,7 +42717,7 @@ type TreeGridConfig = {
      * @param {Grid.view.SubGrid} event.subGrid The subgrid
      * @param {Event} event.domEvent The native DOM event
      */
-    onSplitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string
+    onSplitterExpandClick?: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => boolean|void)|string
     /**
      * Fires on the owning Grid when editing starts
      * @param {object} event Event object
@@ -42799,19 +42827,19 @@ export class TreeGrid extends Grid {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    onBeforeSelectionChange: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeSelectionChange: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateApply: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateSave: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fires when any other event is fired from the object.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#event-catchAll)
@@ -42917,7 +42945,7 @@ export class TreeGrid extends Grid {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    onHeaderClick: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderClick: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * Mouse moved out from element in grid
      * @param {object} event Event object
@@ -43031,7 +43059,7 @@ type ExportDialogListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -43051,13 +43079,13 @@ type ExportDialogListenersTypes = {
      * @param {object} event Event object
      * @param {any} event.state State object config
      */
-    beforeStateApply: (event: { state: any }) => Promise<boolean>|boolean|void
+    beforeStateApply: (event: { state: any }) => boolean|void
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {any} event.state State object config
      */
-    beforeStateSave: (event: { state: any }) => Promise<boolean>|boolean|void
+    beforeStateSave: (event: { state: any }) => boolean|void
     /**
      * Fires when cancel button is clicked. Popup will hide itself.
      */
@@ -43208,7 +43236,7 @@ type ExportDialogListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -43228,13 +43256,13 @@ type ExportDialogListeners = {
      * @param {object} event Event object
      * @param {any} event.state State object config
      */
-    beforeStateApply?: ((event: { state: any }) => Promise<boolean>|boolean|void)|string
+    beforeStateApply?: ((event: { state: any }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {any} event.state State object config
      */
-    beforeStateSave?: ((event: { state: any }) => Promise<boolean>|boolean|void)|string
+    beforeStateSave?: ((event: { state: any }) => boolean|void)|string
     /**
      * Fires when cancel button is clicked. Popup will hide itself.
      */
@@ -43388,6 +43416,8 @@ type ExportDialogConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/export/ExportDialog#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -43689,10 +43719,14 @@ type ExportDialogConfig = {
     inputFieldAlign?: 'start'|'end'
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/export/ExportDialog#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/export/ExportDialog#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -44100,7 +44134,7 @@ type ExportDialogConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -44120,13 +44154,13 @@ type ExportDialogConfig = {
      * @param {object} event Event object
      * @param {any} event.state State object config
      */
-    onBeforeStateApply?: ((event: { state: any }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply?: ((event: { state: any }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {any} event.state State object config
      */
-    onBeforeStateSave?: ((event: { state: any }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave?: ((event: { state: any }) => boolean|void)|string
     /**
      * Fires when cancel button is clicked. Popup will hide itself.
      */
@@ -44285,13 +44319,13 @@ export class ExportDialog extends Popup {
      * @param {object} event Event object
      * @param {any} event.state State object config
      */
-    onBeforeStateApply: ((event: { state: any }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply: ((event: { state: any }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {any} event.state State object config
      */
-    onBeforeStateSave: ((event: { state: any }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave: ((event: { state: any }) => boolean|void)|string
     /**
      * Fires when cancel button is clicked. Popup will hide itself.
      */
@@ -44422,7 +44456,7 @@ type GridElementEventsClassConfig = {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    onHeaderClick?: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderClick?: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * Mouse moved out from element in grid
      * @param {object} event Event object
@@ -44560,7 +44594,7 @@ export class GridElementEventsClass {
      * @param {Event} event.domEvent The triggering DOM event.
      * @param {Grid.column.Column} event.column The column clicked on.
      */
-    onHeaderClick: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string
+    onHeaderClick: ((event: { domEvent: Event, column: Column }) => boolean|void)|string
     /**
      * Mouse moved out from element in grid
      * @param {object} event Event object
@@ -44716,7 +44750,7 @@ type GridSelectionClassConfig = {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    onBeforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeSelectionChange?: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fires while drag selecting. UI will update with current range, but the cells will not be selected until
      * mouse up. This event can be listened for to perform actions while drag selecting.
@@ -44802,7 +44836,7 @@ export class GridSelectionClass {
      * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
      * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
      */
-    onBeforeSelectionChange: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string
+    onBeforeSelectionChange: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => boolean|void)|string
     /**
      * Fires while drag selecting. UI will update with current range, but the cells will not be selected until
      * mouse up. This event can be listened for to perform actions while drag selecting.
@@ -44960,13 +44994,13 @@ type GridStateClassConfig = {
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateApply?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply?: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateSave?: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave?: ((event: { state: GridStateInfo }) => boolean|void)|string
 }
 
 export class GridStateClass {
@@ -44993,13 +45027,13 @@ export class GridStateClass {
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateApply: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateApply: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
      * @param {object} event Event object
      * @param {GridStateInfo} event.state State object config
      */
-    onBeforeStateSave: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string
+    onBeforeStateSave: ((event: { state: GridStateInfo }) => boolean|void)|string
     /**
      * Creates an instance of the class using the supplied configuration
      * @param {GridStateClassConfig} [config]
@@ -45066,7 +45100,7 @@ type AIFilterFieldListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -45228,7 +45262,7 @@ type AIFilterFieldListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -45387,6 +45421,8 @@ type AIFilterFieldConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -45436,6 +45472,15 @@ type AIFilterFieldConfig = {
      * Set to `true` to centre the Widget in browser viewport space.
      */
     centered?: boolean
+    /**
+     * A function (or the name of a function in the ownership hierarchy) called during field validation
+     * to perform custom validity checks. The function is called as part of the [isValid](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-isValid)
+     * evaluation, after the built-in [required](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-required) check.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-checkValidity)
+     * @param {Core.widget.Field} field The field being validated
+     * @returns {void}
+     */
+    checkValidity?: ((field: Field) => void)|string
     /**
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which
@@ -45642,10 +45687,14 @@ type AIFilterFieldConfig = {
     inputWidth?: string|number
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -45990,7 +46039,7 @@ type AIFilterFieldConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -46187,7 +46236,7 @@ type ChecklistFilterComboListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -46355,7 +46404,7 @@ type ChecklistFilterComboListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -46524,6 +46573,8 @@ type ChecklistFilterComboConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -46586,6 +46637,15 @@ type ChecklistFilterComboConfig = {
      * Set to `true` to centre the Widget in browser viewport space.
      */
     centered?: boolean
+    /**
+     * A function (or the name of a function in the ownership hierarchy) called during field validation
+     * to perform custom validity checks. The function is called as part of the [isValid](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-isValid)
+     * evaluation, after the built-in [required](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-required) check.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-checkValidity)
+     * @param {Core.widget.Field} field The field being validated
+     * @returns {void}
+     */
+    checkValidity?: ((field: Field) => void)|string
     /**
      * A config object to configure the [ChipView](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView) to display the
      * selected value set when [multiSelect](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-multiSelect) is `true`.
@@ -46877,10 +46937,14 @@ type ChecklistFilterComboConfig = {
     inputWidth?: string|number
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -47309,7 +47373,7 @@ type ChecklistFilterComboConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -47518,7 +47582,7 @@ type GridChartDesignerListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -47632,7 +47696,7 @@ type GridChartDesignerListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -47757,6 +47821,8 @@ type GridChartDesignerConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -47932,10 +47998,14 @@ type GridChartDesignerConfig = {
     ignoreParentReadOnly?: boolean
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -48174,7 +48244,7 @@ type GridChartDesignerConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -48326,7 +48396,7 @@ type GridFieldFilterPickerListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -48463,7 +48533,7 @@ type GridFieldFilterPickerListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -48618,6 +48688,8 @@ type GridFieldFilterPickerConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -48852,10 +48924,14 @@ type GridFieldFilterPickerConfig = {
     inputFieldAlign?: 'start'|'end'
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -49190,7 +49266,7 @@ type GridFieldFilterPickerConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -49362,7 +49438,7 @@ type GridFieldFilterPickerGroupListenersTypes = {
      * @param {Core.widget.FieldFilterPicker} event.source The FieldFilterPicker instance that fired the event.
      * @param {CollectionFilterConfig} event.filter The [CollectionFilter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) configuration object for the filter represented by this [FieldFilterPicker](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker).
      */
-    beforeAddFilter: (event: { source: FieldFilterPicker, filter: CollectionFilterConfig }) => Promise<boolean>|boolean|void
+    beforeAddFilter: (event: { source: FieldFilterPicker, filter: CollectionFilterConfig }) => boolean|void
     /**
      * Fires before an object is destroyed.
      * @param {object} event Event object
@@ -49374,7 +49450,7 @@ type GridFieldFilterPickerGroupListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -49507,7 +49583,7 @@ type GridFieldFilterPickerGroupListeners = {
      * @param {Core.widget.FieldFilterPicker} event.source The FieldFilterPicker instance that fired the event.
      * @param {CollectionFilterConfig} event.filter The [CollectionFilter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) configuration object for the filter represented by this [FieldFilterPicker](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker).
      */
-    beforeAddFilter?: ((event: { source: FieldFilterPicker, filter: CollectionFilterConfig }) => Promise<boolean>|boolean|void)|string
+    beforeAddFilter?: ((event: { source: FieldFilterPicker, filter: CollectionFilterConfig }) => boolean|void)|string
     /**
      * Fires before an object is destroyed.
      * @param {object} event Event object
@@ -49519,7 +49595,7 @@ type GridFieldFilterPickerGroupListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -49677,6 +49753,8 @@ type GridFieldFilterPickerGroupConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -49923,10 +50001,14 @@ type GridFieldFilterPickerGroupConfig = {
     inputFieldAlign?: 'start'|'end'
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -50248,7 +50330,7 @@ type GridFieldFilterPickerGroupConfig = {
      * @param {Core.widget.FieldFilterPicker} event.source The FieldFilterPicker instance that fired the event.
      * @param {CollectionFilterConfig} event.filter The [CollectionFilter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) configuration object for the filter represented by this [FieldFilterPicker](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker).
      */
-    onBeforeAddFilter?: ((event: { source: FieldFilterPicker, filter: CollectionFilterConfig }) => Promise<boolean>|boolean|void)|string
+    onBeforeAddFilter?: ((event: { source: FieldFilterPicker, filter: CollectionFilterConfig }) => boolean|void)|string
     /**
      * Fires before an object is destroyed.
      * @param {object} event Event object
@@ -50260,7 +50342,7 @@ type GridFieldFilterPickerGroupConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Fired before this container will load record values into its child fields. This is useful if you
      * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
@@ -50436,7 +50518,7 @@ type GroupBarListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * User going to activate an item in the list either by pointer or keyboard.
      * The active record, list item index, and the triggering event are passed.
@@ -50448,7 +50530,7 @@ type GroupBarListenersTypes = {
      * @param {number} event.index List item index
      * @param {Event} event.event Triggering event
      */
-    beforeItem: (event: { source: List, item: HTMLElement, record: Model, index: number, event: Event }) => Promise<boolean>|boolean|void
+    beforeItem: (event: { source: List, item: HTMLElement, record: Model, index: number, event: Event }) => boolean|void
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -50594,7 +50676,7 @@ type GroupBarListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * User going to activate an item in the list either by pointer or keyboard.
      * The active record, list item index, and the triggering event are passed.
@@ -50606,7 +50688,7 @@ type GroupBarListeners = {
      * @param {number} event.index List item index
      * @param {Event} event.event Triggering event
      */
-    beforeItem?: ((event: { source: List, item: HTMLElement, record: Model, index: number, event: Event }) => Promise<boolean>|boolean|void)|string
+    beforeItem?: ((event: { source: List, item: HTMLElement, record: Model, index: number, event: Event }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -50773,6 +50855,8 @@ type GroupBarConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -50822,9 +50906,11 @@ type GroupBarConfig = {
     /**
      * If [closable](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView#config-closable) is `true`, this is the name of a callback function to handle what the "close"
      * action means. If not provided, the record representing the chip is removed from the store.
+     * @param {Core.data.Model[]} records Records to be closed
+     * @param {object} options Close options
      * @returns {void}
      */
-    closeHandler?: string|(() => void)
+    closeHandler?: string|((records: Model[], options: object) => void)
     /**
      * Custom CSS classes to add to element.
      * May be specified as a space separated string, or as an object in which property names
@@ -50999,10 +51085,14 @@ type GroupBarConfig = {
     ignoreParentReadOnly?: boolean
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -51293,7 +51383,7 @@ type GroupBarConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * User going to activate an item in the list either by pointer or keyboard.
      * The active record, list item index, and the triggering event are passed.
@@ -51305,7 +51395,7 @@ type GroupBarConfig = {
      * @param {number} event.index List item index
      * @param {Event} event.event Triggering event
      */
-    onBeforeItem?: ((event: { source: List, item: HTMLElement, record: Model, index: number, event: Event }) => Promise<boolean>|boolean|void)|string
+    onBeforeItem?: ((event: { source: List, item: HTMLElement, record: Model, index: number, event: Event }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -51495,7 +51585,7 @@ type TreeComboListenersTypes = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide: (event: { source: Widget }) => Promise<boolean>|boolean|void
+    beforeHide: (event: { source: Widget }) => boolean|void
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -51663,7 +51753,7 @@ type TreeComboListeners = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    beforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    beforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object
@@ -51832,6 +51922,8 @@ type TreeComboConfig = {
     /**
      * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
      * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-appendTo)
      */
     appendTo?: HTMLElement|string
     /**
@@ -51894,6 +51986,15 @@ type TreeComboConfig = {
      * Set to `true` to centre the Widget in browser viewport space.
      */
     centered?: boolean
+    /**
+     * A function (or the name of a function in the ownership hierarchy) called during field validation
+     * to perform custom validity checks. The function is called as part of the [isValid](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-isValid)
+     * evaluation, after the built-in [required](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-required) check.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-checkValidity)
+     * @param {Core.widget.Field} field The field being validated
+     * @returns {void}
+     */
+    checkValidity?: ((field: Field) => void)|string
     /**
      * A config object to configure the [ChipView](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView) to display the
      * selected value set when [multiSelect](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-multiSelect) is `true`.
@@ -52185,10 +52286,14 @@ type TreeComboConfig = {
     inputWidth?: string|number
     /**
      * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-insertBefore)
      */
     insertBefore?: HTMLElement|string
     /**
      * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     * <div class="note">When creating nested trees of widgets, this should only be used on the outermost widget.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-insertFirst)
      */
     insertFirst?: HTMLElement|string
     /**
@@ -52608,7 +52713,7 @@ type TreeComboConfig = {
      * @param {object} event Event object
      * @param {Core.widget.Widget} event.source The widget being hidden.
      */
-    onBeforeHide?: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
+    onBeforeHide?: ((event: { source: Widget }) => boolean|void)|string
     /**
      * Triggered before a widget is shown. Return `false` to prevent the action.
      * @param {object} event Event object