@bryntum/core-react-thin 7.3.4 → 7.3.6

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, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DemoCodeEditor, DemoCodeEditorListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DemoCodeEditor, DemoCodeEditorListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -55,7 +55,7 @@ export type BryntumDemoCodeEditorProps = {
      */
     ariaLabel? : string
     /**
-     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord? : boolean
     /**
@@ -448,6 +448,12 @@ export type BryntumDemoCodeEditorProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-namedItems)
      */
     namedItems? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -551,7 +557,7 @@ export type BryntumDemoCodeEditorProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-stateId)
      */
-    stateId? : string
+    stateId? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/core/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/core/docs/api/Core/state/StateProvider#property-instance-static).
@@ -840,7 +846,6 @@ export class BryntumDemoCodeEditor extends React.Component<BryntumDemoCodeEditor
         'appFolder',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -880,6 +885,7 @@ export class BryntumDemoCodeEditor extends React.Component<BryntumDemoCodeEditor
         'mode',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preferredSources',
         'preventTooltipOnTouch',
@@ -892,7 +898,6 @@ export class BryntumDemoCodeEditor extends React.Component<BryntumDemoCodeEditor
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -910,6 +915,7 @@ export class BryntumDemoCodeEditor extends React.Component<BryntumDemoCodeEditor
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -968,6 +974,7 @@ export class BryntumDemoCodeEditor extends React.Component<BryntumDemoCodeEditor
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'status',
         'strictRecordMapping',
         'text',

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, Color, CoreContainerItemConfig, DisplayField, DisplayFieldListeners, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DisplayField, DisplayFieldListeners, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -428,6 +428,12 @@ export type BryntumDisplayFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-name)
      */
     name? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -815,6 +821,7 @@ export class BryntumDisplayField extends React.Component<BryntumDisplayFieldProp
         'masked',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

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, Color, CoreContainerItemConfig, DomConfig, Duration, DurationConfig, DurationField, DurationFieldListeners, DurationUnit, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Duration, DurationConfig, DurationField, DurationFieldListeners, DurationUnit, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -462,6 +462,12 @@ export type BryntumDurationFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-name)
      */
     name? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -866,6 +872,7 @@ export class BryntumDurationField extends React.Component<BryntumDurationFieldPr
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

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, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, Editor, EditorListeners, CoreInputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, Editor, EditorListeners, CoreInputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -54,7 +54,7 @@ export type BryntumEditorProps = {
      */
     ariaLabel? : string
     /**
-     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord? : boolean
     /**
@@ -429,6 +429,12 @@ export type BryntumEditorProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#config-namedItems)
      */
     namedItems? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -795,7 +801,6 @@ export class BryntumEditor extends React.Component<BryntumEditorProps> {
         'appendToTargetParent',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'blurAction',
         'border',
         'bubbleEvents',
@@ -834,6 +839,7 @@ export class BryntumEditor extends React.Component<BryntumEditorProps> {
         'matchSize',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -857,6 +863,7 @@ export class BryntumEditor extends React.Component<BryntumEditorProps> {
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

package/src/BryntumFieldFilterPicker.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -51,7 +51,7 @@ export type BryntumFieldFilterPickerProps = {
      */
     ariaLabel? : string
     /**
-     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord? : boolean
     /**
@@ -408,6 +408,12 @@ export type BryntumFieldFilterPickerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-operators)
      */
     operators? : object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -732,7 +738,6 @@ export class BryntumFieldFilterPicker extends React.Component<BryntumFieldFilter
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'color',
@@ -768,6 +773,7 @@ export class BryntumFieldFilterPicker extends React.Component<BryntumFieldFilter
         'namedItems',
         'operatorLocked',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'propertyFieldConfig',
@@ -797,6 +803,7 @@ export class BryntumFieldFilterPicker extends React.Component<BryntumFieldFilter
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

package/src/BryntumFieldFilterPickerGroup.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, CollectionFilterConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, CollectionFilterConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -61,7 +61,7 @@ export type BryntumFieldFilterPickerGroupProps = {
      */
     ariaLabel? : string
     /**
-     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord? : boolean
     /**
@@ -438,6 +438,12 @@ export type BryntumFieldFilterPickerGroupProps = {
      * [operators](https://bryntum.com/products/core/docs/api/Core/widget/FieldFilterPicker#config-operators).
      */
     operators? : object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPickerGroup#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -762,7 +768,6 @@ export class BryntumFieldFilterPickerGroup extends React.Component<BryntumFieldF
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'canDeleteFilter',
@@ -800,6 +805,7 @@ export class BryntumFieldFilterPickerGroup extends React.Component<BryntumFieldF
         'monitorResize',
         'namedItems',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -826,6 +832,7 @@ export class BryntumFieldFilterPickerGroup extends React.Component<BryntumFieldF
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

package/src/BryntumFieldSet.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldSet, FieldSetListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldSet, FieldSetListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -51,7 +51,7 @@ export type BryntumFieldSetProps = {
      */
     ariaLabel? : string
     /**
-     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord? : boolean
     /**
@@ -441,6 +441,12 @@ export type BryntumFieldSetProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-namedItems)
      */
     namedItems? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -540,7 +546,7 @@ export type BryntumFieldSetProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-stateId)
      */
-    stateId? : string
+    stateId? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/core/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/core/docs/api/Core/state/StateProvider#property-instance-static).
@@ -816,7 +822,6 @@ export class BryntumFieldSet extends React.Component<BryntumFieldSetProps> {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -854,6 +859,7 @@ export class BryntumFieldSet extends React.Component<BryntumFieldSetProps> {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -865,7 +871,6 @@ export class BryntumFieldSet extends React.Component<BryntumFieldSetProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -883,6 +888,7 @@ export class BryntumFieldSet extends React.Component<BryntumFieldSetProps> {
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -942,6 +948,7 @@ export class BryntumFieldSet extends React.Component<BryntumFieldSetProps> {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/BryntumFileField.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, FileField, FileFieldListeners, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, FileField, FileFieldListeners, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -439,6 +439,12 @@ export type BryntumFileFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FileField#config-name)
      */
     name? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FileField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -820,6 +826,7 @@ export class BryntumFileField extends React.Component<BryntumFileFieldProps> {
         'monitorResize',
         'multiple',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumFilePicker.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePicker, FilePickerListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePicker, FilePickerListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -51,7 +51,7 @@ export type BryntumFilePickerProps = {
      */
     ariaLabel? : string
     /**
-     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord? : boolean
     /**
@@ -382,6 +382,12 @@ export type BryntumFilePickerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker#config-namedItems)
      */
     namedItems? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -687,7 +693,6 @@ export class BryntumFilePicker extends React.Component<BryntumFilePickerProps> {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'buttonConfig',
@@ -719,6 +724,7 @@ export class BryntumFilePicker extends React.Component<BryntumFilePickerProps> {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -742,6 +748,7 @@ export class BryntumFilePicker extends React.Component<BryntumFilePickerProps> {
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

package/src/BryntumFilterField.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, FilterField, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, Store, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, FilterField, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, Store, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -461,6 +461,12 @@ export type BryntumFilterFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilterField#config-name)
      */
     name? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilterField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -855,6 +861,7 @@ export class BryntumFilterField extends React.Component<BryntumFilterFieldProps>
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumHint.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, Hint, HintActions, HintListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, Hint, HintActions, HintListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -56,7 +56,7 @@ export type BryntumHintProps = {
      */
     autoNext? : string|number
     /**
-     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord? : boolean
     /**
@@ -467,6 +467,12 @@ export type BryntumHintProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-nextAction)
      */
     nextAction? : HintActions|HintActions[]
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -595,7 +601,7 @@ export type BryntumHintProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-stateId)
      */
-    stateId? : string
+    stateId? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/core/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/core/docs/api/Core/state/StateProvider#property-instance-static).
@@ -882,7 +888,6 @@ export class BryntumHint extends React.Component<BryntumHintProps> {
         'ariaDescription',
         'ariaLabel',
         'autoNext',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -927,6 +932,7 @@ export class BryntumHint extends React.Component<BryntumHintProps> {
         'monitorResize',
         'namedItems',
         'nextAction',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'previousAction',
@@ -940,7 +946,6 @@ export class BryntumHint extends React.Component<BryntumHintProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -959,6 +964,7 @@ export class BryntumHint extends React.Component<BryntumHintProps> {
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'cls',
@@ -1018,6 +1024,7 @@ export class BryntumHint extends React.Component<BryntumHintProps> {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/BryntumLabel.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, Label, LabelListeners, MaskConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, Label, LabelListeners, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -298,6 +298,12 @@ export type BryntumLabelProps = {
      * @property {boolean} immediate Set to `true` to receive resize notifications immediately.
      */
     monitorResize? : boolean|object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Label#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -572,6 +578,7 @@ export class BryntumLabel extends React.Component<BryntumLabelProps> {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumList.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, ListListeners, MaskConfig, Model, ModelConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, ListListeners, MaskConfig, Model, ModelConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -369,6 +369,12 @@ export type BryntumListProps = {
      * Configure as `true` to allow multi select and add checkboxes to the items
      */
     multiSelect? : boolean
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/List#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -724,6 +730,7 @@ export class BryntumList extends React.Component<BryntumListProps> {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',