@bryntum/gantt-react 7.1.3 → 7.2.0

package/src/BryntumCheckboxGroup.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, CheckboxConfig, CheckboxGroup, CheckboxGroupListeners, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, CheckboxConfig, CheckboxGroup, CheckboxGroupListeners, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -69,6 +69,10 @@ export type BryntumCheckboxGroupProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/CheckboxGroup#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.
@@ -119,7 +123,7 @@ export type BryntumCheckboxGroupProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/CheckboxGroup#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -929,6 +933,7 @@ export class BryntumCheckboxGroup extends React.Component<BryntumCheckboxGroupPr
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',

package/src/BryntumChecklistFilterCombo.tsx

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

package/src/BryntumChipView.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ChipView, ChipViewListeners, Collection, CollectionConfig, DomConfig, KeyMapConfig, List, MaskConfig, Model, ModelConfig, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ChipView, ChipViewListeners, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, ModelConfig, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -122,7 +122,7 @@ export type BryntumChipViewProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/ChipView#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -752,13 +752,11 @@ export class BryntumChipView extends React.Component<BryntumChipViewProps> {
         'activateOnMouseover',
         'adopt',
         'align',
-        'allowGroupSelect',
         'anchor',
         'ariaDescription',
         'ariaLabel',
         'bubbleEvents',
         'centered',
-        'clearSelectionOnEmptySpaceClick',
         'closable',
         'closeHandler',
         'color',
@@ -811,9 +809,11 @@ export class BryntumChipView extends React.Component<BryntumChipViewProps> {
 
     static propertyConfigNames = [
         'alignSelf',
+        'allowGroupSelect',
         'appendTo',
         'callOnFunctions',
         'catchEventHandlerExceptions',
+        'clearSelectionOnEmptySpaceClick',
         'cls',
         'collapsibleGroups',
         'column',

package/src/BryntumCodeEditor.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, CodeEditor, CodeEditorListeners, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, CodeEditor, CodeEditorListeners, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -69,6 +69,10 @@ export type BryntumCodeEditorProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/CodeEditor#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.
@@ -125,7 +129,7 @@ export type BryntumCodeEditorProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/CodeEditor#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -884,6 +888,7 @@ export class BryntumCodeEditor extends React.Component<BryntumCodeEditorProps> {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'codePath',

package/src/BryntumCombo.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, ComboListeners, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboListeners, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -143,7 +143,7 @@ export type BryntumComboProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/Combo#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumConstraintTypePicker.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, ConstraintTypePicker, ConstraintTypePickerListeners, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, ConstraintTypePicker, ConstraintTypePickerListeners, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -143,7 +143,7 @@ export type BryntumConstraintTypePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/ConstraintTypePicker#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumContainer.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, ContainerListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -56,6 +56,10 @@ export type BryntumContainerProps = {
      * 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 BryntumContainerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/Container#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -706,6 +710,7 @@ export class BryntumContainer extends React.Component<BryntumContainerProps> {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',

package/src/BryntumCostAccrualField.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, CostAccrualField, CostAccrualFieldListeners, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, ContainerItemConfig, CostAccrualField, CostAccrualFieldListeners, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -143,7 +143,7 @@ export type BryntumCostAccrualFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/CostAccrualField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumDateField.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ContainerItemConfig, DateField, DateFieldListeners, DatePickerConfig, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, ContainerItemConfig, DateField, DateFieldListeners, DatePickerConfig, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TimeField, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -114,7 +114,7 @@ export type BryntumDateFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/DateField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -478,6 +478,14 @@ export type BryntumDateFieldProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/DateField#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/Core/widget/DateField#config-partner)
+     */
+    partner? : string|TimeField
     /**
      * A config object used to configure the [datePicker](https://bryntum.com/products/gantt/docs/api/Core/widget/DatePicker).
      * ...
@@ -600,7 +608,8 @@ export type BryntumDateFieldProps = {
      */
     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
     /**
@@ -991,6 +1000,7 @@ export class BryntumDateField extends React.Component<BryntumDateFieldProps> {
         'onResize',
         'onShow',
         'onTrigger',
+        'partner',
         'placeholder',
         'readOnly',
         'rendition',

package/src/BryntumDatePicker.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, CalendarPanel, Container, ContainerItemConfig, ContainerLayoutConfig, DatePicker, DatePickerListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, CalendarPanel, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DatePicker, DatePickerListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -84,6 +84,10 @@ export type BryntumDatePickerProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/DatePicker#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.
@@ -153,7 +157,7 @@ export type BryntumDatePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/DatePicker#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -1123,6 +1127,7 @@ export class BryntumDatePicker extends React.Component<BryntumDatePickerProps> {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'cellRenderer',
         'centered',
@@ -1188,7 +1193,6 @@ export class BryntumDatePicker extends React.Component<BryntumDatePickerProps> {
         'scrollAction',
         'showAnimation',
         'showTooltipWhenDisabled',
-        'showWeekColumn',
         'sixWeeks',
         'stateful',
         'statefulEvents',
@@ -1281,6 +1285,7 @@ export class BryntumDatePicker extends React.Component<BryntumDatePickerProps> {
         'scrollable',
         'selection',
         'shadePastDates',
+        'showWeekColumn',
         'span',
         'strictRecordMapping',
         'title',

package/src/BryntumDateRangeField.tsx

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

package/src/BryntumDateTimeField.tsx

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

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

package/src/BryntumDependencyField.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, DependencyField, DependencyFieldListeners, DependencyStore, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Sorter, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, ContainerItemConfig, DependencyField, DependencyFieldListeners, DependencyStore, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Sorter, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -143,7 +143,7 @@ export type BryntumDependencyFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Gantt/widget/DependencyField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/BryntumDependencyTypePicker.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, DependencyTypePicker, DependencyTypePickerListeners, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, ContainerItemConfig, DependencyTypePicker, DependencyTypePickerListeners, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, SchedulerDependencyStore, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -143,7 +143,7 @@ export type BryntumDependencyTypePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/DependencyTypePicker#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -204,6 +204,11 @@ export type BryntumDependencyTypePickerProps = {
      * in a grid WidgetColumn, this is the property to which the column's `field` is applied.
      */
     defaultBindProperty? : string
+    /**
+     * The dependency store to use for filtering allowed types.
+     * If not provided, the picker will attempt to find it from its owner hierarchy.
+     */
+    dependencyStore? : SchedulerDependencyStore
     /**
      * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
      * ...
@@ -1041,6 +1046,7 @@ export class BryntumDependencyTypePicker extends React.Component<BryntumDependen
         'createOnUnmatched',
         'dataField',
         'defaultBindProperty',
+        'dependencyStore',
         'detectCSSCompatibilityIssues',
         'displayField',
         'displayValueRenderer',

package/src/BryntumDisplayField.tsx

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

package/src/BryntumDurationField.tsx

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

package/src/BryntumEditor.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, Editor, EditorListeners, InputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, Editor, EditorListeners, InputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -64,6 +64,10 @@ export type BryntumEditorProps = {
      * leaving the application to listen for the [focusOut](https://bryntum.com/products/gantt/docs/api/Core/widget/Editor#event-focusOut) event.
      */
     blurAction? : 'complete'|'cancel'|null
+    /**
+     * 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.
@@ -109,7 +113,7 @@ export type BryntumEditorProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Core/widget/Editor#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -841,6 +845,7 @@ export class BryntumEditor extends React.Component<BryntumEditorProps> {
         'ariaLabel',
         'autoUpdateRecord',
         'blurAction',
+        'border',
         'bubbleEvents',
         'cancelKey',
         'centered',

package/src/BryntumEffortField.tsx

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

package/src/BryntumEndDateField.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, EndDateField, EndDateFieldListeners, EventModel, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, SchedulerProProjectModel, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, Color, ContainerItemConfig, DateField, DatePickerConfig, DomConfig, DurationConfig, EndDateField, EndDateFieldListeners, EventModel, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, SchedulerProProjectModel, Scroller, TabConfig, TimeField, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -114,7 +114,7 @@ export type BryntumEndDateFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/EndDateField#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -482,6 +482,14 @@ export type BryntumEndDateFieldProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/SchedulerPro/widget/EndDateField#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/EndDateField#config-partner)
+     */
+    partner? : string|TimeField
     /**
      * A config object used to configure the [datePicker](https://bryntum.com/products/gantt/docs/api/Core/widget/DatePicker).
      * ...
@@ -608,7 +616,8 @@ export type BryntumEndDateFieldProps = {
      */
     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
     /**
@@ -1001,6 +1010,7 @@ export class BryntumEndDateField extends React.Component<BryntumEndDateFieldProp
         'onResize',
         'onShow',
         'onTrigger',
+        'partner',
         'placeholder',
         'readOnly',
         'rendition',