@bryntum/core-react-thin 7.3.4 → 7.3.6

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';
 
@@ -62,7 +62,7 @@ export type BryntumMenuProps = {
      */
     autoShow? : boolean
     /**
-     * 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
     /**
@@ -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).
@@ -897,7 +903,6 @@ export class BryntumMenu extends React.Component<BryntumMenuProps> {
         'ariaLabel',
         'autoClose',
         'autoShow',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -942,6 +947,7 @@ export class BryntumMenu extends React.Component<BryntumMenuProps> {
         'modal',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -954,7 +960,6 @@ export class BryntumMenu extends React.Component<BryntumMenuProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -972,6 +977,7 @@ export class BryntumMenu extends React.Component<BryntumMenuProps> {
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -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';
 
@@ -51,7 +51,7 @@ export type BryntumMonthPickerProps = {
      */
     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
     /**
@@ -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).
@@ -820,7 +826,6 @@ export class BryntumMonthPicker extends React.Component<BryntumMonthPickerProps>
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -857,6 +862,7 @@ export class BryntumMonthPicker extends React.Component<BryntumMonthPickerProps>
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -868,7 +874,6 @@ export class BryntumMonthPicker extends React.Component<BryntumMonthPickerProps>
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -886,6 +891,7 @@ export class BryntumMonthPicker extends React.Component<BryntumMonthPickerProps>
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -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';
 
@@ -51,7 +51,7 @@ export type BryntumPagingToolbarProps = {
      */
     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
     /**
@@ -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
@@ -416,6 +422,15 @@ export type BryntumPagingToolbarProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PagingToolbar#config-rendition)
      */
     rendition? : string|Record<string, string>|null
+    /**
+     * Enables [responsive](https://bryntum.com/products/core/docs/api/Core/widget/mixin/Responsive) behavior. In the `small` state the first/last
+     * page buttons are hidden to fit a narrow toolbar, but only when [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow) is `null`.
+     */
+    responsive? : object
+    /**
+     * Score the responsive state from this toolbar's own width rather than an ancestor's.
+     */
+    responsiveTarget? : string
     /**
      * Configure as `true` to have the component display a translucent ripple when its
      * [focusElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
@@ -719,7 +734,6 @@ export class BryntumPagingToolbar extends React.Component<BryntumPagingToolbarPr
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'color',
@@ -750,9 +764,12 @@ export class BryntumPagingToolbar extends React.Component<BryntumPagingToolbarPr
         'monitorResize',
         'namedItems',
         'overflow',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
+        'responsive',
+        'responsiveTarget',
         'ripple',
         'role',
         'rootElement',
@@ -775,6 +792,7 @@ export class BryntumPagingToolbar extends React.Component<BryntumPagingToolbarPr
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

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';
 
@@ -51,7 +51,7 @@ export type BryntumPanelProps = {
      */
     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
     /**
@@ -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).
@@ -802,7 +808,6 @@ export class BryntumPanel extends React.Component<BryntumPanelProps> {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -839,6 +844,7 @@ export class BryntumPanel extends React.Component<BryntumPanelProps> {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -850,7 +856,6 @@ export class BryntumPanel extends React.Component<BryntumPanelProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -868,6 +873,7 @@ export class BryntumPanel extends React.Component<BryntumPanelProps> {
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -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';
 
@@ -51,7 +51,7 @@ export type BryntumRadioGroupProps = {
      */
     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
     /**
@@ -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).
@@ -840,7 +846,6 @@ export class BryntumRadioGroup extends React.Component<BryntumRadioGroupProps> {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -881,6 +886,7 @@ export class BryntumRadioGroup extends React.Component<BryntumRadioGroupProps> {
         'name',
         'namedItems',
         'options',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -892,7 +898,6 @@ export class BryntumRadioGroup extends React.Component<BryntumRadioGroupProps> {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -910,6 +915,7 @@ export class BryntumRadioGroup extends React.Component<BryntumRadioGroupProps> {
     static propertyConfigNames = [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -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',