@bryntum/grid-react-thin 7.3.4 → 7.3.6

package/src/BryntumGroupBar.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, 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, MaskConfig, Model, ModelConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { GroupBar, GroupBarListeners } from '@bryntum/grid-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
@@ -391,6 +391,12 @@ export type BryntumGroupBarProps = {
      * Configure as `true` to allow multi select and allow clicking and key navigation to select multiple chips.
      */
     multiSelect? : boolean
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/grid/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
@@ -749,6 +755,7 @@ export class BryntumGroupBar extends React.Component<BryntumGroupBarProps> {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/BryntumTreeCombo.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, DomConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, DomConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { GridContainerItemConfig, TreeCombo, TreeComboListeners } from '@bryntum/grid-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
@@ -577,6 +577,12 @@ export type BryntumTreeComboProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-name)
      */
     name? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * This implies that the picker will display an anchor pointer, but also means that the picker will align closer
      * to the input field so that the pointer pierces the [pickerAlignElement](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-pickerAlignElement)
@@ -1039,6 +1045,7 @@ export class BryntumTreeCombo extends React.Component<BryntumTreeComboProps> {
         'monitorResize',
         'multiValueSeparator',
         'name',
+        'overflowTwinConfig',
         'overlayAnchor',
         'pickerAlignElement',
         'pickerWidth',

package/src/BryntumTreeGrid.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AjaxStore, AjaxStoreConfig, Base, Color, Container, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Widget } from '@bryntum/core-thin';
+import { AjaxStore, AjaxStoreConfig, Base, Color, Container, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, ModelConfig, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { AI, AIConfig, AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, GridContainerItemConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, Grid, GridBase, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows, LockRowsConfig, MergeCells, MergeCellsConfig, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary, SummaryConfig, Tree, TreeConfig, TreeGrid, TreeGridListeners, TreeGroup, TreeGroupConfig, XLSColumn } from '@bryntum/grid-thin';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
@@ -451,6 +451,12 @@ export type BryntumTreeGridProps = {
      * Grid monitors window resize by default.
      */
     monitorResize? : boolean
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-overflowTwinConfig)
+     */
+    overflowTwinConfig? : OverflowTwinConfig|null
     /**
      * Specify plugins (an array of classes) in config
      */
@@ -601,7 +607,7 @@ export type BryntumTreeGridProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-stateId)
      */
-    stateId? : string
+    stateId? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/grid/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/grid/docs/api/Core/state/StateProvider#property-instance-static).
@@ -1444,6 +1450,23 @@ export type BryntumTreeGridProps = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide? : ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll? : ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd? : ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -2098,6 +2121,7 @@ export class BryntumTreeGrid extends React.Component<BryntumTreeGridProps> {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'plugins',
         'preserveFocusOnDatasetChange',
         'preserveScrollOnDatasetChange',
@@ -2114,7 +2138,6 @@ export class BryntumTreeGrid extends React.Component<BryntumTreeGridProps> {
         'showDirty',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'subGridConfigs',
@@ -2247,6 +2270,8 @@ export class BryntumTreeGrid extends React.Component<BryntumTreeGridProps> {
         'onHeaderMenuShow',
         'onHeaderMenuToggleItem',
         'onHide',
+        'onHorizontalScroll',
+        'onHorizontalScrollEnd',
         'onLockRows',
         'onMouseOut',
         'onMouseOver',
@@ -2291,6 +2316,7 @@ export class BryntumTreeGrid extends React.Component<BryntumTreeGridProps> {
         'scrollable',
         'selectionMode',
         'span',
+        'stateId',
         'stateSettings',
         'store',
         'title',
@@ -2301,6 +2327,7 @@ export class BryntumTreeGrid extends React.Component<BryntumTreeGridProps> {
     ];
 
     static propertyNames = [
+        'autoUpdateRecord',
         'centered',
         'originalStore',
         'parent',

package/src/WrapperHelper.tsx

@@ -803,7 +803,7 @@ function processCalendarEventContent(this: any, {
         refHolder    = targetElement.closest('[data-ref]') as HTMLElement,
         mode         = typeof this.mode === 'string' ? this.mode : this.mode?.type?.slice(0, 4),
         lastPortalId = wrap?.dataset.lastPortalId,
-        portalKey    = domConfig.dataset?.date || (dataHolder)?.dataset.date,
+        portalKey    = domConfig?.dataset?.date || dataHolder?.dataset.date,
         containerRef = refHolder?.dataset?.ref;
 
     reactComponent.syncContent = reactComponent.syncContent || function(fn: () => unknown) {