@bryntum/gantt-react 7.1.1 → 7.1.3

package/src/BryntumGantt.tsx

@@ -1415,6 +1415,14 @@ export type BryntumGanttProps = {
      * @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
@@ -1712,9 +1720,9 @@ export type BryntumGanttProps = {
     /**
      * 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
     /**
      * Fired before the [viewPreset](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) is changed.
      * @param {object} event Event object
@@ -1760,18 +1768,18 @@ export type BryntumGanttProps = {
     /**
      * 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.
      * ...
@@ -2149,6 +2157,14 @@ export type BryntumGanttProps = {
      * @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.
@@ -2249,14 +2265,14 @@ export type BryntumGanttProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Gantt/view/Gantt#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
     /**
      * Fired when the range of dates encapsulated by the UI changes. This will be when
      * moving a view in time by reconfiguring its [timeAxis](https://bryntum.com/products/gantt/docs/api/Scheduler/view/TimelineBase#config-timeAxis). This will happen
@@ -2337,16 +2353,20 @@ export type BryntumGanttProps = {
      * @param {Scheduler.model.TimeSpan} event.source The source task
      * @param {Scheduler.model.TimeSpan} event.target The target task
      * @param {number} event.dependencyType The dependency type, see [Type](https://bryntum.com/products/gantt/docs/api/Scheduler/model/DependencyBaseModel#property-Type-static)
+     * @param {'start','end','top','bottom'} event.fromSide The side of the source task where the dependency starts
+     * @param {'start','end','top','bottom'} event.toSide The side of the target task where the dependency ends
      */
-    onDependencyValidationComplete? : ((event: { source: TimeSpan, target: TimeSpan, dependencyType: number }) => void)|string
+    onDependencyValidationComplete? : ((event: { source: TimeSpan, target: TimeSpan, dependencyType: number, fromSide: 'start'|'end'|'top'|'bottom', toSide: 'start'|'end'|'top'|'bottom' }) => void)|string
     /**
      * Fired on the owning Scheduler/Gantt when asynchronous dependency validation starts
      * @param {object} event Event object
      * @param {Scheduler.model.TimeSpan} event.source The source task
      * @param {Scheduler.model.TimeSpan} event.target The target task
      * @param {number} event.dependencyType The dependency type, see [Type](https://bryntum.com/products/gantt/docs/api/Scheduler/model/DependencyBaseModel#property-Type-static)
+     * @param {'start','end','top','bottom'} event.fromSide The side of the source task where the dependency starts
+     * @param {'start','end','top','bottom'} event.toSide The side of the target task where the dependency ends
      */
-    onDependencyValidationStart? : ((event: { source: TimeSpan, target: TimeSpan, dependencyType: number }) => void)|string
+    onDependencyValidationStart? : ((event: { source: TimeSpan, target: TimeSpan, dependencyType: number, fromSide: 'start'|'end'|'top'|'bottom', toSide: 'start'|'end'|'top'|'bottom' }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -2856,18 +2876,18 @@ export type BryntumGanttProps = {
     /**
      * 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
     /**
      * Task is rendered, its element is available in DOM.
      * @param {object} event Event object
@@ -2979,10 +2999,10 @@ export type BryntumGanttProps = {
     /**
      * 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
     /**
      * Fires on owner when the scroll button is clicked, return `false` to prevent default scroll behavior
      * @param {object} event Event object
@@ -3077,17 +3097,17 @@ export type BryntumGanttProps = {
     /**
      * 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
     /**
      * Triggered after a click on a task bar.
      * @param {object} event Event object
@@ -3535,7 +3555,8 @@ export type BryntumGanttProps = {
      */
     cellCopyPasteFeature? : object|boolean|string|CellCopyPaste|CellCopyPasteConfig
     /**
-     * Extends the [CellEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit) to encapsulate Gantt functionality. This feature is enabled by <b>default</b>
+     * Extends the [CellEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit) to encapsulate Gantt functionality. This feature is enabled by
+     * <b>default</b>
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Gantt/feature/CellEdit)
      */
@@ -4232,9 +4253,7 @@ export class BryntumGantt extends React.Component<BryntumGanttProps> {
         'managedEventSizing',
         'maskDefaults',
         'masked',
-        'maxDate',
         'maxTimeAxisUnit',
-        'minDate',
         'monitorResize',
         'newTaskDefaults',
         'owner',
@@ -4333,9 +4352,11 @@ export class BryntumGantt extends React.Component<BryntumGanttProps> {
         'labelPosition',
         'longPressTime',
         'margin',
+        'maxDate',
         'maxHeight',
         'maxWidth',
         'maxZoomLevel',
+        'minDate',
         'minHeight',
         'minWidth',
         'minZoomLevel',
@@ -4356,6 +4377,7 @@ export class BryntumGantt extends React.Component<BryntumGanttProps> {
         'onBeforeCellEditStart',
         'onBeforeCellRangeDelete',
         'onBeforeCellRangeEdit',
+        'onBeforeColumnCollapseToggle',
         'onBeforeColumnDragStart',
         'onBeforeColumnDropFinalize',
         'onBeforeColumnResize',
@@ -4433,6 +4455,7 @@ export class BryntumGantt extends React.Component<BryntumGanttProps> {
         'onCellMouseOver',
         'onCollapse',
         'onCollapseNode',
+        'onColumnCollapseToggle',
         'onColumnDrag',
         'onColumnDragStart',
         'onColumnDrop',

package/src/BryntumGanttBase.tsx

@@ -1414,6 +1414,14 @@ export type BryntumGanttBaseProps = {
      * @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
@@ -1711,9 +1719,9 @@ export type BryntumGanttBaseProps = {
     /**
      * 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
     /**
      * Fired before the [viewPreset](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) is changed.
      * @param {object} event Event object
@@ -1759,18 +1767,18 @@ export type BryntumGanttBaseProps = {
     /**
      * 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.
      * ...
@@ -2148,6 +2156,14 @@ export type BryntumGanttBaseProps = {
      * @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.
@@ -2248,14 +2264,14 @@ export type BryntumGanttBaseProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Gantt/view/GanttBase#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
     /**
      * Fired when the range of dates encapsulated by the UI changes. This will be when
      * moving a view in time by reconfiguring its [timeAxis](https://bryntum.com/products/gantt/docs/api/Scheduler/view/TimelineBase#config-timeAxis). This will happen
@@ -2336,16 +2352,20 @@ export type BryntumGanttBaseProps = {
      * @param {Scheduler.model.TimeSpan} event.source The source task
      * @param {Scheduler.model.TimeSpan} event.target The target task
      * @param {number} event.dependencyType The dependency type, see [Type](https://bryntum.com/products/gantt/docs/api/Scheduler/model/DependencyBaseModel#property-Type-static)
+     * @param {'start','end','top','bottom'} event.fromSide The side of the source task where the dependency starts
+     * @param {'start','end','top','bottom'} event.toSide The side of the target task where the dependency ends
      */
-    onDependencyValidationComplete? : ((event: { source: TimeSpan, target: TimeSpan, dependencyType: number }) => void)|string
+    onDependencyValidationComplete? : ((event: { source: TimeSpan, target: TimeSpan, dependencyType: number, fromSide: 'start'|'end'|'top'|'bottom', toSide: 'start'|'end'|'top'|'bottom' }) => void)|string
     /**
      * Fired on the owning Scheduler/Gantt when asynchronous dependency validation starts
      * @param {object} event Event object
      * @param {Scheduler.model.TimeSpan} event.source The source task
      * @param {Scheduler.model.TimeSpan} event.target The target task
      * @param {number} event.dependencyType The dependency type, see [Type](https://bryntum.com/products/gantt/docs/api/Scheduler/model/DependencyBaseModel#property-Type-static)
+     * @param {'start','end','top','bottom'} event.fromSide The side of the source task where the dependency starts
+     * @param {'start','end','top','bottom'} event.toSide The side of the target task where the dependency ends
      */
-    onDependencyValidationStart? : ((event: { source: TimeSpan, target: TimeSpan, dependencyType: number }) => void)|string
+    onDependencyValidationStart? : ((event: { source: TimeSpan, target: TimeSpan, dependencyType: number, fromSide: 'start'|'end'|'top'|'bottom', toSide: 'start'|'end'|'top'|'bottom' }) => void)|string
     /**
      * Fires when an object is destroyed.
      * @param {object} event Event object
@@ -2855,18 +2875,18 @@ export type BryntumGanttBaseProps = {
     /**
      * 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
     /**
      * Task is rendered, its element is available in DOM.
      * @param {object} event Event object
@@ -2978,10 +2998,10 @@ export type BryntumGanttBaseProps = {
     /**
      * 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
     /**
      * Fires on owner when the scroll button is clicked, return `false` to prevent default scroll behavior
      * @param {object} event Event object
@@ -3076,17 +3096,17 @@ export type BryntumGanttBaseProps = {
     /**
      * 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
     /**
      * Triggered after a click on a task bar.
      * @param {object} event Event object
@@ -3534,7 +3554,8 @@ export type BryntumGanttBaseProps = {
      */
     cellCopyPasteFeature? : object|boolean|string|CellCopyPaste|CellCopyPasteConfig
     /**
-     * Extends the [CellEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit) to encapsulate Gantt functionality. This feature is enabled by <b>default</b>
+     * Extends the [CellEdit](https://bryntum.com/products/gantt/docs/api/Grid/feature/CellEdit) to encapsulate Gantt functionality. This feature is enabled by
+     * <b>default</b>
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Gantt/feature/CellEdit)
      */
@@ -4231,9 +4252,7 @@ export class BryntumGanttBase extends React.Component<BryntumGanttBaseProps> {
         'managedEventSizing',
         'maskDefaults',
         'masked',
-        'maxDate',
         'maxTimeAxisUnit',
-        'minDate',
         'monitorResize',
         'newTaskDefaults',
         'owner',
@@ -4331,9 +4350,11 @@ export class BryntumGanttBase extends React.Component<BryntumGanttBaseProps> {
         'labelPosition',
         'longPressTime',
         'margin',
+        'maxDate',
         'maxHeight',
         'maxWidth',
         'maxZoomLevel',
+        'minDate',
         'minHeight',
         'minWidth',
         'minZoomLevel',
@@ -4354,6 +4375,7 @@ export class BryntumGanttBase extends React.Component<BryntumGanttBaseProps> {
         'onBeforeCellEditStart',
         'onBeforeCellRangeDelete',
         'onBeforeCellRangeEdit',
+        'onBeforeColumnCollapseToggle',
         'onBeforeColumnDragStart',
         'onBeforeColumnDropFinalize',
         'onBeforeColumnResize',
@@ -4431,6 +4453,7 @@ export class BryntumGanttBase extends React.Component<BryntumGanttBaseProps> {
         'onCellMouseOver',
         'onCollapse',
         'onCollapseNode',
+        'onColumnCollapseToggle',
         'onColumnDrag',
         'onColumnDragStart',
         'onColumnDrop',

package/src/BryntumGrid.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridExcelExporter, GridExcelExporterConfig, GridGroupSummary, GridGroupSummaryConfig, GridListeners, GridLocation, GridLocationConfig, GridLockRows, GridLockRowsConfig, GridPdfExport, GridPdfExportConfig, GridPrint, GridPrintConfig, GridRowReorder, GridRowReorderConfig, GridRowResize, GridRowResizeConfig, GridSelectionMode, GridSplit, GridSplitConfig, GridStateInfo, GridSummary, GridSummaryConfig, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PinColumns, PinColumnsConfig, PreserveScrollOptions, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, Widget, XLSColumn } from '@bryntum/gantt';
+import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridExcelExporter, GridExcelExporterConfig, GridGroupSummary, GridGroupSummaryConfig, GridListeners, GridLocation, GridLocationConfig, GridLockRows, GridLockRowsConfig, GridPdfExport, GridPdfExportConfig, GridPrint, GridPrintConfig, GridRowReorder, GridRowReorderConfig, GridRowResize, GridRowResizeConfig, GridSelectionMode, GridSplit, GridSplitConfig, GridStateInfo, GridSummary, GridSummaryConfig, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, Widget, XLSColumn } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -790,6 +790,14 @@ export type BryntumGridProps = {
      * @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
@@ -894,24 +902,24 @@ export type BryntumGridProps = {
     /**
      * 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.
      * ...
@@ -1142,6 +1150,14 @@ export type BryntumGridProps = {
      * @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.
@@ -1223,14 +1239,14 @@ export type BryntumGridProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/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
@@ -1538,18 +1554,18 @@ export type BryntumGridProps = {
     /**
      * 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/gantt/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {object} event Event object
@@ -1609,10 +1625,10 @@ export type BryntumGridProps = {
     /**
      * 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
@@ -1700,17 +1716,17 @@ export type BryntumGridProps = {
     /**
      * 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
@@ -2217,6 +2233,7 @@ export class BryntumGrid extends React.Component<BryntumGridProps> {
         'onBeforeCellEditStart',
         'onBeforeCellRangeDelete',
         'onBeforeCellRangeEdit',
+        'onBeforeColumnCollapseToggle',
         'onBeforeColumnDragStart',
         'onBeforeColumnDropFinalize',
         'onBeforeColumnResize',
@@ -2257,6 +2274,7 @@ export class BryntumGrid extends React.Component<BryntumGridProps> {
         'onCellMouseOver',
         'onCollapse',
         'onCollapseNode',
+        'onColumnCollapseToggle',
         'onColumnDrag',
         'onColumnDragStart',
         'onColumnDrop',