@bryntum/gantt-react 7.1.1 → 7.1.3

package/README.md

@@ -1,52 +1,230 @@
+<br>
+<br>
+
+<p align="center">
+  <a href="https://bryntum.com/" rel="noopener" target="_blank">
+    <img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
+  </a>
+  &emsp;&emsp;&emsp;&emsp;&emsp;
+  <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg" alt="React" width="100">
+</p>
+
+<br>
+
 # React wrapper for Bryntum Gantt
 
 This package contains a wrapper that encapsulates Bryntum Gantt and turns it into a React component, exposing
 configuration options, properties, features, and events.
 
-# Bryntum repository access setup
+## Version Requirement
+
+* React: `18` or higher
+* TypeScript: `4.2` or higher
+* Vite `5` or higher
+
+## Package Contents
+
+| Path          | Description                                    |
+|---------------|------------------------------------------------|
+| `lib/`        | React wrapper components (BryntumGantt etc.) |
+| `src/`        | Original source files                          |
+
+## Installation
+
+### React Wrapper
+
+```bash
+npm install @bryntum/gantt-react@latest
+```
+
+### Component Package (Required)
+
+```bash
+npm install @bryntum/gantt@latest
+```
+
+## Try Bryntum Online Demos
+
+* [View Online React Demos](https://bryntum.com/products/gantt/examples/?framework=react)
 
-This npm package requires access to Bryntum private NPM repository. You must be logged-in to this repository as a
-licensed or trial user to access it.
+## Quick Start
 
-Please check [Online npm repository guide](https://bryntum.com/docs/pkgOnlineName/guide/Gantt/npm-repository) for
-detailed information on the sign-up/login process.
+Replace your `App.tsx` with the following:
 
-# Installation
+```typescript
+import { FunctionComponent, useRef } from 'react';
+import { BryntumGantt } from '@bryntum/gantt-react';
+import { ganttProps } from './ganttConfig';
+import './App.scss';
 
-The installation is performed by issuing the installation command in the root of the application folder. The specific
-command depends on the package manager used by the application.
+const App: FunctionComponent = () => {
+  const gantt = useRef<BryntumGantt>(null);
 
-The following are most frequently used:
+  return <BryntumGantt ref={gantt} {...ganttProps} />;
+};
 
-Install using `npm`:
+export default App;
 ```
 
-npm install @bryntum/gantt-react@7.1.1
+Create a `GanttConfig.ts` file in the `src/` directory with the following content:
+
+```typescript
+import { BryntumGanttProps } from "@bryntum/gantt-react";
+
+const ganttProps : BryntumGanttProps = {
+    startDate  : new Date(2026, 0, 1),
+    endDate    : new Date(2026, 2, 1),
+    columns    : [{ type : 'name', field : 'name', width : 250 }],
+    viewPreset : 'weekAndDayLetter',
+    barMargin  : 10,
+
+    project : {
+        transport : {
+            load : {
+                url : 'data.json'
+            }
+        },
+        autoLoad           : true,
+        // Automatically introduces a `startnoearlier` constraint for tasks that (a) have no predecessors, (b) do not use
+        // constraints and (c) aren't `manuallyScheduled`
+        autoSetConstraints : true
+    }
+};
+
+export { ganttProps };
 ```
 
-Install using `yarn`:
+<details>
+<summary>Create sample data (click to expand)</summary>
+
+Create a `public/data/data.json` file for example data and add the following JSON data to it:
+
+```javascript
+{
+  "success": "true",
+  "tasks": {
+    "rows": [
+      {
+        "id": 1,
+        "name": "Documentation Project",
+        "expanded": true,
+        "children": [
+          {
+            "id": 2,
+            "name": "Preparation",
+            "expanded": true,
+            "children": [
+              { "id": 6, "name": "Proof-read docs", "startDate": "2026-01-02", "endDate": "2026-01-09" },
+              { "id": 3, "name": "Release docs",    "startDate": "2026-01-09", "endDate": "2026-01-10" }
+            ]
+          },
+          {
+            "id": 4,
+            "name": "Development",
+            "expanded": true,
+            "children": [
+              { "id": 7, "name": "Write API docs",  "startDate": "2026-01-05", "endDate": "2026-01-12" },
+              { "id": 8, "name": "Write tutorials", "startDate": "2026-01-10", "endDate": "2026-01-16" },
+              { "id": 9, "name": "Create examples", "startDate": "2026-01-12", "endDate": "2026-01-18" }
+            ]
+          },
+          {
+            "id": 5,
+            "name": "Review & Release",
+            "expanded": true,
+            "children": [
+              { "id": 10, "name": "Team review",     "startDate": "2026-01-18", "endDate": "2026-01-20" },
+              { "id": 11, "name": "Final approval",  "startDate": "2026-01-20", "endDate": "2026-01-21" },
+              { "id": 12, "name": "Public release",  "startDate": "2026-01-22", "endDate": "2026-01-22" }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "dependencies": {
+    "rows": [
+      { "fromTask": 6,  "toTask": 3  },
+      { "fromTask": 7,  "toTask": 8  },
+      { "fromTask": 8,  "toTask": 9  },
+      { "fromTask": 9,  "toTask": 10 },
+      { "fromTask": 10, "toTask": 11 },
+      { "fromTask": 11, "toTask": 12 }
+    ]
+  }
+}
 ```
 
-yarn add @bryntum/gantt-react@7.1.1
+This is the data the Bryntum Gantt will use.
+
+</details>
+
+Lastly, add some styling to your `App.css` or `index.css`:
+
+```css
+/* FontAwesome is used for icons */
+@import '@bryntum/gantt/fontawesome/css/fontawesome.css';
+@import '@bryntum/gantt/fontawesome/css/solid.css';
+/* Structural CSS */
+@import "@bryntum/gantt/gantt.css";
+/* Bryntum theme of your choice */
+@import "@bryntum/gantt/svalbard-light.css";
 ```
 
-# Integration guide
+## Integration Guide
+
+For details on installing and using this package, see the
+[React Integration Guide](https://bryntum.com/products/gantt/docs/guide/Gantt/integration/react/guide).
+
+## Wrappers
+
+React wrappers encapsulate Bryntum components as native React components, exposing all configuration options,
+properties, features, and events through React-familiar patterns like props and callbacks.
+
+Visit [Wrappers documentation](https://bryntum.com/products/gantt/docs/guide/Gantt/integration/react/guide#wrappers) for the complete list of available
+wrapper components.
+
+## Features
 
-To get more information on the package installation and use, use
-[React Integration Guide](https://bryntum.com/docs/pkgOnlineName/guide/Gantt/integration/react/guide)
+Features are optional modules that extend Bryntum Gantt functionality. Each feature is suffixed with `Feature` and
+can be enabled and configured through standard React props.
 
-# Online References
+Visit [Features documentation](https://bryntum.com/products/gantt/docs/guide/Gantt/integration/react/guide#features) for the complete list of available
+features and their configuration options.
+
+## Explore All Bryntum Products
+
+* [Bryntum Grid](https://bryntum.com/products/grid/) - High-performance data grid
+* [Bryntum Scheduler](https://bryntum.com/products/scheduler/) - Resource scheduling component
+* [Bryntum Scheduler Pro](https://bryntum.com/products/schedulerpro/) - Advanced scheduling with dependencies
+* [Bryntum Gantt](https://bryntum.com/products/gantt/) - Project planning and management
+* [Bryntum Calendar](https://bryntum.com/products/calendar/) - Full-featured calendar component
+* [Bryntum TaskBoard](https://bryntum.com/products/taskboard/) - Kanban-style task management
+
+Explore our comprehensive collection of demos:
+
+| Product           |   <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/js.svg" alt="JavaScript" width="30"><br>JavaScript    |  <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg" alt="React" width="30"><br>React  |   <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="30"><br>Vue   | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg" alt="Angular" width="30"><br>Angular |
+|-------------------|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------:|:----------------------------------------------------------------------:|:------------------------------------------------------------------------------:|
+| **Grid**          |         [Grid JavaScript demos](https://bryntum.com/products/grid/examples/?framework=javascript)          |         [Grid React demos](https://bryntum.com/products/grid/examples/?framework=react)          |         [Grid Vue demos](https://bryntum.com/products/grid/examples/?framework=vue)          |         [Grid Angular demos](https://bryntum.com/products/grid/examples/?framework=angular)          |
+| **Scheduler**     |    [Scheduler JavaScript demos](https://bryntum.com/products/scheduler/examples/?framework=javascript)     |    [Scheduler React demos](https://bryntum.com/products/scheduler/examples/?framework=react)     |    [Scheduler Vue demos](https://bryntum.com/products/scheduler/examples/?framework=vue)     |    [Scheduler Angular demos](https://bryntum.com/products/scheduler/examples/?framework=angular)     |
+| **Scheduler Pro** | [Scheduler Pro JavaScript demos](https://bryntum.com/products/schedulerpro/examples/?framework=javascript) | [Scheduler Pro React demos](https://bryntum.com/products/schedulerpro/examples/?framework=react) | [Scheduler Pro Vue demos](https://bryntum.com/products/schedulerpro/examples/?framework=vue) | [Scheduler Pro Angular demos](https://bryntum.com/products/schedulerpro/examples/?framework=angular) |
+| **Gantt**         |        [Gantt JavaScript demos](https://bryntum.com/products/gantt/examples/?framework=javascript)         |        [Gantt React demos](https://bryntum.com/products/gantt/examples/?framework=react)         |        [Gantt Vue demos](https://bryntum.com/products/gantt/examples/?framework=vue)         |        [Gantt Angular demos](https://bryntum.com/products/gantt/examples/?framework=angular)         |
+| **Calendar**      |     [Calendar JavaScript demos](https://bryntum.com/products/calendar/examples/?framework=javascript)      |     [Calendar React demos](https://bryntum.com/products/calendar/examples/?framework=react)      |     [Calendar Vue demos](https://bryntum.com/products/calendar/examples/?framework=vue)      |     [Calendar Angular demos](https://bryntum.com/products/calendar/examples/?framework=angular)      |
+| **TaskBoard**     |    [TaskBoard JavaScript demos](https://bryntum.com/products/taskboard/examples/?framework=javascript)     |    [TaskBoard React demos](https://bryntum.com/products/taskboard/examples/?framework=react)     |    [TaskBoard Vue demos](https://bryntum.com/products/taskboard/examples/?framework=vue)     |    [TaskBoard Angular demos](https://bryntum.com/products/taskboard/examples/?framework=angular)     |
+
+## Online references
 
-* [Bryntum npm repository guide](https://bryntum.com/products/gantt/docs/guide/Gantt/npm-repository)
 * [Bryntum Gantt documentation](https://bryntum.com/products/gantt/docs/)
 * [Bryntum Gantt examples](https://bryntum.com/products/gantt/examples/)
-* [Bryntum support Forum](https://forum.bryntum.com/)
-* [Contacts us](https://bryntum.com/contact/)
 
-# License and Copyright
+* [Bryntum Support Forum](https://forum.bryntum.com/)
+* [Contact us](https://bryntum.com/contact/)
+
+## License and copyright
 
 This wrapper depends on Bryntum Gantt, which is commercial software and requires a paid license.
 Please visit the [Bryntum Gantt End User License](https://bryntum.com/products/gantt/license/) for the full text of the license.
 
 Copyright © 2009-2026, Bryntum
 All rights reserved.
+

package/lib/BryntumAssignmentGrid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, AssignmentGrid, AssignmentGridListeners, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridExcelExporter, GridExcelExporterConfig, GridGroupSummary, GridGroupSummaryConfig, GridLocation, GridLocationConfig, GridLockRows, GridLockRowsConfig, GridPdfExport, GridPdfExportConfig, GridPrint, GridPrintConfig, GridRowReorder, GridRowReorderConfig, GridRowResize, GridRowResizeConfig, GridSelectionMode, GridSplit, GridSplitConfig, GridStateInfo, GridSummary, GridSummaryConfig, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NumberColumnConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PinColumns, PinColumnsConfig, PreserveScrollOptions, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResourceAssignmentColumnConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TaskModel, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Tree, TreeConfig, Widget, XLSColumn } from '@bryntum/gantt';
+import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, AssignmentGrid, AssignmentGridListeners, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridExcelExporter, GridExcelExporterConfig, GridGroupSummary, GridGroupSummaryConfig, GridLocation, GridLocationConfig, GridLockRows, GridLockRowsConfig, GridPdfExport, GridPdfExportConfig, GridPrint, GridPrintConfig, GridRowReorder, GridRowReorderConfig, GridRowResize, GridRowResizeConfig, GridSelectionMode, GridSplit, GridSplitConfig, GridStateInfo, GridSummary, GridSummaryConfig, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NumberColumnConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResourceAssignmentColumnConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TaskModel, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Tree, TreeConfig, Widget, XLSColumn } from '@bryntum/gantt';
 import { processWidgetContent } from './WrapperHelper.js';
 export declare type BryntumAssignmentGridProps = {
     adopt?: HTMLElement | string;
@@ -188,6 +188,11 @@ export declare type BryntumAssignmentGridProps = {
         field: string;
         value: any;
     }) => Promise<boolean> | boolean | void) | string;
+    onBeforeColumnCollapseToggle?: ((event: {
+        source: GridBase;
+        column: Column;
+        collapsed: boolean;
+    }) => void) | string;
     onBeforeColumnDragStart?: ((event: {
         source: Grid;
         column: Column;
@@ -251,16 +256,16 @@ export declare type BryntumAssignmentGridProps = {
         text: string;
     }) => Promise<boolean> | boolean | void) | string;
     onBeforePdfExport?: ((event: {
-        config: object;
+        config: PdfExportConfig;
     }) => Promise<boolean> | boolean | void) | string;
     onBeforeRenderRow?: ((event: {
-        source: Grid;
+        source: GridBase;
         row: Row;
         record: Model;
         recordIndex: number;
     }) => void) | string;
     onBeforeRenderRows?: ((event: {
-        source: Grid;
+        source: GridBase;
     }) => void) | string;
     onBeforeRowCollapse?: ((event: {
         record: Model;
@@ -406,6 +411,11 @@ export declare type BryntumAssignmentGridProps = {
         source: Grid;
         record: Model;
     }) => void) | string;
+    onColumnCollapseToggle?: ((event: {
+        source: GridBase;
+        column: Column;
+        collapsed: boolean;
+    }) => void) | string;
     onColumnDrag?: ((event: {
         source: Grid;
         column: Column;
@@ -458,7 +468,7 @@ export declare type BryntumAssignmentGridProps = {
         entityName: string;
     }) => void) | string;
     onDataChange?: ((event: {
-        source: Grid;
+        source: GridBase;
         store: Store;
         action: 'remove' | 'removeAll' | 'add' | 'clearchanges' | 'filter' | 'update' | 'dataset' | 'replace';
         record: Model;
@@ -650,13 +660,13 @@ export declare type BryntumAssignmentGridProps = {
     }) => void) | string;
     onRecompose?: (() => void) | string;
     onRenderRow?: ((event: {
-        source: Grid;
+        source: GridBase;
         row: Row;
         record: Model;
         recordIndex: number;
     }) => void) | string;
     onRenderRows?: ((event: {
-        source: Grid;
+        source: GridBase;
     }) => void) | string;
     onResize?: ((event: {
         source: Widget;
@@ -695,7 +705,7 @@ export declare type BryntumAssignmentGridProps = {
         event: MouseEvent;
     }) => void) | string;
     onScroll?: ((event: {
-        source: Grid;
+        source: GridBase;
         scrollTop: number;
     }) => void) | string;
     onSelectionChange?: ((event: {
@@ -752,11 +762,11 @@ export declare type BryntumAssignmentGridProps = {
         editorContext: RowEditorContext;
     }) => void) | string;
     onSubGridCollapse?: ((event: {
-        source: Grid;
+        source: GridBase;
         subGrid: SubGrid;
     }) => void) | string;
     onSubGridExpand?: ((event: {
-        source: Grid;
+        source: GridBase;
         subGrid: SubGrid;
     }) => void) | string;
     onToggleGroup?: ((event: {

package/lib/BryntumAssignmentGrid.js

@@ -139,6 +139,7 @@ BryntumAssignmentGrid.propertyConfigNames = [
     'onBeforeCellEditStart',
     'onBeforeCellRangeDelete',
     'onBeforeCellRangeEdit',
+    'onBeforeColumnCollapseToggle',
     'onBeforeColumnDragStart',
     'onBeforeColumnDropFinalize',
     'onBeforeColumnResize',
@@ -179,6 +180,7 @@ BryntumAssignmentGrid.propertyConfigNames = [
     'onCellMouseOver',
     'onCollapse',
     'onCollapseNode',
+    'onColumnCollapseToggle',
     'onColumnDrag',
     'onColumnDragStart',
     'onColumnDrop',

package/lib/BryntumAssignmentGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"BryntumAssignmentGrid.js","sourceRoot":"","sources":["../src/BryntumAssignmentGrid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BryntumAssignmentGrid.js","sourceRoot":"","sources":["../src/BryntumAssignmentGrid.tsx"],"names":[],"mappings":"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"}

package/lib/BryntumAssignmentPicker.d.ts

@@ -0,0 +1,253 @@
+import React from 'react';
+import { AlignSpec, AssignmentPicker, AssignmentPickerListeners, AssignmentsManipulationStore, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TaskModel, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { processWidgetContent } from './WrapperHelper.js';
+export declare type BryntumAssignmentPickerProps = {
+    activeTab?: number;
+    adopt?: HTMLElement | string;
+    align?: AlignSpec | string;
+    alignSelf?: string;
+    anchor?: boolean;
+    animateTabChange?: boolean;
+    appendTo?: HTMLElement | string;
+    ariaDescription?: string;
+    ariaLabel?: string;
+    autoHeight?: boolean;
+    autoHideResourceTypeTabs?: boolean;
+    autoUpdateRecord?: boolean;
+    bbar?: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    bodyCls?: string | object;
+    bubbleEvents?: object;
+    callOnFunctions?: boolean;
+    catchEventHandlerExceptions?: boolean;
+    centered?: boolean;
+    cls?: string | object;
+    collapsed?: boolean;
+    collapsible?: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
+    color?: string;
+    column?: number;
+    config?: object;
+    constrainTo?: HTMLElement | Widget | Rectangle;
+    content?: string;
+    contentElementCls?: string | object;
+    dataField?: string;
+    dataset?: Record<string, string>;
+    defaultBindProperty?: string;
+    defaultFocus?: ((widget: Widget) => boolean) | string;
+    defaults?: ContainerItemConfig;
+    detectCSSCompatibilityIssues?: boolean;
+    disabled?: boolean | 'inert';
+    dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
+    draggable?: boolean | {
+        handleSelector?: string;
+    };
+    drawer?: boolean | {
+        side?: 'start' | 'left' | 'end' | 'right' | 'top' | 'bottom';
+        size?: string | number;
+        inline?: boolean;
+        autoClose: {
+            mousedown?: boolean | string;
+            focusout?: boolean | string;
+            mouseout?: string;
+        };
+        autoCloseDelay?: number;
+    };
+    elementAttributes?: Record<string, string | null>;
+    extraData?: any;
+    flex?: number | string;
+    floating?: boolean;
+    footer?: {
+        dock?: 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
+        html?: string;
+        cls?: string;
+    } | string;
+    header?: string | boolean | PanelHeader;
+    height?: string | number;
+    hidden?: boolean;
+    hideAnimation?: boolean | object;
+    hideWhenEmpty?: boolean;
+    html?: string | ((widget: Widget) => string) | DomConfig | DomConfig[] | VueConfig;
+    htmlCls?: string | object;
+    icon?: string | DomConfig;
+    id?: string;
+    ignoreParentReadOnly?: boolean;
+    inputFieldAlign?: 'start' | 'end';
+    insertBefore?: HTMLElement | string;
+    insertFirst?: HTMLElement | string;
+    itemCls?: string;
+    items?: Record<string, ContainerItemConfig | MenuItemEntry> | (ContainerItemConfig | MenuItemEntry | Widget)[];
+    keyMap?: Record<string, KeyMapConfig>;
+    labelPosition?: 'before' | 'above' | 'align-before' | 'auto' | null;
+    layout?: string | ContainerLayoutConfig;
+    layoutStyle?: object;
+    lazyItems?: Record<string, ContainerItemConfig> | ContainerItemConfig[] | Widget[];
+    listeners?: AssignmentPickerListeners;
+    localeClass?: typeof Base;
+    localizable?: boolean;
+    localizableProperties?: string[];
+    margin?: number | string;
+    maskDefaults?: MaskConfig;
+    masked?: boolean | string | MaskConfig;
+    maxHeight?: string | number;
+    maximizeOnMobile?: number | string;
+    maxWidth?: string | number;
+    minHeight?: string | number;
+    minWidth?: string | number;
+    monitorResize?: boolean | {
+        immediate?: boolean;
+    };
+    namedItems?: Record<string, ContainerItemConfig>;
+    owner?: Widget | any;
+    positioned?: boolean;
+    preventTooltipOnTouch?: boolean;
+    projectEvent?: TaskModel;
+    readOnly?: boolean;
+    record?: Model;
+    relayStoreEvents?: boolean;
+    rendition?: string | Record<string, string> | null;
+    ripple?: boolean | {
+        delegate?: string;
+        color?: string;
+        radius?: number;
+        clip?: string;
+    };
+    rootElement?: ShadowRoot | HTMLElement;
+    rtl?: boolean;
+    scrollable?: boolean | ScrollerConfig | Scroller;
+    scrollAction?: 'hide' | 'realign' | null;
+    showAnimation?: boolean | object;
+    showCostControls?: boolean;
+    showTooltipWhenDisabled?: boolean;
+    span?: number;
+    stateful?: boolean | object | string[];
+    statefulEvents?: object | string[];
+    stateId?: string;
+    stateProvider?: StateProvider;
+    store?: AssignmentsManipulationStore;
+    strictRecordMapping?: boolean;
+    strips?: Record<string, ContainerItemConfig>;
+    tab?: boolean | TabConfig;
+    tabBar?: TabBarConfig;
+    tabBarItems?: ToolbarItems[] | Widget[];
+    tabMaxWidth?: number;
+    tabMinWidth?: number;
+    tag?: string;
+    tbar?: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
+    textContent?: boolean;
+    title?: string;
+    tools?: Record<string, ToolConfig> | null;
+    tooltip?: string | TooltipConfig | null;
+    trapFocus?: boolean;
+    type?: 'assignmentpicker';
+    ui?: 'plain' | 'toolbar' | string | object;
+    weight?: number;
+    width?: string | number;
+    x?: number;
+    y?: number;
+    onBeforeDestroy?: ((event: {
+        source: Base;
+    }) => void) | string;
+    onBeforeHide?: ((event: {
+        source: Widget;
+    }) => Promise<boolean> | boolean | void) | string;
+    onBeforeSetRecord?: ((event: {
+        source: Container;
+        record: Model;
+    }) => void) | string;
+    onBeforeShow?: ((event: {
+        source: Widget | any;
+    }) => Promise<boolean> | boolean | void) | string;
+    onBeforeStateApply?: ((event: {
+        state: any;
+    }) => Promise<boolean> | boolean | void) | string;
+    onBeforeStateSave?: ((event: {
+        state: any;
+    }) => Promise<boolean> | boolean | void) | string;
+    onBeforeTabChange?: ((event: {
+        activeIndex: number;
+        activeItem: Widget;
+        prevActiveIndex: number;
+        prevActiveItem: Widget;
+    }) => Promise<boolean> | boolean | void) | string;
+    onCatchAll?: ((event: {
+        [key: string]: any;
+        type: string;
+    }) => void) | string;
+    onCollapse?: ((event: {
+        source: Panel;
+    }) => void) | string;
+    onDestroy?: ((event: {
+        source: Base;
+    }) => void) | string;
+    onDirtyStateChange?: ((event: {
+        source: Container;
+        dirty: boolean;
+    }) => void) | string;
+    onElementCreated?: ((event: {
+        element: HTMLElement;
+    }) => void) | string;
+    onExpand?: ((event: {
+        source: Panel;
+    }) => void) | string;
+    onFocusIn?: ((event: {
+        source: Widget;
+        fromElement: HTMLElement;
+        toElement: HTMLElement;
+        fromWidget: Widget;
+        toWidget: Widget;
+        backwards: boolean;
+    }) => void) | string;
+    onFocusOut?: ((event: {
+        source: Widget;
+        fromElement: HTMLElement;
+        toElement: HTMLElement;
+        fromWidget: Widget;
+        toWidget: Widget;
+        backwards: boolean;
+    }) => void) | string;
+    onHide?: ((event: {
+        source: Widget;
+    }) => void) | string;
+    onPaint?: ((event: {
+        source: Widget;
+        firstPaint: boolean;
+    }) => void) | string;
+    onReadOnly?: ((event: {
+        readOnly: boolean;
+    }) => void) | string;
+    onRecompose?: (() => void) | string;
+    onResize?: ((event: {
+        source: Widget;
+        width: number;
+        height: number;
+        oldWidth: number;
+        oldHeight: number;
+    }) => void) | string;
+    onShow?: ((event: {
+        source: Widget;
+    }) => void) | string;
+    onTabChange?: ((event: {
+        activeIndex: number;
+        activeItem: Widget;
+        prevActiveIndex: number;
+        prevActiveItem: Widget;
+    }) => void) | string;
+    onToolClick?: ((event: {
+        source: Tool;
+        tool: Tool;
+    }) => void) | string;
+};
+export declare class BryntumAssignmentPicker extends React.Component<BryntumAssignmentPickerProps> {
+    static instanceClass: typeof AssignmentPicker;
+    static instanceName: string;
+    processWidgetContent: typeof processWidgetContent;
+    static configNames: string[];
+    static propertyConfigNames: string[];
+    static propertyNames: string[];
+    instance: AssignmentPicker;
+    element: HTMLElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(nextProps: Readonly<BryntumAssignmentPickerProps>, nextState: Readonly<{}>): boolean;
+    render(): React.ReactNode;
+}