@bryntum/grid-thin-trial 7.1.2 → 7.1.3

package/grid.d.ts

@@ -6892,8 +6892,8 @@ type DateColumnConfig = {
      */
     remoteChildCount?: number
     /**
-     * Renderer function, used to style the date displayed in the cell. Can also affect other aspects of
-     * the cell, such as styling.
+     * Renderer function, used to style the date displayed in the cell. Can also affect other aspects of the cell,
+     * such as styling.
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/DateColumn#config-renderer)
      * @param {object} renderData Object containing renderer parameters
@@ -7054,9 +7054,9 @@ type DateColumnConfig = {
 }
 
 /**
- * A column that displays a date in the specified [format](https://bryntum.com/products/grid/docs/api/Grid/column/DateColumn#config-format). By default `L` format is used, which
- * contains the following info: full year, 2-digit month, and 2-digit day. Depending on the browser locale,
- * the formatted date might look different. [Intl.DateTimeFormat API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat)
+ * A column that displays a date in the specified [format](https://bryntum.com/products/grid/docs/api/Grid/column/DateColumn#config-format). By default `L` format is used, which contains
+ * the following info: full year, 2-digit month, and 2-digit day. Depending on the browser locale, the formatted date
+ * might look different. [Intl.DateTimeFormat API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat)
  * is used to format the date. Here is an example of possible outputs depending on the browser locale:
  * ...
  * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/DateColumn)
@@ -7090,8 +7090,8 @@ export class DateColumn extends Column {
      */
     min: string|Date
     /**
-     * Renderer function, used to style the date displayed in the cell. Can also affect other aspects of
-     * the cell, such as styling.
+     * Renderer function, used to style the date displayed in the cell. Can also affect other aspects of the cell,
+     * such as styling.
      */
     renderer: (renderData: { cellElement: HTMLElement, value: Date|null|undefined, record: Model, column: Column, grid: Grid, row: Row, size: { height: number, configuredHeight: number }, isExport: boolean, isMeasuring: boolean }) => string|DomConfig|DomConfig[]|void
     /**
@@ -29212,6 +29212,14 @@ type GridListenersTypes = {
      * @param {any} event.value The value being set
      */
     beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    beforeColumnCollapseToggle: (event: { source: GridBase, column: Column, collapsed: boolean }) => void
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -29312,18 +29320,18 @@ type GridListenersTypes = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    beforeRenderRow: (event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void
+    beforeRenderRow: (event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    beforeRenderRows: (event: { source: Grid }) => void
+    beforeRenderRows: (event: { source: GridBase }) => void
     /**
      * This event fires before row collapse is started.
      * ...
@@ -29554,6 +29562,14 @@ type GridListenersTypes = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     collapseNode: (event: { source: Grid, record: Model }) => void
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    columnCollapseToggle: (event: { source: GridBase, column: Column, collapsed: boolean }) => void
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -29635,14 +29651,14 @@ type GridListenersTypes = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    dataChange: (event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void
+    dataChange: (event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -29950,18 +29966,18 @@ type GridListenersTypes = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    renderRow: (event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void
+    renderRow: (event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    renderRows: (event: { source: Grid }) => void
+    renderRows: (event: { source: GridBase }) => void
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -30021,10 +30037,10 @@ type GridListenersTypes = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    scroll: (event: { source: Grid, scrollTop: number }) => void
+    scroll: (event: { source: GridBase, scrollTop: number }) => void
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -30112,17 +30128,17 @@ type GridListenersTypes = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridCollapse: (event: { source: Grid, subGrid: SubGrid }) => void
+    subGridCollapse: (event: { source: GridBase, subGrid: SubGrid }) => void
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridExpand: (event: { source: Grid, subGrid: SubGrid }) => void
+    subGridExpand: (event: { source: GridBase, subGrid: SubGrid }) => void
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -30215,6 +30231,14 @@ type GridListeners = {
      * @param {any} event.value The value being set
      */
     beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    beforeColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -30315,18 +30339,18 @@ type GridListeners = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    beforeRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    beforeRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    beforeRenderRows?: ((event: { source: Grid }) => void)|string
+    beforeRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * This event fires before row collapse is started.
      * ...
@@ -30557,6 +30581,14 @@ type GridListeners = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     collapseNode?: ((event: { source: Grid, record: Model }) => void)|string
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    columnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -30638,14 +30670,14 @@ type GridListeners = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    dataChange?: ((event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
+    dataChange?: ((event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -30953,18 +30985,18 @@ type GridListeners = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    renderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    renderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    renderRows?: ((event: { source: Grid }) => void)|string
+    renderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -31024,10 +31056,10 @@ type GridListeners = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    scroll?: ((event: { source: Grid, scrollTop: number }) => void)|string
+    scroll?: ((event: { source: GridBase, scrollTop: number }) => void)|string
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -31115,17 +31147,17 @@ type GridListeners = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridCollapse?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    subGridCollapse?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridExpand?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    subGridExpand?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -32053,6 +32085,14 @@ type GridConfig = {
      * @param {any} event.value The value being set
      */
     onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    onBeforeColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -32153,18 +32193,18 @@ type GridConfig = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    onBeforeRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    onBeforeRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    onBeforeRenderRows?: ((event: { source: Grid }) => void)|string
+    onBeforeRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * This event fires before row collapse is started.
      * ...
@@ -32395,6 +32435,14 @@ type GridConfig = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     onCollapseNode?: ((event: { source: Grid, record: Model }) => void)|string
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    onColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -32476,14 +32524,14 @@ type GridConfig = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    onDataChange?: ((event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
+    onDataChange?: ((event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -32791,18 +32839,18 @@ type GridConfig = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    onRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    onRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    onRenderRows?: ((event: { source: Grid }) => void)|string
+    onRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -32862,10 +32910,10 @@ type GridConfig = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    onScroll?: ((event: { source: Grid, scrollTop: number }) => void)|string
+    onScroll?: ((event: { source: GridBase, scrollTop: number }) => void)|string
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -32953,17 +33001,17 @@ type GridConfig = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    onSubGridCollapse?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    onSubGridCollapse?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    onSubGridExpand?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    onSubGridExpand?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -33275,6 +33323,14 @@ type GridBaseListenersTypes = {
      * @param {any} event.value The value being set
      */
     beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    beforeColumnCollapseToggle: (event: { source: GridBase, column: Column, collapsed: boolean }) => void
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -33375,18 +33431,18 @@ type GridBaseListenersTypes = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    beforeRenderRow: (event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void
+    beforeRenderRow: (event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    beforeRenderRows: (event: { source: Grid }) => void
+    beforeRenderRows: (event: { source: GridBase }) => void
     /**
      * This event fires before row collapse is started.
      * ...
@@ -33617,6 +33673,14 @@ type GridBaseListenersTypes = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     collapseNode: (event: { source: Grid, record: Model }) => void
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    columnCollapseToggle: (event: { source: GridBase, column: Column, collapsed: boolean }) => void
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -33698,14 +33762,14 @@ type GridBaseListenersTypes = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    dataChange: (event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void
+    dataChange: (event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -34013,18 +34077,18 @@ type GridBaseListenersTypes = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    renderRow: (event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void
+    renderRow: (event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    renderRows: (event: { source: Grid }) => void
+    renderRows: (event: { source: GridBase }) => void
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -34084,10 +34148,10 @@ type GridBaseListenersTypes = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    scroll: (event: { source: Grid, scrollTop: number }) => void
+    scroll: (event: { source: GridBase, scrollTop: number }) => void
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -34175,17 +34239,17 @@ type GridBaseListenersTypes = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridCollapse: (event: { source: Grid, subGrid: SubGrid }) => void
+    subGridCollapse: (event: { source: GridBase, subGrid: SubGrid }) => void
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridExpand: (event: { source: Grid, subGrid: SubGrid }) => void
+    subGridExpand: (event: { source: GridBase, subGrid: SubGrid }) => void
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -34278,6 +34342,14 @@ type GridBaseListeners = {
      * @param {any} event.value The value being set
      */
     beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    beforeColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -34378,18 +34450,18 @@ type GridBaseListeners = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    beforeRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    beforeRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    beforeRenderRows?: ((event: { source: Grid }) => void)|string
+    beforeRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * This event fires before row collapse is started.
      * ...
@@ -34620,6 +34692,14 @@ type GridBaseListeners = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     collapseNode?: ((event: { source: Grid, record: Model }) => void)|string
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    columnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -34701,14 +34781,14 @@ type GridBaseListeners = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    dataChange?: ((event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
+    dataChange?: ((event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -35016,18 +35096,18 @@ type GridBaseListeners = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    renderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    renderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    renderRows?: ((event: { source: Grid }) => void)|string
+    renderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -35087,10 +35167,10 @@ type GridBaseListeners = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    scroll?: ((event: { source: Grid, scrollTop: number }) => void)|string
+    scroll?: ((event: { source: GridBase, scrollTop: number }) => void)|string
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -35178,17 +35258,17 @@ type GridBaseListeners = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridCollapse?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    subGridCollapse?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridExpand?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    subGridExpand?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -36115,6 +36195,14 @@ type GridBaseConfig = {
      * @param {any} event.value The value being set
      */
     onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    onBeforeColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -36215,18 +36303,18 @@ type GridBaseConfig = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    onBeforeRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    onBeforeRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    onBeforeRenderRows?: ((event: { source: Grid }) => void)|string
+    onBeforeRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * This event fires before row collapse is started.
      * ...
@@ -36457,6 +36545,14 @@ type GridBaseConfig = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     onCollapseNode?: ((event: { source: Grid, record: Model }) => void)|string
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    onColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -36538,14 +36634,14 @@ type GridBaseConfig = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    onDataChange?: ((event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
+    onDataChange?: ((event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -36853,18 +36949,18 @@ type GridBaseConfig = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    onRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    onRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    onRenderRows?: ((event: { source: Grid }) => void)|string
+    onRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -36924,10 +37020,10 @@ type GridBaseConfig = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    onScroll?: ((event: { source: Grid, scrollTop: number }) => void)|string
+    onScroll?: ((event: { source: GridBase, scrollTop: number }) => void)|string
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -37015,17 +37111,17 @@ type GridBaseConfig = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    onSubGridCollapse?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    onSubGridCollapse?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    onSubGridExpand?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    onSubGridExpand?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -37447,6 +37543,14 @@ export class GridBase extends Panel {
      * @param {any} event.value The value being set
      */
     onBeforeCellRangeEdit: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    onBeforeColumnCollapseToggle: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -37541,18 +37645,18 @@ export class GridBase extends Panel {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    onBeforeRenderRow: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    onBeforeRenderRow: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    onBeforeRenderRows: ((event: { source: Grid }) => void)|string
+    onBeforeRenderRows: ((event: { source: GridBase }) => void)|string
     /**
      * This event fires before row collapse is started.
      * ...
@@ -37763,6 +37867,14 @@ export class GridBase extends Panel {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     onCollapseNode: ((event: { source: Grid, record: Model }) => void)|string
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    onColumnCollapseToggle: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -37827,14 +37939,14 @@ export class GridBase extends Panel {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    onDataChange: ((event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
+    onDataChange: ((event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -38072,18 +38184,18 @@ export class GridBase extends Panel {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    onRenderRow: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    onRenderRow: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    onRenderRows: ((event: { source: Grid }) => void)|string
+    onRenderRows: ((event: { source: GridBase }) => void)|string
     /**
      * Grid resize lead to a new responsive level being applied
      * @param {object} event Event object
@@ -38133,10 +38245,10 @@ export class GridBase extends Panel {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    onScroll: ((event: { source: Grid, scrollTop: number }) => void)|string
+    onScroll: ((event: { source: GridBase, scrollTop: number }) => void)|string
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -38218,17 +38330,17 @@ export class GridBase extends Panel {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    onSubGridCollapse: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    onSubGridCollapse: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    onSubGridExpand: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    onSubGridExpand: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -39750,6 +39862,14 @@ type TreeGridListenersTypes = {
      * @param {any} event.value The value being set
      */
     beforeCellRangeEdit: (event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    beforeColumnCollapseToggle: (event: { source: GridBase, column: Column, collapsed: boolean }) => void
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -39850,18 +39970,18 @@ type TreeGridListenersTypes = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    beforeRenderRow: (event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void
+    beforeRenderRow: (event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    beforeRenderRows: (event: { source: Grid }) => void
+    beforeRenderRows: (event: { source: GridBase }) => void
     /**
      * This event fires before row collapse is started.
      * ...
@@ -40092,6 +40212,14 @@ type TreeGridListenersTypes = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     collapseNode: (event: { source: Grid, record: Model }) => void
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    columnCollapseToggle: (event: { source: GridBase, column: Column, collapsed: boolean }) => void
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -40173,14 +40301,14 @@ type TreeGridListenersTypes = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    dataChange: (event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void
+    dataChange: (event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -40488,18 +40616,18 @@ type TreeGridListenersTypes = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    renderRow: (event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void
+    renderRow: (event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    renderRows: (event: { source: Grid }) => void
+    renderRows: (event: { source: GridBase }) => void
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -40559,10 +40687,10 @@ type TreeGridListenersTypes = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    scroll: (event: { source: Grid, scrollTop: number }) => void
+    scroll: (event: { source: GridBase, scrollTop: number }) => void
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -40650,17 +40778,17 @@ type TreeGridListenersTypes = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridCollapse: (event: { source: Grid, subGrid: SubGrid }) => void
+    subGridCollapse: (event: { source: GridBase, subGrid: SubGrid }) => void
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridExpand: (event: { source: Grid, subGrid: SubGrid }) => void
+    subGridExpand: (event: { source: GridBase, subGrid: SubGrid }) => void
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -40753,6 +40881,14 @@ type TreeGridListeners = {
      * @param {any} event.value The value being set
      */
     beforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    beforeColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -40853,18 +40989,18 @@ type TreeGridListeners = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    beforeRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    beforeRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    beforeRenderRows?: ((event: { source: Grid }) => void)|string
+    beforeRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * This event fires before row collapse is started.
      * ...
@@ -41095,6 +41231,14 @@ type TreeGridListeners = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     collapseNode?: ((event: { source: Grid, record: Model }) => void)|string
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    columnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -41176,14 +41320,14 @@ type TreeGridListeners = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    dataChange?: ((event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
+    dataChange?: ((event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -41491,18 +41635,18 @@ type TreeGridListeners = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    renderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    renderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    renderRows?: ((event: { source: Grid }) => void)|string
+    renderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -41562,10 +41706,10 @@ type TreeGridListeners = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    scroll?: ((event: { source: Grid, scrollTop: number }) => void)|string
+    scroll?: ((event: { source: GridBase, scrollTop: number }) => void)|string
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -41653,17 +41797,17 @@ type TreeGridListeners = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridCollapse?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    subGridCollapse?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    subGridExpand?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    subGridExpand?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object
@@ -42591,6 +42735,14 @@ type TreeGridConfig = {
      * @param {any} event.value The value being set
      */
     onBeforeCellRangeEdit?: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The grid instance
+     * @param {Grid.column.Column} event.column The column
+     * @param {boolean} event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    onBeforeColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {object} event Event object
@@ -42691,18 +42843,18 @@ type TreeGridConfig = {
     /**
      * Fires before a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row about to be rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row about to be rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    onBeforeRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    onBeforeRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows are about to be rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    onBeforeRenderRows?: ((event: { source: Grid }) => void)|string
+    onBeforeRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * This event fires before row collapse is started.
      * ...
@@ -42933,6 +43085,14 @@ type TreeGridConfig = {
      * @param {Core.data.Model} event.record The record which has been collapsed.
      */
     onCollapseNode?: ((event: { source: Grid, record: Model }) => void)|string
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The Grid instance
+     * @param {Grid.column.Column} event.column The column being toggled
+     * @param {boolean} event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    onColumnCollapseToggle?: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -43014,14 +43174,14 @@ type TreeGridConfig = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#event-dataChange)
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source Owning grid
+     * @param {Grid.view.GridBase} event.source Owning grid
      * @param {Core.data.Store} event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    onDataChange?: ((event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
+    onDataChange?: ((event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -43329,18 +43489,18 @@ type TreeGridConfig = {
     /**
      * Fires after a row is rendered.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.row.Row} event.row The row that has been rendered.
-     * @param {Core.data.Model} event.record The record for the row.
-     * @param {number} event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.row.Row} event.row The row that has been rendered
+     * @param {Core.data.Model} event.record The record for the row
+     * @param {number} event.recordIndex The zero-based index of the record
      */
-    onRenderRow?: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string
+    onRenderRow?: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string
     /**
      * Grid rows have been rendered
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source This grid.
+     * @param {Grid.view.GridBase} event.source This grid.
      */
-    onRenderRows?: ((event: { source: Grid }) => void)|string
+    onRenderRows?: ((event: { source: GridBase }) => void)|string
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -43400,10 +43560,10 @@ type TreeGridConfig = {
     /**
      * Grid has scrolled vertically
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} event.source The firing Grid instance.
      * @param {number} event.scrollTop The vertical scroll position.
      */
-    onScroll?: ((event: { source: Grid, scrollTop: number }) => void)|string
+    onScroll?: ((event: { source: GridBase, scrollTop: number }) => void)|string
     /**
      * The selection has been changed.
      * @param {object} event Event object
@@ -43491,17 +43651,17 @@ type TreeGridConfig = {
     /**
      * Fires after a sub grid is collapsed.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    onSubGridCollapse?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    onSubGridCollapse?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fires after a sub grid is expanded.
      * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
      * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
      */
-    onSubGridExpand?: ((event: { source: Grid, subGrid: SubGrid }) => void)|string
+    onSubGridExpand?: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {object} event Event object