@bryntum/grid-thin-trial 7.1.1 → 7.1.3

package/grid.d.ts

@@ -26,10 +26,16 @@ type ActionConfig = {
      */
     cls?: string
     /**
-     * A text to use for the action element´s `aria-label` value. If not provided, the
-     * action´s `tooltip` will be used as the `aria-label` (if present).
+     * A text to use for the action element's `aria-label` value. If not provided, the
+     * action's `tooltip` will be used as the `aria-label` (if present).
      */
     ariaLabel?: string
+    /**
+     * A value to use for the action element's `aria-haspopup` attribute.
+     * Set to indicate that the action triggers a popup. This helps assistive technologies inform users that activating
+     * the action will display a popup element.
+     */
+    ariaHasPopup?: 'true'|'false'|'menu'|'listbox'|'tree'|'grid'|'dialog'|boolean
     /**
      * Tooltip text, or a config object which can reconfigure the shared
      * tooltip by setting boolean, numeric and string config values, or a function to return the tooltip text, passed the
@@ -289,7 +295,7 @@ type EmptyTextDomConfig = DomConfig & {
     /**
      * The grid region to add the empty text to
      */
-    region?: string
+    region?: 'locked'|'normal'|string
 }
 
 type GridScrollOptions = {
@@ -2958,7 +2964,7 @@ type CheckColumnConfig = {
      */
     cellMenuItems?: Record<string, MenuItemEntry>
     /**
-     * The `aria-label` to use for the default checkbox widget of cells in this Column
+     * The `aria-label` used for the default checkbox widget in this column’s cells.
      */
     checkAriaLabel?: string
     /**
@@ -3517,7 +3523,7 @@ export class CheckColumn extends WidgetColumn {
      */
     static readonly isCheckColumn: boolean
     /**
-     * The `aria-label` to use for the default checkbox widget of cells in this Column
+     * The `aria-label` used for the default checkbox widget in this column’s cells.
      */
     checkAriaLabel: string
     /**
@@ -6886,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
@@ -7048,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)
@@ -7084,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
     /**
@@ -11754,7 +11760,8 @@ type TimeColumnConfig = {
      */
     flex?: number|string
     /**
-     * Time format
+     * Time format for time displayed in cell and editor
+     * (see [format](https://bryntum.com/products/grid/docs/api/Core/helper/DateHelper#function-format-static) for formatting options)
      */
     format?: string
     /**
@@ -12151,7 +12158,8 @@ export class TimeColumn extends Column {
      */
     static readonly isTimeColumn: boolean
     /**
-     * Time format
+     * Time format for time displayed in cell and editor
+     * (see [format](https://bryntum.com/products/grid/docs/api/Core/helper/DateHelper#function-format-static) for formatting options)
      */
     format: string
     /**
@@ -14409,7 +14417,9 @@ type ColumnStoreConfig = {
      */
     pageStartParamName?: string
     /**
-     * Specify true to reapply filters when a record is added to the store.
+     * Specify `true` to reapply filters when a record is added to or moved within the store.
+     * This includes tree node operations like indent/outdent in Gantt, or any move operation
+     * that changes a node's parent.
      */
     reapplyFilterOnAdd?: boolean
     /**
@@ -27066,9 +27076,9 @@ export class PdfExport extends InstancePlugin {
     /**
      * Starts the export process. Accepts a config object which overrides any default configs.
      * <strong>NOTE</strong>. Component should not be interacted with when export is in progress
-     * @param {object} config
+     * @param {PdfExportConfig} config
      */
-    export(config: object): Promise<any>;
+    export(config: PdfExportConfig): Promise<any>;
     /**
      * This method accepts all stylesheets (link and style tags) which are supposed to be put on the page. Use
      * this hook method to filter or modify them.
@@ -27480,9 +27490,9 @@ export class Print extends PdfExport {
     /**
      * Starts the print process. Accepts a config object which overrides any default configs.
      * <strong>NOTE</strong> Component should not be interacted with when print is in progress
-     * @param {object} config
+     * @param {PrintConfig} config
      */
-    print(config: object): Promise<any>;
+    print(config: PrintConfig): Promise<any>;
     /**
      * Shows the [print dialog](https://bryntum.com/products/grid/docs/api/Grid/view/export/ExportDialog)
      */
@@ -28832,9 +28842,9 @@ export class PrintMixinClass {
     /**
      * Starts the print process. Accepts a config object which overrides any default configs.
      * <strong>NOTE</strong> Component should not be interacted with when print is in progress
-     * @param {object} config
+     * @param {PrintConfig} config
      */
-    print(config: object): Promise<any>;
+    print(config: PrintConfig): Promise<any>;
     /**
      * Shows the [print dialog](https://bryntum.com/products/grid/docs/api/Grid/view/export/ExportDialog)
      */
@@ -29022,6 +29032,10 @@ export class GridLocation {
      * The cell DOM element which this `GridLocation` references.
      */
     readonly cell: HTMLElement
+    /**
+     * Yields the [Column](https://bryntum.com/products/grid/docs/api/Grid/column/Column) of this location.
+     */
+    readonly column: Column
     /**
      * Yields the column index of this location.
      */
@@ -29030,6 +29044,10 @@ export class GridLocation {
      * This property is `true` if the focus is inside the cell, not *on* the cell.
      */
     readonly containsFocus: boolean
+    /**
+     * The grid which this `GridLocation` references.
+     */
+    readonly grid: Grid
     /**
      * This property is `true` if the focus target is not the cell itself.
      */
@@ -29046,6 +29064,10 @@ export class GridLocation {
      * Yields `true` if the cell and row are selectable.
      */
     readonly isSelectable: boolean
+    /**
+     * Yields the [Model](https://bryntum.com/products/grid/docs/api/Core/data/Model) of this location, or `null` if the location is a column header.
+     */
+    readonly record: Model
     /**
      * Yields the row index of this location.
      */
@@ -29190,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
@@ -29284,24 +29314,24 @@ type GridListenersTypes = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport: (event: { config: object }) => Promise<boolean>|boolean|void
+    beforePdfExport: (event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void
     /**
      * 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.
      * ...
@@ -29532,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.
@@ -29613,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
@@ -29928,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
@@ -29999,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
@@ -30090,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
@@ -30193,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
@@ -30287,24 +30333,24 @@ type GridListeners = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport?: ((event: { config: object }) => Promise<boolean>|boolean|void)|string
+    beforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
     /**
      * 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.
      * ...
@@ -30535,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.
@@ -30616,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
@@ -30931,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
@@ -31002,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
@@ -31093,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
@@ -32031,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
@@ -32125,24 +32187,24 @@ type GridConfig = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    onBeforePdfExport?: ((event: { config: object }) => Promise<boolean>|boolean|void)|string
+    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
     /**
      * 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.
      * ...
@@ -32373,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.
@@ -32454,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
@@ -32769,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
@@ -32840,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
@@ -32931,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
@@ -33253,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
@@ -33347,24 +33425,24 @@ type GridBaseListenersTypes = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport: (event: { config: object }) => Promise<boolean>|boolean|void
+    beforePdfExport: (event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void
     /**
      * 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.
      * ...
@@ -33595,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.
@@ -33676,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
@@ -33991,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
@@ -34062,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
@@ -34153,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
@@ -34256,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
@@ -34350,24 +34444,24 @@ type GridBaseListeners = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport?: ((event: { config: object }) => Promise<boolean>|boolean|void)|string
+    beforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
     /**
      * 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.
      * ...
@@ -34598,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.
@@ -34679,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
@@ -34994,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
@@ -35065,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
@@ -35156,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
@@ -36093,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
@@ -36187,24 +36297,24 @@ type GridBaseConfig = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    onBeforePdfExport?: ((event: { config: object }) => Promise<boolean>|boolean|void)|string
+    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
     /**
      * 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.
      * ...
@@ -36435,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.
@@ -36516,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
@@ -36831,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
@@ -36902,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
@@ -36993,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
@@ -37425,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
@@ -37513,24 +37639,24 @@ export class GridBase extends Panel {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    onBeforePdfExport: ((event: { config: object }) => Promise<boolean>|boolean|void)|string
+    onBeforePdfExport: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
     /**
      * 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.
      * ...
@@ -37741,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.
@@ -37805,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
@@ -38050,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
@@ -38111,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
@@ -38196,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
@@ -38518,9 +38652,9 @@ export class GridBase extends Panel {
     /**
      * Starts the print process. Accepts a config object which overrides any default configs.
      * <strong>NOTE</strong> Component should not be interacted with when print is in progress
-     * @param {object} config
+     * @param {PrintConfig} config
      */
-    print(config: object): Promise<any>;
+    print(config: PrintConfig): Promise<any>;
     /**
      * Triggers a render of all the cells in a column.
      * @param {Grid.column.Column,Grid.column.Column[]} column
@@ -39728,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
@@ -39822,24 +39964,24 @@ type TreeGridListenersTypes = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport: (event: { config: object }) => Promise<boolean>|boolean|void
+    beforePdfExport: (event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void
     /**
      * 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.
      * ...
@@ -40070,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.
@@ -40151,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
@@ -40466,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
@@ -40537,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
@@ -40628,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
@@ -40731,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
@@ -40825,24 +40983,24 @@ type TreeGridListeners = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    beforePdfExport?: ((event: { config: object }) => Promise<boolean>|boolean|void)|string
+    beforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
     /**
      * 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.
      * ...
@@ -41073,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.
@@ -41154,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
@@ -41469,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
@@ -41540,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
@@ -41631,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
@@ -42569,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
@@ -42663,24 +42837,24 @@ type TreeGridConfig = {
     /**
      * Fires on the owning Grid before export started. Return `false` to cancel the export.
      * @param {object} event Event object
-     * @param {object} event.config Export config
+     * @param {PdfExportConfig} event.config Export config
      */
-    onBeforePdfExport?: ((event: { config: object }) => Promise<boolean>|boolean|void)|string
+    onBeforePdfExport?: ((event: { config: PdfExportConfig }) => Promise<boolean>|boolean|void)|string
     /**
      * 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.
      * ...
@@ -42911,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.
@@ -42992,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
@@ -43307,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
@@ -43378,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
@@ -43469,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