@bryntum/gantt-react 7.1.2 → 7.2.0

package/src/BryntumTimePicker.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, TimePicker, TimePickerListeners, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, TimePicker, TimePickerListeners, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -56,6 +56,10 @@ export type BryntumTimePickerProps = {
      * Update assigned [record](https://bryntum.com/products/gantt/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord? : boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border? : boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -95,7 +99,7 @@ export type BryntumTimePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TimePicker#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -732,6 +736,7 @@ export class BryntumTimePicker extends React.Component<BryntumTimePickerProps> {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',

package/src/BryntumTimeline.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, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, CrudManager, CrudManagerConfig, DateConstraint, DependencyBaseModel, DependencyMenu, DependencyMenuConfig, DependencyStoreConfig, DomClassList, DomConfig, DropData, DurationConfig, DurationUnit, EmptyTextDomConfig, EventColor, EventCopyPaste, EventCopyPasteConfig, EventDrag, EventDragConfig, EventDragCreate, EventDragCreateConfig, EventDragSelect, EventDragSelectConfig, EventEdit, EventEditConfig, EventFilter, EventFilterConfig, EventMenu, EventMenuConfig, EventNonWorkingTime, EventNonWorkingTimeConfig, EventResizeData, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuConfig, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, Popup, PreserveScrollOptions, PresetStore, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceHeaderConfig, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, ResourceTimeRanges, ResourceTimeRangesConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScheduleContext, ScheduleContextConfig, ScheduleMenu, ScheduleMenuConfig, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAssignmentModel, SchedulerAssignmentModelConfig, SchedulerAssignmentStore, SchedulerAssignmentStoreConfig, SchedulerBase, SchedulerDependencies, SchedulerDependenciesConfig, SchedulerDependencyEdit, SchedulerDependencyEditConfig, SchedulerDependencyModel, SchedulerDependencyModelConfig, SchedulerDependencyStore, SchedulerEventModel, SchedulerEventModelConfig, SchedulerEventResize, SchedulerEventResizeConfig, SchedulerEventStore, SchedulerEventStoreConfig, SchedulerLabels, SchedulerLabelsConfig, SchedulerPdfExport, SchedulerPdfExportConfig, SchedulerPrint, SchedulerPrintConfig, SchedulerProProjectModel, SchedulerResourceModel, SchedulerResourceModelConfig, SchedulerResourceStore, SchedulerResourceStoreConfig, SchedulerResponsiveLevelConfig, SchedulerScrollButtons, SchedulerScrollButtonsConfig, SchedulerStateInfo, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, SimpleEventEdit, SimpleEventEditConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, StickyEvents, StickyEventsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSelection, TimeSelectionConfig, TimeSpan, TimeSpanConfig, Timeline, TimelineBase, TimelineContext, TimelineListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeSummary, TreeSummaryConfig, VerticalTimeAxisColumn, VerticalTimeAxisColumnConfig, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
+import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Color, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, CrudManager, CrudManagerConfig, DateConstraint, DependencyBaseModel, DependencyMenu, DependencyMenuConfig, DependencyStoreConfig, DomClassList, DomConfig, DropData, DurationConfig, DurationUnit, EmptyTextDomConfig, EventColor, EventCopyPaste, EventCopyPasteConfig, EventDrag, EventDragConfig, EventDragCreate, EventDragCreateConfig, EventDragSelect, EventDragSelectConfig, EventEdit, EventEditConfig, EventFilter, EventFilterConfig, EventMenu, EventMenuConfig, EventNonWorkingTime, EventNonWorkingTimeConfig, EventResizeData, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuConfig, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, Popup, PreserveScrollOptions, PresetStore, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceColumnReorder, ResourceColumnReorderConfig, ResourceHeaderConfig, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, ResourceTimeRanges, ResourceTimeRangesConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScheduleContext, ScheduleContextConfig, ScheduleMenu, ScheduleMenuConfig, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAI, SchedulerAIConfig, SchedulerAssignmentModel, SchedulerAssignmentModelConfig, SchedulerAssignmentStore, SchedulerAssignmentStoreConfig, SchedulerBase, SchedulerDependencies, SchedulerDependenciesConfig, SchedulerDependencyEdit, SchedulerDependencyEditConfig, SchedulerDependencyModel, SchedulerDependencyModelConfig, SchedulerDependencyStore, SchedulerEventModel, SchedulerEventModelConfig, SchedulerEventResize, SchedulerEventResizeConfig, SchedulerEventStore, SchedulerEventStoreConfig, SchedulerLabels, SchedulerLabelsConfig, SchedulerPdfExport, SchedulerPdfExportConfig, SchedulerPrint, SchedulerPrintConfig, SchedulerProProjectModel, SchedulerResourceModel, SchedulerResourceModelConfig, SchedulerResourceStore, SchedulerResourceStoreConfig, SchedulerResponsiveLevelConfig, SchedulerScrollButtons, SchedulerScrollButtonsConfig, SchedulerStateInfo, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, SimpleEventEdit, SimpleEventEditConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, StickyEvents, StickyEventsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSelection, TimeSelectionConfig, TimeSpan, TimeSpanConfig, Timeline, TimelineBase, TimelineContext, TimelineListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeSummary, TreeSummaryConfig, VerticalTimeAxisColumn, VerticalTimeAxisColumnConfig, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -133,6 +133,10 @@ export type BryntumTimelineProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/Timeline#config-bodyCls)
      */
     bodyCls? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border? : boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -198,7 +202,7 @@ export type BryntumTimelineProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/Timeline#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -696,6 +700,10 @@ export type BryntumTimelineProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/Timeline#config-infiniteScroll)
      */
     infiniteScroll? : boolean
+    /**
+     * Set to true for child nodes in a tree store to inherit their parent´s `eventColor`
+     */
+    inheritEventColor? : boolean
     /**
      * Maximum duration (in milliseconds) for the initial animation controlled by [useInitialAnimation](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/SchedulerEventRendering#config-useInitialAnimation).
      */
@@ -941,7 +949,7 @@ export type BryntumTimelineProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/Timeline#config-partner)
      */
-    partner? : TimelineBase
+    partner? : TimelineBase|string
     /**
      * Set to `true` to include `startDate` and `endDate` params indicating the currently viewed date range in
      * `EventStore` load requests (when loading using `AjaxStore` or `CrudManager` functionality).
@@ -1703,6 +1711,14 @@ export type BryntumTimelineProps = {
      * @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
@@ -2076,18 +2092,18 @@ export type BryntumTimelineProps = {
     /**
      * 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.
      * ...
@@ -2336,6 +2352,14 @@ export type BryntumTimelineProps = {
      * @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.
@@ -2424,14 +2448,14 @@ export type BryntumTimelineProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/Timeline#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
@@ -3290,18 +3314,18 @@ export type BryntumTimelineProps = {
     /**
      * 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
@@ -3312,6 +3336,70 @@ export type BryntumTimelineProps = {
      * @param {number} event.oldHeight The old height
      */
     onResize? : ((event: { source: Widget, width: number, height: number, oldWidth: number, oldHeight: number }) => void)|string
+    /**
+     * Fired before dragging starts, return `false` to prevent the drag operation.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent,TouchEvent} event.event
+     */
+    onResourceColumnBeforeDragStart? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fired before the drop is finalized. You can return `false` or a Promise that resolves to `false`
+     * to cancel the drop operation.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource to insert before
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnBeforeDropFinalize? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel, insertBefore: SchedulerResourceModel, targetGroup: Model }, event: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fired while the resource column is being dragged. You can signal that the drop position is
+     * valid or invalid by setting `context.valid = false;`
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {boolean} event.context.valid Set this to `true` or `false` to indicate whether the drop position is valid
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource to insert before (`null` if inserting at last position)
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDrag? : ((event: { source: Scheduler, context: { valid: boolean, insertBefore: SchedulerResourceModel, resource: SchedulerResourceModel, targetGroup: Model }, event: MouseEvent }) => void)|string
+    /**
+     * Fired when drag is aborted
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDragAbort? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent }) => void)|string
+    /**
+     * Fired when dragging starts.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent,TouchEvent} event.event
+     */
+    onResourceColumnDragStart? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent|TouchEvent }) => void)|string
+    /**
+     * Fired after drop
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource that was inserted before
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group. The resource's group field has been updated if moved between groups.
+     * @param {boolean} event.context.valid `true` if the drop was valid, `false` otherwise
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDrop? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel, insertBefore: SchedulerResourceModel, targetGroup: Model, valid: boolean }, event: MouseEvent }) => void)|string
     /**
      * Fired when clicking a resource header cell
      * @param {object} event Event object
@@ -3643,10 +3731,10 @@ export type BryntumTimelineProps = {
     /**
      * 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
@@ -3750,17 +3838,17 @@ export type BryntumTimelineProps = {
     /**
      * 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 for click on a tick cell. Only triggered if the TreeSummary feature is configured with
      * `[enableMouseEvents](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/TreeSummary#config-enableMouseEvents): true`.
@@ -4006,6 +4094,15 @@ export type BryntumTimelineProps = {
     onVisibleDateRangeChange? : ((event: { source: Scheduler, old: { startDate: Date, endDate: Date }, new: { startDate: Date, endDate: Date } }) => void)|string
 
     // Features
+    /**
+     * This feature provides an AI agent for the Scheduler and SchedulerPro. It provides a chat panel that allows the user
+     * to send messages to the agent and see the responses. Which allows the user to use natural language to interact with
+     * the Scheduler in different ways. For example, the user can ask the agent to filter the data, sort it, or select
+     * specific records. The agent can also perform data manipulation operations such as adding, updating, deleting records.
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/AI)
+     */
+    aiFeature? : object|boolean|string|SchedulerAI|SchedulerAIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...
@@ -4316,6 +4413,14 @@ export type BryntumTimelineProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/RegionResize)
      */
     regionResizeFeature? : object|boolean|string|RegionResize|RegionResizeConfig
+    /**
+     * Allows user to reorder resource columns in vertical mode by dragging them. The feature fires various events
+     * during the drag operation (see events below). To get notified about the actual resource reorder, you can also
+     * listen to the `change` event on the scheduler [ResourceStore](https://bryntum.com/products/gantt/docs/api/Scheduler/data/ResourceStore).
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/ResourceColumnReorder)
+     */
+    resourceColumnReorderFeature? : object|boolean|string|ResourceColumnReorder|ResourceColumnReorderConfig
     /**
      * Applicable only for Scheduler in `vertical` mode. Right click resource header cells to display a context menu.
      * ...
@@ -4513,6 +4618,7 @@ export class BryntumTimeline extends React.Component<BryntumTimelineProps> {
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'bufferCoef',
         'bufferThreshold',
@@ -4684,6 +4790,7 @@ export class BryntumTimeline extends React.Component<BryntumTimelineProps> {
         'hideRowHover',
         'id',
         'infiniteScroll',
+        'inheritEventColor',
         'initialAnimationDuration',
         'inputFieldAlign',
         'insertBefore',
@@ -4723,6 +4830,7 @@ export class BryntumTimeline extends React.Component<BryntumTimelineProps> {
         'onBeforeCellEditStart',
         'onBeforeCellRangeDelete',
         'onBeforeCellRangeEdit',
+        'onBeforeColumnCollapseToggle',
         'onBeforeColumnDragStart',
         'onBeforeColumnDropFinalize',
         'onBeforeColumnResize',
@@ -4788,6 +4896,7 @@ export class BryntumTimeline extends React.Component<BryntumTimelineProps> {
         'onCellMouseOver',
         'onCollapse',
         'onCollapseNode',
+        'onColumnCollapseToggle',
         'onColumnDrag',
         'onColumnDragStart',
         'onColumnDrop',
@@ -4886,6 +4995,12 @@ export class BryntumTimeline extends React.Component<BryntumTimelineProps> {
         'onRenderRow',
         'onRenderRows',
         'onResize',
+        'onResourceColumnBeforeDragStart',
+        'onResourceColumnBeforeDropFinalize',
+        'onResourceColumnDrag',
+        'onResourceColumnDragAbort',
+        'onResourceColumnDragStart',
+        'onResourceColumnDrop',
         'onResourceHeaderClick',
         'onResourceHeaderContextmenu',
         'onResourceHeaderDblclick',

package/src/BryntumTimelineHistogram.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, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, DurationUnit, EmptyTextDomConfig, EventColor, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridExcelExporter, GridExcelExporterConfig, GridLocation, GridLocationConfig, GridLockRows, GridLockRowsConfig, GridPdfExport, GridPdfExportConfig, GridPrint, GridPrintConfig, GridRowResize, GridRowResizeConfig, GridSelectionMode, GridStateInfo, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, Histogram, HistogramConfig, HistogramRenderData, HistogramSeries, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, PresetStore, QuickFind, QuickFindConfig, RecordPositionContext, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceMenu, ResourceMenuConfig, ResourceTimeRangeModel, ResourceTimeRanges, ResourceTimeRangesConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, ScaleColumnConfig, ScalePoint, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAssignmentModel, SchedulerEventModel, SchedulerResourceModel, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSpan, TimelineBase, TimelineContext, TimelineHistogram, TimelineHistogramListeners, TimelineStateInfo, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Tooltip, TooltipConfig, Tree, TreeConfig, VerticalTimeAxisColumn, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
+import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Color, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, DurationUnit, EmptyTextDomConfig, EventColor, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridAI, GridAIConfig, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridExcelExporter, GridExcelExporterConfig, GridLocation, GridLocationConfig, GridLockRows, GridLockRowsConfig, GridPdfExport, GridPdfExportConfig, GridPrint, GridPrintConfig, GridRowResize, GridRowResizeConfig, GridSelectionMode, GridStateInfo, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, Histogram, HistogramConfig, HistogramRenderData, HistogramSeries, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, PresetStore, QuickFind, QuickFindConfig, RecordPositionContext, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceMenu, ResourceMenuConfig, ResourceTimeRangeModel, ResourceTimeRanges, ResourceTimeRangesConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, ScaleColumnConfig, ScalePoint, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAssignmentModel, SchedulerEventModel, SchedulerResourceModel, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSpan, TimelineBase, TimelineContext, TimelineHistogram, TimelineHistogramListeners, TimelineStateInfo, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Tooltip, TooltipConfig, Tree, TreeConfig, VerticalTimeAxisColumn, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -118,6 +118,10 @@ export type BryntumTimelineHistogramProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/TimelineHistogram#config-bodyCls)
      */
     bodyCls? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border? : boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -183,7 +187,7 @@ export type BryntumTimelineHistogramProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/TimelineHistogram#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -773,7 +777,7 @@ export type BryntumTimelineHistogramProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/TimelineHistogram#config-partner)
      */
-    partner? : TimelineBase
+    partner? : TimelineBase|string
     /**
      * Specify plugins (an array of classes) in config
      */
@@ -1274,6 +1278,14 @@ export type BryntumTimelineHistogramProps = {
      * @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
@@ -1444,18 +1456,18 @@ export type BryntumTimelineHistogramProps = {
     /**
      * 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.
      * ...
@@ -1686,6 +1698,14 @@ export type BryntumTimelineHistogramProps = {
      * @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.
@@ -1774,14 +1794,14 @@ export type BryntumTimelineHistogramProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/TimelineHistogram#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
@@ -2135,18 +2155,18 @@ export type BryntumTimelineHistogramProps = {
     /**
      * 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
@@ -2324,10 +2344,10 @@ export type BryntumTimelineHistogramProps = {
     /**
      * 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
@@ -2415,17 +2435,17 @@ export type BryntumTimelineHistogramProps = {
     /**
      * 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 the tick size changes.
      * ...
@@ -2594,6 +2614,15 @@ export type BryntumTimelineHistogramProps = {
     onVisibleDateRangeChange? : ((event: { source: Scheduler, old: { startDate: Date, endDate: Date }, new: { startDate: Date, endDate: Date } }) => void)|string
 
     // Features
+    /**
+     * This feature provides an AI agent for Grid. It provides a chat panel that allows the user to send messages to the
+     * agent and see the responses. Which allows the user to use natural language to interact with the Grid in different
+     * ways. For example, the user can ask the agent to filter the data, sort it, or select specific records. The agent can
+     * also perform data manipulation operations such as adding, updating, deleting records.
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/AI)
+     */
+    aiFeature? : object|boolean|string|GridAI|GridAIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...
@@ -2964,6 +2993,7 @@ export class BryntumTimelineHistogram extends React.Component<BryntumTimelineHis
     };
 
     static featureNames = [
+        'aiFeature',
         'aiFilterFeature',
         'cellCopyPasteFeature',
         'cellEditFeature',
@@ -3034,6 +3064,7 @@ export class BryntumTimelineHistogram extends React.Component<BryntumTimelineHis
         'barTooltipTemplate',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'bufferCoef',
         'bufferThreshold',
@@ -3187,6 +3218,7 @@ export class BryntumTimelineHistogram extends React.Component<BryntumTimelineHis
         'onBeforeCellEditStart',
         'onBeforeCellRangeDelete',
         'onBeforeCellRangeEdit',
+        'onBeforeColumnCollapseToggle',
         'onBeforeColumnDragStart',
         'onBeforeColumnDropFinalize',
         'onBeforeColumnResize',
@@ -3233,6 +3265,7 @@ export class BryntumTimelineHistogram extends React.Component<BryntumTimelineHis
         'onCellMouseOver',
         'onCollapse',
         'onCollapseNode',
+        'onColumnCollapseToggle',
         'onColumnDrag',
         'onColumnDragStart',
         'onColumnDrop',

package/src/BryntumToolbar.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ClickRepeaterConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, ToolbarListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ClickRepeaterConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, ToolbarListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -56,6 +56,10 @@ export type BryntumToolbarProps = {
      * Update assigned [record](https://bryntum.com/products/gantt/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord? : boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border? : boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -95,7 +99,7 @@ export type BryntumToolbarProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/Toolbar#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -755,6 +759,7 @@ export class BryntumToolbar extends React.Component<BryntumToolbarProps> {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',