@bryntum/grid-trial 7.1.1 → 7.1.3

package/grid.thin.d.ts

@@ -1,6 +1,6 @@
 /*!
  *
- * Bryntum Grid 7.1.1 (TRIAL VERSION)
+ * Bryntum Grid 7.1.3 (TRIAL VERSION)
  *
  * Copyright(c) 2026 Bryntum AB
  * https://bryntum.com/contact
@@ -349,10 +349,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
@@ -612,7 +618,7 @@ type EmptyTextDomConfig = DomConfig & {
     /**
      * The grid region to add the empty text to
      */
-    region?: string
+    region?: 'locked'|'normal'|string
 }
 
 type GridScrollOptions = {
@@ -3281,7 +3287,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
     /**
@@ -3840,7 +3846,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
     /**
@@ -7209,8 +7215,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
@@ -7371,9 +7377,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)
@@ -7407,8 +7413,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
     /**
@@ -12077,7 +12083,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
     /**
@@ -12474,7 +12481,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
     /**
@@ -14732,7 +14740,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
     /**
@@ -27389,9 +27399,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.
@@ -27803,9 +27813,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)
      */
@@ -29155,9 +29165,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)
      */
@@ -29345,6 +29355,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.
      */
@@ -29353,6 +29367,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.
      */
@@ -29369,6 +29387,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.
      */
@@ -29513,6 +29535,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
@@ -29607,24 +29637,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.
      * ...
@@ -29855,6 +29885,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.
@@ -29936,14 +29974,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
@@ -30251,18 +30289,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
@@ -30322,10 +30360,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
@@ -30413,17 +30451,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
@@ -30516,6 +30554,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
@@ -30610,24 +30656,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.
      * ...
@@ -30858,6 +30904,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.
@@ -30939,14 +30993,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
@@ -31254,18 +31308,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
@@ -31325,10 +31379,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
@@ -31416,17 +31470,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
@@ -32354,6 +32408,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
@@ -32448,24 +32510,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.
      * ...
@@ -32696,6 +32758,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.
@@ -32777,14 +32847,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
@@ -33092,18 +33162,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
@@ -33163,10 +33233,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
@@ -33254,17 +33324,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
@@ -33576,6 +33646,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
@@ -33670,24 +33748,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.
      * ...
@@ -33918,6 +33996,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.
@@ -33999,14 +34085,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
@@ -34314,18 +34400,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
@@ -34385,10 +34471,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
@@ -34476,17 +34562,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
@@ -34579,6 +34665,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
@@ -34673,24 +34767,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.
      * ...
@@ -34921,6 +35015,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.
@@ -35002,14 +35104,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
@@ -35317,18 +35419,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
@@ -35388,10 +35490,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
@@ -35479,17 +35581,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
@@ -36416,6 +36518,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
@@ -36510,24 +36620,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.
      * ...
@@ -36758,6 +36868,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.
@@ -36839,14 +36957,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
@@ -37154,18 +37272,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
@@ -37225,10 +37343,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
@@ -37316,17 +37434,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
@@ -37748,6 +37866,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
@@ -37836,24 +37962,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.
      * ...
@@ -38064,6 +38190,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.
@@ -38128,14 +38262,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
@@ -38373,18 +38507,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
@@ -38434,10 +38568,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
@@ -38519,17 +38653,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
@@ -38841,9 +38975,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
@@ -40051,6 +40185,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
@@ -40145,24 +40287,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.
      * ...
@@ -40393,6 +40535,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.
@@ -40474,14 +40624,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
@@ -40789,18 +40939,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
@@ -40860,10 +41010,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
@@ -40951,17 +41101,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
@@ -41054,6 +41204,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
@@ -41148,24 +41306,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.
      * ...
@@ -41396,6 +41554,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.
@@ -41477,14 +41643,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
@@ -41792,18 +41958,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
@@ -41863,10 +42029,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
@@ -41954,17 +42120,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
@@ -42892,6 +43058,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
@@ -42986,24 +43160,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.
      * ...
@@ -43234,6 +43408,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.
@@ -43315,14 +43497,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
@@ -43630,18 +43812,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
@@ -43701,10 +43883,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
@@ -43792,17 +43974,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