@bryntum/core-react-thin 7.3.4 → 7.3.5

package/src/BryntumMenu.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, KeyMapConfig, Layout, MaskConfig, Menu, MenuItem, MenuItemConfig, MenuItemEntry, MenuListeners, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, ReactJSX, Rectangle, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, Menu, MenuItem, MenuItemConfig, MenuItemEntry, MenuListeners, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, ReactJSX, Rectangle, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -481,6 +481,12 @@ export type BryntumMenuProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#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/Menu#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
@@ -596,7 +602,7 @@ export type BryntumMenuProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#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).
@@ -942,6 +948,7 @@ export class BryntumMenu extends React.Component<BryntumMenuProps> {
         'modal',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -954,7 +961,6 @@ export class BryntumMenu extends React.Component<BryntumMenuProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -1033,6 +1039,7 @@ export class BryntumMenu extends React.Component<BryntumMenuProps> {
         'resizable',
         'rtl',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/BryntumMonthPicker.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Button, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, MonthPicker, MonthPickerListeners, 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, Button, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, MonthPicker, MonthPickerListeners, 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';
 
@@ -431,6 +431,12 @@ export type BryntumMonthPickerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#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/MonthPicker#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
@@ -530,7 +536,7 @@ export type BryntumMonthPickerProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#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).
@@ -857,6 +863,7 @@ export class BryntumMonthPicker extends React.Component<BryntumMonthPickerProps>
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -868,7 +875,6 @@ export class BryntumMonthPicker extends React.Component<BryntumMonthPickerProps>
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -946,6 +952,7 @@ export class BryntumMonthPicker extends React.Component<BryntumMonthPickerProps>
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/BryntumNumberField.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, KeyMapConfig, MaskConfig, Model, NumberField, NumberFieldListeners, NumberFormatConfig, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, NumberField, NumberFieldListeners, NumberFormatConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -459,6 +459,12 @@ export type BryntumNumberFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/NumberField#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/NumberField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -860,6 +866,7 @@ export class BryntumNumberField extends React.Component<BryntumNumberFieldProps>
         'min',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumPagingToolbar.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ClickRepeaterConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, PagingToolbar, PagingToolbarListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, ClickRepeaterConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, OverflowTwinConfig, PagingToolbar, PagingToolbarListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -386,6 +386,12 @@ export type BryntumPagingToolbarProps = {
      * @property {Function} overflow.filter A filter function which may return a falsy value to prevent toolbar items from being cloned into the overflow menu.
      */
     overflow? : string|{ type: 'scroll'|'menu', repeat: ClickRepeaterConfig, filter: () => void }|null
+    /**
+     * 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/PagingToolbar#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
@@ -750,6 +756,7 @@ export class BryntumPagingToolbar extends React.Component<BryntumPagingToolbarPr
         'monitorResize',
         'namedItems',
         'overflow',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumPanel.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, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PanelListeners, 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, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PanelListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -427,6 +427,12 @@ export type BryntumPanelProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#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/Panel#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
@@ -526,7 +532,7 @@ export type BryntumPanelProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#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).
@@ -839,6 +845,7 @@ export class BryntumPanel extends React.Component<BryntumPanelProps> {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -850,7 +857,6 @@ export class BryntumPanel extends React.Component<BryntumPanelProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -925,6 +931,7 @@ export class BryntumPanel extends React.Component<BryntumPanelProps> {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/BryntumPasswordField.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, KeyMapConfig, MaskConfig, Model, PasswordField, PasswordFieldListeners, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, PasswordField, PasswordFieldListeners, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -428,6 +428,12 @@ export type BryntumPasswordFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PasswordField#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/PasswordField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -807,6 +813,7 @@ export class BryntumPasswordField extends React.Component<BryntumPasswordFieldPr
         'masked',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumProgressBar.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, MaskConfig, ProgressBar, ProgressBarListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, ProgressBar, ProgressBarListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -304,6 +304,12 @@ export type BryntumProgressBarProps = {
      * @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/ProgressBar#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
@@ -590,6 +596,7 @@ export class BryntumProgressBar extends React.Component<BryntumProgressBarProps>
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumRadio.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Checkbox, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Radio, RadioListeners, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Checkbox, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Radio, RadioListeners, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -429,6 +429,12 @@ export type BryntumRadioProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#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/Radio#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
@@ -831,6 +837,7 @@ export class BryntumRadio extends React.Component<BryntumRadioProps> {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumRadioGroup.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, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, RadioConfig, RadioGroup, RadioGroupListeners, 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, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, RadioConfig, RadioGroup, RadioGroupListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -460,6 +460,12 @@ export type BryntumRadioGroupProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/RadioGroup#config-options)
      */
     options? : Record<string, string|RadioConfig>
+    /**
+     * 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/RadioGroup#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
@@ -559,7 +565,7 @@ export type BryntumRadioGroupProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/RadioGroup#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).
@@ -881,6 +887,7 @@ export class BryntumRadioGroup extends React.Component<BryntumRadioGroupProps> {
         'name',
         'namedItems',
         'options',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -892,7 +899,6 @@ export class BryntumRadioGroup extends React.Component<BryntumRadioGroupProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -969,6 +975,7 @@ export class BryntumRadioGroup extends React.Component<BryntumRadioGroupProps> {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/BryntumSlideToggle.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, Checkbox, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, ReactJSX, Rectangle, Scroller, SlideToggle, SlideToggleListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Checkbox, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, SlideToggle, SlideToggleListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -429,6 +429,12 @@ export type BryntumSlideToggleProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/SlideToggle#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/SlideToggle#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
@@ -831,6 +837,7 @@ export class BryntumSlideToggle extends React.Component<BryntumSlideToggleProps>
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

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, Color, DomConfig, KeyMapConfig, MaskConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Slider, SliderListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Slider, SliderListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -323,6 +323,12 @@ export type BryntumSliderProps = {
      * @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/Slider#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
@@ -655,6 +661,7 @@ export class BryntumSlider extends React.Component<BryntumSliderProps> {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

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, Color, DomConfig, KeyMapConfig, MaskConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -303,6 +303,12 @@ export type BryntumSplitterProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Splitter#config-orientation)
      */
     orientation? : 'auto'|'horizontal'|'vertical'
+    /**
+     * 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/Splitter#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
@@ -601,6 +607,7 @@ export class BryntumSplitter extends React.Component<BryntumSplitterProps> {
         'masked',
         'monitorResize',
         'orientation',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

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, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -439,6 +439,12 @@ export type BryntumTabPanelProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel#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/TabPanel#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
@@ -538,7 +544,7 @@ export type BryntumTabPanelProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel#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).
@@ -884,6 +890,7 @@ export class BryntumTabPanel extends React.Component<BryntumTabPanelProps> {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -895,7 +902,6 @@ export class BryntumTabPanel extends React.Component<BryntumTabPanelProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -976,6 +982,7 @@ export class BryntumTabPanel extends React.Component<BryntumTabPanelProps> {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

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, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -434,6 +434,12 @@ export type BryntumTextAreaFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TextAreaField#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/TextAreaField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -823,6 +829,7 @@ export class BryntumTextAreaField extends React.Component<BryntumTextAreaFieldPr
         'masked',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

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, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -433,6 +433,12 @@ export type BryntumTextAreaPickerFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TextAreaPickerField#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/TextAreaPickerField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Configuration object for the [picker](https://bryntum.com/products/core/docs/api/Core/widget/List) on initialization. Returns the
      * [picker](https://bryntum.com/products/core/docs/api/Core/widget/List) instance at runtime.
@@ -834,6 +840,7 @@ export class BryntumTextAreaPickerField extends React.Component<BryntumTextAreaP
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'picker',
         'pickerAlignElement',
         'positioned',

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, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -436,6 +436,12 @@ export type BryntumTextFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TextField#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/TextField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -822,6 +828,7 @@ export class BryntumTextField extends React.Component<BryntumTextFieldProps> {
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',