@bryntum/grid-trial 7.1.1 → 7.1.3

package/grid.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
@@ -1542,10 +1542,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
@@ -1805,7 +1811,7 @@ type EmptyTextDomConfig = DomConfig & {
     /**
      * The grid region to add the empty text to
      */
-    region?: string
+    region?: 'locked'|'normal'|string
 }
 
 type GridScrollOptions = {
@@ -3486,7 +3492,9 @@ type AjaxStoreConfig = {
      */
     readUrl?: 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
     /**
@@ -4727,6 +4735,16 @@ export class Duration {
      * @param {number,string,object,Core.data.Duration} source The data to be converted into a Duration.
      */
     static from(source: number|string|object|Duration): Duration;
+    /**
+     * Returns a new Duration which is the sum of this Duration and the passed Duration. The returned Duration unit is the same as this Duration's unit.
+     * @param {Core.data.Duration} otherDuration
+     */
+    add(otherDuration: Duration): Duration;
+    /**
+     * Returns a new Duration which is the difference between this Duration and the passed Duration. The returned Duration unit is the same as this Duration's unit.
+     * @param {Core.data.Duration} otherDuration
+     */
+    diff(otherDuration: Duration): Duration;
     /**
      * Returns truthy value if this Duration equals the passed value.
      * @param {Core.data.Duration} value
@@ -6196,7 +6214,9 @@ type StoreConfig = {
      */
     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
     /**
@@ -7379,7 +7399,7 @@ export class Store extends Base {
      * <strong>It will not remove other filters applied to the store!</strong>
      * @param {object,CollectionFilterConfig,CollectionFilterConfig[],Function} newFilters A [filter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) config, or an array of [filter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) configs, or a function to use for filtering, or a special object like: `{ replace : true, filters : newFilters }`
      */
-    filter(newFilters: {
+    filter(newFilters?: {
         replace?: boolean
         silent?: boolean
         filters?: CollectionFilterConfig|CollectionFilterConfig[]|Function
@@ -9765,7 +9785,9 @@ type StoreFilterClassConfig = {
      */
     filters?: CollectionFilterConfig|CollectionFilterConfig[]
     /**
-     * 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
     /**
@@ -9861,7 +9883,7 @@ export class StoreFilterClass {
      * <strong>It will not remove other filters applied to the store!</strong>
      * @param {object,CollectionFilterConfig,CollectionFilterConfig[],Function} newFilters A [filter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) config, or an array of [filter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) configs, or a function to use for filtering, or a special object like: `{ replace : true, filters : newFilters }`
      */
-    filter(newFilters: {
+    filter(newFilters?: {
         replace?: boolean
         silent?: boolean
         filters?: CollectionFilterConfig|CollectionFilterConfig[]|Function
@@ -10879,6 +10901,44 @@ export class TreeNodeClass {
 
 export const TreeNode : <T extends AnyConstructor<Base>>(base : T) => AnyConstructor<InstanceType<T> & TreeNodeClass>
 
+/**
+ * Type with configuration options for [RevisionTransaction](https://bryntum.com/products/grid/docs/api/Core/data/stm/RevisionTransaction) class.
+ */
+type RevisionTransactionConfig = {
+    /**
+     * Transaction title
+     */
+    title?: string
+}
+
+/**
+ * Transaction with additional metadata utilized by the Revisions feature
+ * ...
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/data/stm/RevisionTransaction)
+ */
+export class RevisionTransaction extends Transaction {
+    /**
+     * Identifies an object as an instance of [RevisionTransaction](https://bryntum.com/products/grid/docs/api/Core/data/stm/RevisionTransaction) class, or subclass thereof.
+     */
+    static readonly isRevisionTransaction: boolean
+    /**
+     * Identifies an object as an instance of [RevisionTransaction](https://bryntum.com/products/grid/docs/api/Core/data/stm/RevisionTransaction) class, or subclass thereof.
+     */
+    readonly isRevisionTransaction: boolean
+    /**
+     * Creates an instance of the class using the supplied configuration
+     * @param {RevisionTransactionConfig} config
+     */
+    constructor(config?: RevisionTransactionConfig);
+    /**
+     * Creates [RevisionTransaction](https://bryntum.com/products/grid/docs/api/Core/data/stm/RevisionTransaction) from [Transaction](#Core/data/stm/Transaction)
+     * with additional metadata utilized by the revisions feature
+     * @param {Core.data.stm.Transaction[]} transactions Transactions to group into revision
+     * @param {object} config Additional config to apply to revision transaction
+     */
+    static from(transactions: Transaction[], config: object): RevisionTransaction;
+}
+
 /**
  * Type with available listeners functions for [StateTrackingManager](https://bryntum.com/products/grid/docs/api/Core/data/stm/StateTrackingManager) class.
  * Could be used for callbacks typings in TypeScript application.
@@ -11458,7 +11518,7 @@ type TransactionConfig = {
 }
 
 /**
- * STM transaction class, holds list of actions constituting a transaction.
+ * STM transaction class holds a list of actions constituting a transaction.
  * ...
  * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/data/stm/Transaction)
  */
@@ -15446,7 +15506,8 @@ export class ObjectHelper {
      */
     static toFixed(number: number, digits: number): string;
     /**
-     * Creates a new object where key is a property in array item (`ref` by default) or index in the array and value is array item.
+     * Creates a new object where key is a property in array item (`ref` by default) or index in the array and value is
+     * array item.
      * @param {object[]} arrayOfItems Array to transform.
      * @param {string} prop Property to read the key from. `ref` by default.
      */
@@ -17468,15 +17529,15 @@ export class LoadMaskableClass {
 export const LoadMaskable : <T extends AnyConstructor<Base>>(base : T) => AnyConstructor<InstanceType<T> & LoadMaskableClass>
 
 /**
- * Simplifies overriding class methods by allowing methods from another class to be used as overrides.
- * Overrides are defined as own classes. They must at a minimum contain a static getter named targetClass, which
- * should return the class to override. Apply the override by calling [apply()](https://bryntum.com/products/grid/docs/api/Core/mixin/Override#function-apply-static).
+ * Simplifies overriding class methods by allowing methods from another class to be used as overrides. Overrides are
+ * defined as own classes. They must at a minimum contain a static getter named `target´, which should return an object
+ * with the class to override. Apply the override by calling [apply()](https://bryntum.com/products/grid/docs/api/Core/mixin/Override#function-apply-static).
  * ...
  * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/mixin/Override)
  */
 export class Override {
     /**
-     * Apply override. We strongly suggest that you at least specify a maxVersion for your overrides.
+     * Apply override. We strongly suggest that you at least specify `maxVersion` for your overrides.
      * @param {object} override An override class definition
      */
     static apply(override: object): void;
@@ -106038,7 +106099,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
     /**
@@ -106597,7 +106658,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
     /**
@@ -109966,8 +110027,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
@@ -110128,9 +110189,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)
@@ -110164,8 +110225,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
     /**
@@ -114834,7 +114895,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
     /**
@@ -115231,7 +115293,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
     /**
@@ -117521,7 +117584,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
     /**
@@ -130178,9 +130243,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.
@@ -130592,9 +130657,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)
      */
@@ -131944,9 +132009,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)
      */
@@ -132134,6 +132199,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.
      */
@@ -132142,6 +132211,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.
      */
@@ -132158,6 +132231,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.
      */
@@ -132302,6 +132379,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
@@ -132396,24 +132481,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.
      * ...
@@ -132644,6 +132729,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.
@@ -132725,14 +132818,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
@@ -133040,18 +133133,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
@@ -133111,10 +133204,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
@@ -133202,17 +133295,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
@@ -133305,6 +133398,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
@@ -133399,24 +133500,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.
      * ...
@@ -133647,6 +133748,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.
@@ -133728,14 +133837,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
@@ -134043,18 +134152,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
@@ -134114,10 +134223,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
@@ -134205,17 +134314,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
@@ -135143,6 +135252,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
@@ -135237,24 +135354,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.
      * ...
@@ -135485,6 +135602,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.
@@ -135566,14 +135691,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
@@ -135881,18 +136006,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
@@ -135952,10 +136077,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
@@ -136043,17 +136168,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
@@ -136365,6 +136490,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
@@ -136459,24 +136592,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.
      * ...
@@ -136707,6 +136840,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.
@@ -136788,14 +136929,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
@@ -137103,18 +137244,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
@@ -137174,10 +137315,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
@@ -137265,17 +137406,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
@@ -137368,6 +137509,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
@@ -137462,24 +137611,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.
      * ...
@@ -137710,6 +137859,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.
@@ -137791,14 +137948,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
@@ -138106,18 +138263,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
@@ -138177,10 +138334,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
@@ -138268,17 +138425,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
@@ -139205,6 +139362,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
@@ -139299,24 +139464,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.
      * ...
@@ -139547,6 +139712,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.
@@ -139628,14 +139801,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
@@ -139943,18 +140116,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
@@ -140014,10 +140187,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
@@ -140105,17 +140278,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
@@ -140537,6 +140710,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
@@ -140625,24 +140806,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.
      * ...
@@ -140853,6 +141034,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.
@@ -140917,14 +141106,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
@@ -141162,18 +141351,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
@@ -141223,10 +141412,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
@@ -141308,17 +141497,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
@@ -141630,9 +141819,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
@@ -142840,6 +143029,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
@@ -142934,24 +143131,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.
      * ...
@@ -143182,6 +143379,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.
@@ -143263,14 +143468,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
@@ -143578,18 +143783,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
@@ -143649,10 +143854,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
@@ -143740,17 +143945,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
@@ -143843,6 +144048,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
@@ -143937,24 +144150,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.
      * ...
@@ -144185,6 +144398,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.
@@ -144266,14 +144487,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
@@ -144581,18 +144802,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
@@ -144652,10 +144873,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
@@ -144743,17 +144964,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
@@ -145681,6 +145902,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
@@ -145775,24 +146004,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.
      * ...
@@ -146023,6 +146252,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.
@@ -146104,14 +146341,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
@@ -146419,18 +146656,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
@@ -146490,10 +146727,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
@@ -146581,17 +146818,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