@bryntum/gantt-react 7.1.3 → 7.2.0

package/src/BryntumSchedulerProBase.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, AssignmentStoreConfig, Base, CalendarHighlight, CalendarHighlightConfig, CalendarModelConfig, 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, CycleResolutionPopup, DateConstraint, DependencyBaseModel, DependencyEdit, DependencyEditConfig, DependencyMenu, DependencyMenuConfig, DependencyModelConfig, DependencyStoreConfig, DomClassList, DomConfig, DropData, DurationConfig, DurationUnit, EmptyTextDomConfig, EventBuffer, EventBufferConfig, EventColor, EventCopyPaste, EventCopyPasteConfig, EventDrag, EventDragConfig, EventDragCreate, EventDragCreateConfig, EventDragSelect, EventDragSelectConfig, EventEdit, EventEditConfig, EventFilter, EventFilterConfig, EventLayoutConfig, EventMenu, EventMenuConfig, EventModel, EventModelConfig, EventNonWorkingTime, EventNonWorkingTimeConfig, EventResize, EventResizeConfig, EventResizeData, EventSegmentDrag, EventSegmentDragConfig, EventSegmentResize, EventSegmentResizeConfig, EventSegments, EventSegmentsConfig, EventStore, EventStoreConfig, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, 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, NestedEvents, NestedEventsConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PercentBar, PercentBarConfig, PinColumns, PinColumnsConfig, Popup, PreserveScrollOptions, PresetStore, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceEdit, ResourceEditConfig, ResourceEditor, ResourceGrid, ResourceHeaderConfig, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceModelConfig, ResourceNonWorkingTime, ResourceNonWorkingTimeConfig, ResourceStoreConfig, 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, SchedulerBase, SchedulerDependencyEdit, SchedulerDependencyModel, SchedulerEventModel, SchedulerLabels, SchedulerLabelsConfig, SchedulerPdfExport, SchedulerPdfExportConfig, SchedulerPrint, SchedulerPrintConfig, SchedulerPro, SchedulerProAssignmentModel, SchedulerProAssignmentModelConfig, SchedulerProAssignmentStore, SchedulerProBase, SchedulerProBaseListeners, SchedulerProCalendarModel, SchedulerProCellEdit, SchedulerProCellEditConfig, SchedulerProDependencies, SchedulerProDependenciesConfig, SchedulerProDependencyModel, SchedulerProDependencyStore, SchedulerProProjectModel, SchedulerProResourceModel, SchedulerProResourceModelConfig, SchedulerProResourceStore, SchedulerProTaskEdit, SchedulerProTaskEditConfig, SchedulerProVersions, SchedulerProVersionsConfig, SchedulerResourceModel, SchedulerResponsiveLevelConfig, SchedulerScrollButtons, SchedulerScrollButtonsConfig, SchedulerStateInfo, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, SchedulingIssueResolutionPopup, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, SimpleEventEdit, SimpleEventEditConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, StickyEvents, StickyEventsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TaskEditorBase, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSelection, TimeSelectionConfig, TimeSpan, TimeSpanConfig, TimeSpanHighlight, TimeSpanHighlightConfig, TimelineBase, TimelineContext, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeSummary, TreeSummaryConfig, VerticalTimeAxisColumn, VerticalTimeAxisColumnConfig, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
+import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, AssignmentStoreConfig, Base, CalendarHighlight, CalendarHighlightConfig, CalendarModelConfig, 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, CycleResolutionPopup, DateConstraint, DependencyBaseModel, DependencyEdit, DependencyEditConfig, DependencyMenu, DependencyMenuConfig, DependencyModelConfig, DependencyStoreConfig, DomClassList, DomConfig, DropData, DurationConfig, DurationUnit, EmptyTextDomConfig, EventBuffer, EventBufferConfig, EventColor, EventCopyPaste, EventCopyPasteConfig, EventDrag, EventDragConfig, EventDragCreate, EventDragCreateConfig, EventDragSelect, EventDragSelectConfig, EventEdit, EventEditConfig, EventFilter, EventFilterConfig, EventLayoutConfig, EventMenu, EventMenuConfig, EventModel, EventModelConfig, EventNonWorkingTime, EventNonWorkingTimeConfig, EventResize, EventResizeConfig, EventResizeData, EventSegmentDrag, EventSegmentDragConfig, EventSegmentResize, EventSegmentResizeConfig, EventSegments, EventSegmentsConfig, EventStore, EventStoreConfig, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, 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, NestedEvents, NestedEventsConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PercentBar, PercentBarConfig, PinColumns, PinColumnsConfig, Popup, PreserveScrollOptions, PresetStore, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceColumnReorder, ResourceColumnReorderConfig, ResourceEdit, ResourceEditConfig, ResourceEditor, ResourceGrid, ResourceHeaderConfig, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceModelConfig, ResourceNonWorkingTime, ResourceNonWorkingTimeConfig, ResourceStoreConfig, 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, SchedulerBase, SchedulerDependencyEdit, SchedulerDependencyModel, SchedulerEventModel, SchedulerLabels, SchedulerLabelsConfig, SchedulerPdfExport, SchedulerPdfExportConfig, SchedulerPrint, SchedulerPrintConfig, SchedulerPro, SchedulerProAssignmentModel, SchedulerProAssignmentModelConfig, SchedulerProAssignmentStore, SchedulerProBase, SchedulerProBaseListeners, SchedulerProCalendarModel, SchedulerProCellEdit, SchedulerProCellEditConfig, SchedulerProDependencies, SchedulerProDependenciesConfig, SchedulerProDependencyModel, SchedulerProDependencyStore, SchedulerProProjectModel, SchedulerProResourceModel, SchedulerProResourceModelConfig, SchedulerProResourceStore, SchedulerProTaskEdit, SchedulerProTaskEditConfig, SchedulerProVersions, SchedulerProVersionsConfig, SchedulerResourceModel, SchedulerResponsiveLevelConfig, SchedulerScrollButtons, SchedulerScrollButtonsConfig, SchedulerStateInfo, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, SchedulingIssueResolutionPopup, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, SimpleEventEdit, SimpleEventEditConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, StickyEvents, StickyEventsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TaskEditorBase, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSelection, TimeSelectionConfig, TimeSpan, TimeSpanConfig, TimeSpanHighlight, TimeSpanHighlightConfig, TimelineBase, TimelineContext, 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 BryntumSchedulerProBaseProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/SchedulerProBase#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.
@@ -202,7 +206,7 @@ export type BryntumSchedulerProBaseProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/SchedulerProBase#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -715,6 +719,10 @@ export type BryntumSchedulerProBaseProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/SchedulerProBase#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).
      */
@@ -960,7 +968,7 @@ export type BryntumSchedulerProBaseProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/view/SchedulerProBase#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).
@@ -3607,6 +3615,70 @@ export type BryntumSchedulerProBaseProps = {
      * @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
     /**
      * Fires before the resource editor removes a resource.
      * @param {object} event Event object
@@ -4423,6 +4495,15 @@ export type BryntumSchedulerProBaseProps = {
     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.
      * ...
@@ -4779,6 +4860,14 @@ export type BryntumSchedulerProBaseProps = {
      * [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
     /**
      * Feature that displays a popup containing widgets for editing resource data.
      * ...
@@ -5017,6 +5106,7 @@ export class BryntumSchedulerProBase extends React.Component<BryntumSchedulerPro
     };
 
     static featureNames = [
+        'aiFeature',
         'aiFilterFeature',
         'calendarHighlightFeature',
         'cellCopyPasteFeature',
@@ -5069,6 +5159,7 @@ export class BryntumSchedulerProBase extends React.Component<BryntumSchedulerPro
         'printFeature',
         'quickFindFeature',
         'regionResizeFeature',
+        'resourceColumnReorderFeature',
         'resourceEditFeature',
         'resourceMenuFeature',
         'resourceNonWorkingTimeFeature',
@@ -5125,6 +5216,7 @@ export class BryntumSchedulerProBase extends React.Component<BryntumSchedulerPro
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'bufferCoef',
         'bufferThreshold',
@@ -5302,6 +5394,7 @@ export class BryntumSchedulerProBase extends React.Component<BryntumSchedulerPro
         'hideRowHover',
         'id',
         'infiniteScroll',
+        'inheritEventColor',
         'initialAnimationDuration',
         'inputFieldAlign',
         'insertBefore',
@@ -5531,6 +5624,12 @@ export class BryntumSchedulerProBase extends React.Component<BryntumSchedulerPro
         'onRenderRow',
         'onRenderRows',
         'onResize',
+        'onResourceColumnBeforeDragStart',
+        'onResourceColumnBeforeDropFinalize',
+        'onResourceColumnDrag',
+        'onResourceColumnDragAbort',
+        'onResourceColumnDragStart',
+        'onResourceColumnDrop',
         'onResourceEditBeforeRemove',
         'onResourceEditBeforeSave',
         'onResourceEditRemove',

package/src/BryntumSchedulingDirectionPicker.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Combo, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, SchedulingDirectionPicker, SchedulingDirectionPickerListeners, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, SchedulingDirectionPicker, SchedulingDirectionPickerListeners, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -143,7 +143,7 @@ export type BryntumSchedulingDirectionPickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/SchedulingDirectionPicker#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumSchedulingModePicker.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Combo, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, SchedulingModePicker, SchedulingModePickerListeners, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, SchedulingModePicker, SchedulingModePickerListeners, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -150,7 +150,7 @@ export type BryntumSchedulingModePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/SchedulingModePicker#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumSlider.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Slider, SliderListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Slider, SliderListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -91,7 +91,7 @@ export type BryntumSliderProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/Slider#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumSplitter.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -91,7 +91,7 @@ export type BryntumSplitterProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/Splitter#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumStartDateField.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ContainerItemConfig, DateField, DatePickerConfig, DomConfig, DurationConfig, EventModel, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, SchedulerProProjectModel, Scroller, StartDateField, StartDateFieldListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, ContainerItemConfig, DateField, DatePickerConfig, DomConfig, DurationConfig, EventModel, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, SchedulerProProjectModel, Scroller, StartDateField, StartDateFieldListeners, TabConfig, TimeField, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -114,7 +114,7 @@ export type BryntumStartDateFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/StartDateField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -498,6 +498,14 @@ export type BryntumStartDateFieldProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/StartDateField#config-owner)
      */
     owner? : Widget|any
+    /**
+     * A reference to a partner TimeField which this DateField should sync its value with.
+     * When the TimeField's value is changed, this DateField's value is updated to match.
+     * When this DateField's value is changed, the TimeField's value is updated to match.
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/StartDateField#config-partner)
+     */
+    partner? : string|TimeField
     /**
      * A config object used to configure the [datePicker](https://bryntum.com/products/gantt/docs/api/Core/widget/DatePicker).
      * ...
@@ -624,7 +632,8 @@ export type BryntumStartDateFieldProps = {
      */
     step? : string|number|DurationConfig
     /**
-     * Set to `false` to hide the forward and backward date step triggers.
+     * Set to `false` to hide the forward and backward date step triggers. These triggers are only shown when
+     * [step](https://bryntum.com/products/gantt/docs/api/Core/widget/DateField#config-step) is set.
      */
     stepTriggers? : boolean
     /**
@@ -1019,6 +1028,7 @@ export class BryntumStartDateField extends React.Component<BryntumStartDateField
         'onResize',
         'onShow',
         'onTrigger',
+        'partner',
         'placeholder',
         'readOnly',
         'rendition',

package/src/BryntumTabPanel.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, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -81,6 +81,10 @@ export type BryntumTabPanelProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TabPanel#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.
@@ -131,7 +135,7 @@ export type BryntumTabPanelProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TabPanel#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -906,6 +910,7 @@ export class BryntumTabPanel extends React.Component<BryntumTabPanelProps> {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',

package/src/BryntumTextAreaField.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -110,7 +110,7 @@ export type BryntumTextAreaFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TextAreaField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumTextAreaPickerField.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -114,7 +114,7 @@ export type BryntumTextAreaPickerFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TextAreaPickerField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumTextField.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -110,7 +110,7 @@ export type BryntumTextFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TextField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumTimeField.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TimeField, TimeFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, ContainerItemConfig, DateField, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TimeField, TimeFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -114,7 +114,7 @@ export type BryntumTimeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TimeField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -477,6 +477,14 @@ export type BryntumTimeFieldProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TimeField#config-owner)
      */
     owner? : Widget|any
+    /**
+     * A reference to a partner DateField which this TimeField should sync its value with.
+     * When the DateField's value is changed, this TimeField's value is updated to match.
+     * When this TimeField's value is changed, the DateField's value is updated to match.
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/TimeField#config-partner)
+     */
+    partner? : string|DateField
     /**
      * Configuration object for the [picker](https://bryntum.com/products/gantt/docs/api/Core/widget/List) on initialization. Returns the
      * [picker](https://bryntum.com/products/gantt/docs/api/Core/widget/List) instance at runtime.
@@ -972,6 +980,7 @@ export class BryntumTimeField extends React.Component<BryntumTimeFieldProps> {
         'onResize',
         'onShow',
         'onTrigger',
+        'partner',
         'placeholder',
         'readOnly',
         'rendition',

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',