devextreme-react 25.2.3 → 25.2.4

package/cjs/tree-list.d.ts

@@ -1,9 +1,9 @@
 /*!
  * devextreme-react
- * Version: 25.2.3
- * Build date: Fri Dec 12 2025
+ * Version: 25.2.4
+ * Build date: Mon Jan 26 2026
  *
- * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
+ * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
  * This software may be modified and distributed under the terms
  * of the MIT license. See the LICENSE file in the root of the project for details.
@@ -18,13 +18,14 @@ import dxTreeList, { Properties } from "devextreme/ui/tree_list";
 import { IHtmlOptions, NestedComponentMeta } from "./core/component";
 import type { dxTreeListColumn, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, FocusedCellChangingEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, NodesInitializedEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxTreeListRowObject, TreeListPredefinedColumnButton, dxTreeListColumnButton, TreeListCommandColumnType, TreeListPredefinedToolbarItem, dxTreeListToolbarItem } from "devextreme/ui/tree_list";
 import type { DataChange, AIColumnMode, DataChangeType, ColumnAIOptions, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter as GridsColumnHeaderFilter, SelectedFilterOperation, ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, GridsEditMode, GridsEditRefreshMode, StartEditAction, FilterPanel as GridsFilterPanel, FilterPanelTexts as GridsFilterPanelTexts, ApplyFilterMode, HeaderFilterSearchConfig, HeaderFilterTexts, EnterKeyAction, EnterKeyDirection, PagerPageSize, GridBase, DataRenderMode, StateStoreType } from "devextreme/common/grids";
-import type { ContentReadyEvent as TextBoxContentReadyEvent, DisposingEvent as TextBoxDisposingEvent, InitializedEvent as TextBoxInitializedEvent, KeyDownEvent as TextBoxKeyDownEvent, dxTextBoxOptions, TextBoxType, ChangeEvent, CopyEvent, CutEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InputEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/text_box";
-import type { ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, EditorPreparedEvent as FilterBuilderEditorPreparedEvent, EditorPreparingEvent as FilterBuilderEditorPreparingEvent, InitializedEvent as FilterBuilderInitializedEvent, dxFilterBuilderField, FieldInfo, OptionChangedEvent as FilterBuilderOptionChangedEvent, ValueChangedEvent as FilterBuilderValueChangedEvent, FilterBuilderOperation, dxFilterBuilderCustomOperation, GroupOperation } from "devextreme/ui/filter_builder";
-import type { ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, dxFormSimpleItem, dxFormOptions, OptionChangedEvent as FormOptionChangedEvent, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, EditorEnterKeyEvent, FieldDataChangedEvent, SmartPastedEvent, SmartPastingEvent, FormItemComponent, FormItemType } from "devextreme/ui/form";
-import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, OptionChangedEvent as ButtonOptionChangedEvent, ClickEvent } from "devextreme/ui/button";
+import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, OptionChangedEvent } from "devextreme/ui/button";
+import type { ContentReadyEvent as TextBoxContentReadyEvent, DisposingEvent as TextBoxDisposingEvent, InitializedEvent as TextBoxInitializedEvent, KeyDownEvent as TextBoxKeyDownEvent, dxTextBoxOptions, OptionChangedEvent as TextBoxOptionChangedEvent, TextBoxType, ChangeEvent, CopyEvent, CutEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InputEvent, KeyUpEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/text_box";
+import type { ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, EditorPreparedEvent as FilterBuilderEditorPreparedEvent, EditorPreparingEvent as FilterBuilderEditorPreparingEvent, InitializedEvent as FilterBuilderInitializedEvent, OptionChangedEvent as FilterBuilderOptionChangedEvent, dxFilterBuilderField, FieldInfo, ValueChangedEvent as FilterBuilderValueChangedEvent, FilterBuilderOperation, dxFilterBuilderCustomOperation, GroupOperation } from "devextreme/ui/filter_builder";
+import type { ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, FormItemType, FormPredefinedButtonItem, OptionChangedEvent as FormOptionChangedEvent, dxFormSimpleItem, dxFormOptions, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, EditorEnterKeyEvent, FieldDataChangedEvent, SmartPastedEvent, SmartPastingEvent, FormItemComponent } from "devextreme/ui/form";
+import type { ContentReadyEvent as TabPanelContentReadyEvent, DisposingEvent as TabPanelDisposingEvent, InitializedEvent as TabPanelInitializedEvent, OptionChangedEvent as TabPanelOptionChangedEvent, dxTabPanelOptions, dxTabPanelItem, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from "devextreme/ui/tab_panel";
 import type { AIIntegration } from "devextreme/common/ai-integration";
 import type { AnimationConfig, CollisionResolution, PositionConfig, AnimationState, AnimationType, CollisionResolutionCombination } from "devextreme/common/core/animation";
-import type { ValidationRuleType, HorizontalAlignment, VerticalAlignment, template, TextEditorButtonLocation, DataType, Format as CommonFormat, SortOrder, SearchMode, ComparisonOperator, TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position as CommonPosition, ValidationStatus, PositionAlignment, Mode, Direction, ToolbarItemLocation, ToolbarItemComponent, ButtonStyle, ButtonType, DisplayMode, DragDirection, DragHighlight, ScrollMode, ScrollbarMode, SingleMultipleOrNone } from "devextreme/common";
+import type { ValidationRuleType, HorizontalAlignment, VerticalAlignment, template, TextEditorButtonLocation, ButtonStyle, ButtonType, DataType, Format as CommonFormat, SortOrder, SearchMode, ComparisonOperator, TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position as CommonPosition, ValidationStatus, PositionAlignment, Mode, Direction, ToolbarItemLocation, ToolbarItemComponent, DisplayMode, DragDirection, DragHighlight, ScrollMode, ScrollbarMode, SingleMultipleOrNone, TabsIconPosition, TabsStyle } from "devextreme/common";
 import type { event } from "devextreme/events/events.types";
 import type { Format as LocalizationFormat } from "devextreme/common/core/localization";
 import type { DataSourceOptions } from "devextreme/data/data_source";
@@ -33,8 +34,8 @@ import type { dxPopupOptions, dxPopupToolbarItem, ToolbarLocation } from "devext
 import type { EventInfo } from "devextreme/common/core/events";
 import type { Component } from "devextreme/core/component";
 import type { LoadingAnimationType } from "devextreme/ui/load_indicator";
-import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
 import type { LoadPanelIndicatorProperties } from "devextreme/ui/load_panel";
 import type dxOverlay from "devextreme/ui/overlay";
 import type DOMComponent from "devextreme/core/dom_component";
@@ -42,6 +43,7 @@ import type dxPopup from "devextreme/ui/popup";
 import type dxForm from "devextreme/ui/form";
 import type dxSortable from "devextreme/ui/sortable";
 import type dxDraggable from "devextreme/ui/draggable";
+import type DataSource from "devextreme/data/data_source";
 import type * as CommonTypes from "devextreme/common";
 type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
@@ -193,7 +195,7 @@ type IAsyncRuleProps = React.PropsWithChildren<{
         formItem: Record<string, any>;
         rule: Record<string, any>;
         validator: Record<string, any>;
-        value: string | number;
+        value: any;
     }) => any);
 }>;
 declare const AsyncRule: ((props: IAsyncRuleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
@@ -207,7 +209,7 @@ declare const AsyncRule: ((props: IAsyncRuleProps) => React.FunctionComponentEle
         formItem: Record<string, any>;
         rule: Record<string, any>;
         validator: Record<string, any>;
-        value: string | number;
+        value: any;
     }) => any) | undefined;
 } & {
     children?: React.ReactNode;
@@ -320,6 +322,98 @@ declare const Button: ((props: IButtonProps) => React.FunctionComponentElement<R
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IButtonItemProps = React.PropsWithChildren<{
+    buttonOptions?: dxButtonOptions | undefined;
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    horizontalAlignment?: HorizontalAlignment;
+    itemType?: FormItemType;
+    name?: FormPredefinedButtonItem | string | undefined;
+    verticalAlignment?: VerticalAlignment;
+    visible?: boolean;
+    visibleIndex?: number | undefined;
+}>;
+declare const ButtonItem: ((props: IButtonItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    buttonOptions?: dxButtonOptions | undefined;
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    horizontalAlignment?: HorizontalAlignment | undefined;
+    itemType?: FormItemType | undefined;
+    name?: FormPredefinedButtonItem | string | undefined;
+    verticalAlignment?: VerticalAlignment | undefined;
+    visible?: boolean | undefined;
+    visibleIndex?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IButtonOptionsProps = React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean;
+    disabled?: boolean;
+    elementAttr?: Record<string, any>;
+    focusStateEnabled?: boolean;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean;
+    icon?: string;
+    onClick?: ((e: ClickEvent) => void);
+    onContentReady?: ((e: ButtonContentReadyEvent) => void);
+    onDisposing?: ((e: ButtonDisposingEvent) => void);
+    onInitialized?: ((e: ButtonInitializedEvent) => void);
+    onOptionChanged?: ((e: OptionChangedEvent) => void);
+    rtlEnabled?: boolean;
+    stylingMode?: ButtonStyle;
+    tabIndex?: number;
+    template?: ((buttonData: {
+        icon: string;
+        text: string;
+    }, contentElement: any) => string | any) | template;
+    text?: string;
+    type?: ButtonType | string;
+    useSubmitBehavior?: boolean;
+    validationGroup?: string | undefined;
+    visible?: boolean;
+    width?: number | string | undefined;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const ButtonOptions: ((props: IButtonOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean | undefined;
+    disabled?: boolean | undefined;
+    elementAttr?: Record<string, any> | undefined;
+    focusStateEnabled?: boolean | undefined;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean | undefined;
+    icon?: string | undefined;
+    onClick?: ((e: ClickEvent) => void) | undefined;
+    onContentReady?: ((e: ButtonContentReadyEvent) => void) | undefined;
+    onDisposing?: ((e: ButtonDisposingEvent) => void) | undefined;
+    onInitialized?: ((e: ButtonInitializedEvent) => void) | undefined;
+    onOptionChanged?: ((e: OptionChangedEvent) => void) | undefined;
+    rtlEnabled?: boolean | undefined;
+    stylingMode?: ButtonStyle | undefined;
+    tabIndex?: number | undefined;
+    template?: template | ((buttonData: {
+        icon: string;
+        text: string;
+    }, contentElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    type?: string | undefined;
+    useSubmitBehavior?: boolean | undefined;
+    validationGroup?: string | undefined;
+    visible?: boolean | undefined;
+    width?: number | string | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IChangeProps = React.PropsWithChildren<{
     data?: any;
     insertAfterKey?: any;
@@ -961,7 +1055,7 @@ type ICustomRuleProps = React.PropsWithChildren<{
         formItem: Record<string, any>;
         rule: Record<string, any>;
         validator: Record<string, any>;
-        value: string | number;
+        value: any;
     }) => boolean);
 }>;
 declare const CustomRule: ((props: ICustomRuleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
@@ -975,7 +1069,7 @@ declare const CustomRule: ((props: ICustomRuleProps) => React.FunctionComponentE
         formItem: Record<string, any>;
         rule: Record<string, any>;
         validator: Record<string, any>;
-        value: string | number;
+        value: any;
     }) => boolean) | undefined;
 } & {
     children?: React.ReactNode;
@@ -1142,7 +1236,7 @@ type IEditorOptionsProps = React.PropsWithChildren<{
     onInput?: ((e: InputEvent) => void);
     onKeyDown?: ((e: TextBoxKeyDownEvent) => void);
     onKeyUp?: ((e: KeyUpEvent) => void);
-    onOptionChanged?: ((e: OptionChangedEvent) => void);
+    onOptionChanged?: ((e: TextBoxOptionChangedEvent) => void);
     onPaste?: ((e: PasteEvent) => void);
     onValueChanged?: ((e: ValueChangedEvent) => void);
     placeholder?: string;
@@ -1201,7 +1295,7 @@ declare const EditorOptions: ((props: IEditorOptionsProps) => React.FunctionComp
     onInput?: ((e: InputEvent) => void) | undefined;
     onKeyDown?: ((e: TextBoxKeyDownEvent) => void) | undefined;
     onKeyUp?: ((e: KeyUpEvent) => void) | undefined;
-    onOptionChanged?: ((e: OptionChangedEvent) => void) | undefined;
+    onOptionChanged?: ((e: TextBoxOptionChangedEvent) => void) | undefined;
     onPaste?: ((e: PasteEvent) => void) | undefined;
     onValueChanged?: ((e: ValueChangedEvent) => void) | undefined;
     placeholder?: string | undefined;
@@ -1258,6 +1352,26 @@ declare const EmailRule: ((props: IEmailRuleProps) => React.FunctionComponentEle
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IEmptyItemProps = React.PropsWithChildren<{
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    itemType?: FormItemType;
+    name?: string | undefined;
+    visible?: boolean;
+    visibleIndex?: number | undefined;
+}>;
+declare const EmptyItem: ((props: IEmptyItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    itemType?: FormItemType | undefined;
+    name?: string | undefined;
+    visible?: boolean | undefined;
+    visibleIndex?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IFieldProps = React.PropsWithChildren<{
     calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string) => string | (() => any) | Array<any>);
     caption?: string | undefined;
@@ -2024,6 +2138,72 @@ declare const From: ((props: IFromProps) => React.FunctionComponentElement<React
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IGroupItemProps = React.PropsWithChildren<{
+    alignItemLabels?: boolean;
+    caption?: string | undefined;
+    captionTemplate?: ((data: {
+        caption: string;
+        component: dxForm;
+        name: string;
+    }, itemElement: any) => string | any) | template;
+    colCount?: number;
+    colCountByScreen?: Record<string, any> | {
+        lg?: number | undefined;
+        md?: number | undefined;
+        sm?: number | undefined;
+        xs?: number | undefined;
+    };
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
+    itemType?: FormItemType;
+    name?: string | undefined;
+    template?: ((data: {
+        component: dxForm;
+        formData: Record<string, any>;
+    }, itemElement: any) => string | any) | template;
+    visible?: boolean;
+    visibleIndex?: number | undefined;
+    captionRender?: (...params: any) => React.ReactNode;
+    captionComponent?: React.ComponentType<any>;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const GroupItem: ((props: IGroupItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    alignItemLabels?: boolean | undefined;
+    caption?: string | undefined;
+    captionTemplate?: template | ((data: {
+        caption: string;
+        component: dxForm;
+        name: string;
+    }, itemElement: any) => string | any) | undefined;
+    colCount?: number | undefined;
+    colCountByScreen?: Record<string, any> | {
+        lg?: number | undefined;
+        md?: number | undefined;
+        sm?: number | undefined;
+        xs?: number | undefined;
+    } | undefined;
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined;
+    itemType?: FormItemType | undefined;
+    name?: string | undefined;
+    template?: template | ((data: {
+        component: dxForm;
+        formData: Record<string, any>;
+    }, itemElement: any) => string | any) | undefined;
+    visible?: boolean | undefined;
+    visibleIndex?: number | undefined;
+    captionRender?: ((...params: any) => React.ReactNode) | undefined;
+    captionComponent?: React.ComponentType<any> | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IGroupOperationDescriptionsProps = React.PropsWithChildren<{
     and?: string;
     notAnd?: string;
@@ -2139,70 +2319,214 @@ declare const IndicatorOptions: ((props: IIndicatorOptionsProps) => React.Functi
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
 type IItemProps = React.PropsWithChildren<{
-    cssClass?: string | undefined;
+    badge?: string;
     disabled?: boolean;
     html?: string;
+    icon?: string;
+    tabTemplate?: (() => string | any) | template;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
+    text?: string;
+    title?: string;
+    visible?: boolean;
+    aiOptions?: Record<string, any> | {
+        disabled?: boolean;
+        instruction?: string | undefined;
+    };
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    dataField?: string | undefined;
+    editorOptions?: any | undefined;
+    editorType?: FormItemComponent;
+    helpText?: string | undefined;
+    isRequired?: boolean | undefined;
+    itemType?: FormItemType;
+    label?: Record<string, any> | {
+        alignment?: HorizontalAlignment;
+        location?: LabelLocation;
+        showColon?: boolean;
+        template?: ((itemData: {
+            component: dxForm;
+            dataField: string;
+            editorOptions: any;
+            editorType: string;
+            name: string;
+            text: string;
+        }, itemElement: any) => string | any) | template;
+        text?: string | undefined;
+        visible?: boolean;
+    };
+    name?: string | undefined | FormPredefinedButtonItem | TreeListPredefinedToolbarItem;
+    validationRules?: Array<CommonTypes.ValidationRule>;
+    visibleIndex?: number | undefined;
+    alignItemLabels?: boolean;
+    caption?: string | undefined;
+    captionTemplate?: ((data: {
+        caption: string;
+        component: dxForm;
+        name: string;
+    }, itemElement: any) => string | any) | template;
+    colCount?: number;
+    colCountByScreen?: Record<string, any> | {
+        lg?: number | undefined;
+        md?: number | undefined;
+        sm?: number | undefined;
+        xs?: number | undefined;
+    };
+    items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
+    tabPanelOptions?: dxTabPanelOptions | undefined;
+    tabs?: Array<Record<string, any>> | {
+        alignItemLabels?: boolean;
+        badge?: string | undefined;
+        colCount?: number;
+        colCountByScreen?: Record<string, any> | {
+            lg?: number | undefined;
+            md?: number | undefined;
+            sm?: number | undefined;
+            xs?: number | undefined;
+        };
+        disabled?: boolean;
+        icon?: string | undefined;
+        items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
+        tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined;
+        template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined;
+        title?: string | undefined;
+    }[];
+    buttonOptions?: dxButtonOptions | undefined;
+    horizontalAlignment?: HorizontalAlignment;
+    verticalAlignment?: VerticalAlignment;
     locateInMenu?: LocateInMenuMode;
     location?: ToolbarItemLocation;
     menuItemTemplate?: (() => string | any) | template;
-    name?: string | TreeListPredefinedToolbarItem;
     options?: any;
     showText?: ShowTextMode;
-    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
-    text?: string;
-    visible?: boolean;
     widget?: ToolbarItemComponent;
-    menuItemRender?: (...params: any) => React.ReactNode;
-    menuItemComponent?: React.ComponentType<any>;
+    tabRender?: (...params: any) => React.ReactNode;
+    tabComponent?: React.ComponentType<any>;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
+    captionRender?: (...params: any) => React.ReactNode;
+    captionComponent?: React.ComponentType<any>;
+    menuItemRender?: (...params: any) => React.ReactNode;
+    menuItemComponent?: React.ComponentType<any>;
 }>;
 declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    cssClass?: string | undefined;
+    badge?: string | undefined;
     disabled?: boolean | undefined;
     html?: string | undefined;
-    locateInMenu?: LocateInMenuMode | undefined;
-    location?: ToolbarItemLocation | undefined;
-    menuItemTemplate?: template | (() => string | any) | undefined;
-    name?: string | undefined;
-    options?: any;
-    showText?: ShowTextMode | undefined;
+    icon?: string | undefined;
+    tabTemplate?: template | (() => string | any) | undefined;
     template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
     text?: string | undefined;
+    title?: string | undefined;
     visible?: boolean | undefined;
-    widget?: ToolbarItemComponent | undefined;
-    menuItemRender?: ((...params: any) => React.ReactNode) | undefined;
-    menuItemComponent?: React.ComponentType<any> | undefined;
-    render?: ((...params: any) => React.ReactNode) | undefined;
-    component?: React.ComponentType<any> | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IKeyboardNavigationProps = React.PropsWithChildren<{
-    editOnKeyPress?: boolean;
-    enabled?: boolean;
-    enterKeyAction?: EnterKeyAction;
-    enterKeyDirection?: EnterKeyDirection;
-}>;
-declare const KeyboardNavigation: ((props: IKeyboardNavigationProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    editOnKeyPress?: boolean | undefined;
-    enabled?: boolean | undefined;
-    enterKeyAction?: EnterKeyAction | undefined;
-    enterKeyDirection?: EnterKeyDirection | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type ILabelProps = React.PropsWithChildren<{
-    alignment?: HorizontalAlignment;
-    location?: LabelLocation;
-    showColon?: boolean;
-    template?: ((itemData: {
-        component: dxForm;
-        dataField: string;
+    aiOptions?: Record<string, any> | {
+        disabled?: boolean | undefined;
+        instruction?: string | undefined;
+    } | undefined;
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    dataField?: string | undefined;
+    editorOptions?: any | undefined;
+    editorType?: FormItemComponent | undefined;
+    helpText?: string | undefined;
+    isRequired?: boolean | undefined;
+    itemType?: FormItemType | undefined;
+    label?: Record<string, any> | {
+        alignment?: HorizontalAlignment | undefined;
+        location?: LabelLocation | undefined;
+        showColon?: boolean | undefined;
+        template?: template | ((itemData: {
+            component: dxForm;
+            dataField: string;
+            editorOptions: any;
+            editorType: string;
+            name: string;
+            text: string;
+        }, itemElement: any) => string | any) | undefined;
+        text?: string | undefined;
+        visible?: boolean | undefined;
+    } | undefined;
+    name?: string | undefined | FormPredefinedButtonItem | TreeListPredefinedToolbarItem;
+    validationRules?: CommonTypes.ValidationRule[] | undefined;
+    visibleIndex?: number | undefined;
+    alignItemLabels?: boolean | undefined;
+    caption?: string | undefined;
+    captionTemplate?: template | ((data: {
+        caption: string;
+        component: dxForm;
+        name: string;
+    }, itemElement: any) => string | any) | undefined;
+    colCount?: number | undefined;
+    colCountByScreen?: Record<string, any> | {
+        lg?: number | undefined;
+        md?: number | undefined;
+        sm?: number | undefined;
+        xs?: number | undefined;
+    } | undefined;
+    items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined;
+    tabPanelOptions?: dxTabPanelOptions | undefined;
+    tabs?: Record<string, any>[] | {
+        alignItemLabels?: boolean | undefined;
+        badge?: string | undefined;
+        colCount?: number | undefined;
+        colCountByScreen?: Record<string, any> | {
+            lg?: number | undefined;
+            md?: number | undefined;
+            sm?: number | undefined;
+            xs?: number | undefined;
+        } | undefined;
+        disabled?: boolean | undefined;
+        icon?: string | undefined;
+        items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined;
+        tabTemplate?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined;
+        template?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined;
+        title?: string | undefined;
+    }[] | undefined;
+    buttonOptions?: dxButtonOptions | undefined;
+    horizontalAlignment?: HorizontalAlignment | undefined;
+    verticalAlignment?: VerticalAlignment | undefined;
+    locateInMenu?: LocateInMenuMode | undefined;
+    location?: ToolbarItemLocation | undefined;
+    menuItemTemplate?: template | (() => string | any) | undefined;
+    options?: any;
+    showText?: ShowTextMode | undefined;
+    widget?: ToolbarItemComponent | undefined;
+    tabRender?: ((...params: any) => React.ReactNode) | undefined;
+    tabComponent?: React.ComponentType<any> | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+    captionRender?: ((...params: any) => React.ReactNode) | undefined;
+    captionComponent?: React.ComponentType<any> | undefined;
+    menuItemRender?: ((...params: any) => React.ReactNode) | undefined;
+    menuItemComponent?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IKeyboardNavigationProps = React.PropsWithChildren<{
+    editOnKeyPress?: boolean;
+    enabled?: boolean;
+    enterKeyAction?: EnterKeyAction;
+    enterKeyDirection?: EnterKeyDirection;
+}>;
+declare const KeyboardNavigation: ((props: IKeyboardNavigationProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    editOnKeyPress?: boolean | undefined;
+    enabled?: boolean | undefined;
+    enterKeyAction?: EnterKeyAction | undefined;
+    enterKeyDirection?: EnterKeyDirection | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ILabelProps = React.PropsWithChildren<{
+    alignment?: HorizontalAlignment;
+    location?: LabelLocation;
+    showColon?: boolean;
+    template?: ((itemData: {
+        component: dxForm;
+        dataField: string;
         editorOptions: any;
         editorType: string;
         name: string;
@@ -2365,10 +2689,10 @@ type IOptionsProps = React.PropsWithChildren<{
     hoverStateEnabled?: boolean;
     icon?: string;
     onClick?: ((e: ClickEvent) => void);
-    onContentReady?: ((e: ButtonContentReadyEvent) => void);
-    onDisposing?: ((e: ButtonDisposingEvent) => void);
-    onInitialized?: ((e: ButtonInitializedEvent) => void);
-    onOptionChanged?: ((e: ButtonOptionChangedEvent) => void);
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onOptionChanged?: ((e: OptionChangedEvent) => void);
     rtlEnabled?: boolean;
     stylingMode?: ButtonStyle;
     tabIndex?: number;
@@ -2396,10 +2720,10 @@ declare const Options: ((props: IOptionsProps) => React.FunctionComponentElement
     hoverStateEnabled?: boolean | undefined;
     icon?: string | undefined;
     onClick?: ((e: ClickEvent) => void) | undefined;
-    onContentReady?: ((e: ButtonContentReadyEvent) => void) | undefined;
-    onDisposing?: ((e: ButtonDisposingEvent) => void) | undefined;
-    onInitialized?: ((e: ButtonInitializedEvent) => void) | undefined;
-    onOptionChanged?: ((e: ButtonOptionChangedEvent) => void) | undefined;
+    onContentReady?: ((e: ContentReadyEvent) => void) | undefined;
+    onDisposing?: ((e: DisposingEvent) => void) | undefined;
+    onInitialized?: ((e: InitializedEvent) => void) | undefined;
+    onOptionChanged?: ((e: OptionChangedEvent) => void) | undefined;
     rtlEnabled?: boolean | undefined;
     stylingMode?: ButtonStyle | undefined;
     tabIndex?: number | undefined;
@@ -3160,6 +3484,94 @@ declare const Show: ((props: IShowProps) => React.FunctionComponentElement<React
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type ISimpleItemProps = React.PropsWithChildren<{
+    aiOptions?: Record<string, any> | {
+        disabled?: boolean;
+        instruction?: string | undefined;
+    };
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    dataField?: string | undefined;
+    editorOptions?: any | undefined;
+    editorType?: FormItemComponent;
+    helpText?: string | undefined;
+    isRequired?: boolean | undefined;
+    itemType?: FormItemType;
+    label?: Record<string, any> | {
+        alignment?: HorizontalAlignment;
+        location?: LabelLocation;
+        showColon?: boolean;
+        template?: ((itemData: {
+            component: dxForm;
+            dataField: string;
+            editorOptions: any;
+            editorType: string;
+            name: string;
+            text: string;
+        }, itemElement: any) => string | any) | template;
+        text?: string | undefined;
+        visible?: boolean;
+    };
+    name?: string | undefined;
+    template?: ((data: {
+        component: dxForm;
+        dataField: string;
+        editorOptions: Record<string, any>;
+        editorType: string;
+        name: string;
+    }, itemElement: any) => string | any) | template;
+    validationRules?: Array<CommonTypes.ValidationRule>;
+    visible?: boolean;
+    visibleIndex?: number | undefined;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const SimpleItem: ((props: ISimpleItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    aiOptions?: Record<string, any> | {
+        disabled?: boolean | undefined;
+        instruction?: string | undefined;
+    } | undefined;
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    dataField?: string | undefined;
+    editorOptions?: any | undefined;
+    editorType?: FormItemComponent | undefined;
+    helpText?: string | undefined;
+    isRequired?: boolean | undefined;
+    itemType?: FormItemType | undefined;
+    label?: Record<string, any> | {
+        alignment?: HorizontalAlignment | undefined;
+        location?: LabelLocation | undefined;
+        showColon?: boolean | undefined;
+        template?: template | ((itemData: {
+            component: dxForm;
+            dataField: string;
+            editorOptions: any;
+            editorType: string;
+            name: string;
+            text: string;
+        }, itemElement: any) => string | any) | undefined;
+        text?: string | undefined;
+        visible?: boolean | undefined;
+    } | undefined;
+    name?: string | undefined;
+    template?: template | ((data: {
+        component: dxForm;
+        dataField: string;
+        editorOptions: Record<string, any>;
+        editorType: string;
+        name: string;
+    }, itemElement: any) => string | any) | undefined;
+    validationRules?: CommonTypes.ValidationRule[] | undefined;
+    visible?: boolean | undefined;
+    visibleIndex?: number | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type ISortingProps = React.PropsWithChildren<{
     ascendingText?: string;
     clearText?: string;
@@ -3218,6 +3630,260 @@ declare const StringLengthRule: ((props: IStringLengthRuleProps) => React.Functi
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type ITabProps = React.PropsWithChildren<{
+    alignItemLabels?: boolean;
+    badge?: string | undefined;
+    colCount?: number;
+    colCountByScreen?: Record<string, any> | {
+        lg?: number | undefined;
+        md?: number | undefined;
+        sm?: number | undefined;
+        xs?: number | undefined;
+    };
+    disabled?: boolean;
+    icon?: string | undefined;
+    items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
+    tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined;
+    template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined;
+    title?: string | undefined;
+    tabRender?: (...params: any) => React.ReactNode;
+    tabComponent?: React.ComponentType<any>;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const Tab: ((props: ITabProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    alignItemLabels?: boolean | undefined;
+    badge?: string | undefined;
+    colCount?: number | undefined;
+    colCountByScreen?: Record<string, any> | {
+        lg?: number | undefined;
+        md?: number | undefined;
+        sm?: number | undefined;
+        xs?: number | undefined;
+    } | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined;
+    tabTemplate?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined;
+    template?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined;
+    title?: string | undefined;
+    tabRender?: ((...params: any) => React.ReactNode) | undefined;
+    tabComponent?: React.ComponentType<any> | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ITabbedItemProps = React.PropsWithChildren<{
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    itemType?: FormItemType;
+    name?: string | undefined;
+    tabPanelOptions?: dxTabPanelOptions | undefined;
+    tabs?: Array<Record<string, any>> | {
+        alignItemLabels?: boolean;
+        badge?: string | undefined;
+        colCount?: number;
+        colCountByScreen?: Record<string, any> | {
+            lg?: number | undefined;
+            md?: number | undefined;
+            sm?: number | undefined;
+            xs?: number | undefined;
+        };
+        disabled?: boolean;
+        icon?: string | undefined;
+        items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
+        tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined;
+        template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined;
+        title?: string | undefined;
+    }[];
+    visible?: boolean;
+    visibleIndex?: number | undefined;
+}>;
+declare const TabbedItem: ((props: ITabbedItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    colSpan?: number | undefined;
+    cssClass?: string | undefined;
+    itemType?: FormItemType | undefined;
+    name?: string | undefined;
+    tabPanelOptions?: dxTabPanelOptions | undefined;
+    tabs?: Record<string, any>[] | {
+        alignItemLabels?: boolean | undefined;
+        badge?: string | undefined;
+        colCount?: number | undefined;
+        colCountByScreen?: Record<string, any> | {
+            lg?: number | undefined;
+            md?: number | undefined;
+            sm?: number | undefined;
+            xs?: number | undefined;
+        } | undefined;
+        disabled?: boolean | undefined;
+        icon?: string | undefined;
+        items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined;
+        tabTemplate?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined;
+        template?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined;
+        title?: string | undefined;
+    }[] | undefined;
+    visible?: boolean | undefined;
+    visibleIndex?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ITabPanelOptionsProps = React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean;
+    animationEnabled?: boolean;
+    dataSource?: Array<any | dxTabPanelItem | string> | DataSource | DataSourceOptions | null | Store | string;
+    deferRendering?: boolean;
+    disabled?: boolean;
+    elementAttr?: Record<string, any>;
+    focusStateEnabled?: boolean;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean;
+    iconPosition?: TabsIconPosition;
+    itemHoldTimeout?: number;
+    items?: Array<any | dxTabPanelItem | string>;
+    itemTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string | any) | template;
+    itemTitleTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string | any) | template;
+    keyExpr?: (() => void) | string;
+    loop?: boolean;
+    noDataText?: string;
+    onContentReady?: ((e: TabPanelContentReadyEvent) => void);
+    onDisposing?: ((e: TabPanelDisposingEvent) => void);
+    onInitialized?: ((e: TabPanelInitializedEvent) => void);
+    onItemClick?: ((e: ItemClickEvent) => void);
+    onItemContextMenu?: ((e: ItemContextMenuEvent) => void);
+    onItemHold?: ((e: ItemHoldEvent) => void);
+    onItemRendered?: ((e: ItemRenderedEvent) => void);
+    onOptionChanged?: ((e: TabPanelOptionChangedEvent) => void);
+    onSelectionChanged?: ((e: SelectionChangedEvent) => void);
+    onSelectionChanging?: ((e: SelectionChangingEvent) => void);
+    onTitleClick?: ((e: TitleClickEvent) => void);
+    onTitleHold?: ((e: TitleHoldEvent) => void);
+    onTitleRendered?: ((e: TitleRenderedEvent) => void);
+    repaintChangesOnly?: boolean;
+    rtlEnabled?: boolean;
+    scrollByContent?: boolean;
+    scrollingEnabled?: boolean;
+    selectedIndex?: number;
+    selectedItem?: any;
+    showNavButtons?: boolean;
+    stylingMode?: TabsStyle;
+    swipeEnabled?: boolean;
+    tabIndex?: number;
+    tabsPosition?: CommonPosition;
+    visible?: boolean;
+    width?: number | string | undefined;
+    defaultItems?: Array<any | dxTabPanelItem | string>;
+    onItemsChange?: (value: Array<any | dxTabPanelItem | string>) => void;
+    defaultSelectedIndex?: number;
+    onSelectedIndexChange?: (value: number) => void;
+    defaultSelectedItem?: any;
+    onSelectedItemChange?: (value: any) => void;
+    itemRender?: (...params: any) => React.ReactNode;
+    itemComponent?: React.ComponentType<any>;
+    itemTitleRender?: (...params: any) => React.ReactNode;
+    itemTitleComponent?: React.ComponentType<any>;
+}>;
+declare const TabPanelOptions: ((props: ITabPanelOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean | undefined;
+    animationEnabled?: boolean | undefined;
+    dataSource?: string | any[] | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null | undefined;
+    deferRendering?: boolean | undefined;
+    disabled?: boolean | undefined;
+    elementAttr?: Record<string, any> | undefined;
+    focusStateEnabled?: boolean | undefined;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean | undefined;
+    iconPosition?: TabsIconPosition | undefined;
+    itemHoldTimeout?: number | undefined;
+    items?: any[] | undefined;
+    itemTemplate?: template | ((itemData: any, itemIndex: number, itemElement: any) => string | any) | undefined;
+    itemTitleTemplate?: template | ((itemData: any, itemIndex: number, itemElement: any) => string | any) | undefined;
+    keyExpr?: string | (() => void) | undefined;
+    loop?: boolean | undefined;
+    noDataText?: string | undefined;
+    onContentReady?: ((e: TabPanelContentReadyEvent) => void) | undefined;
+    onDisposing?: ((e: TabPanelDisposingEvent) => void) | undefined;
+    onInitialized?: ((e: TabPanelInitializedEvent) => void) | undefined;
+    onItemClick?: ((e: ItemClickEvent) => void) | undefined;
+    onItemContextMenu?: ((e: ItemContextMenuEvent) => void) | undefined;
+    onItemHold?: ((e: ItemHoldEvent) => void) | undefined;
+    onItemRendered?: ((e: ItemRenderedEvent) => void) | undefined;
+    onOptionChanged?: ((e: TabPanelOptionChangedEvent) => void) | undefined;
+    onSelectionChanged?: ((e: SelectionChangedEvent) => void) | undefined;
+    onSelectionChanging?: ((e: SelectionChangingEvent) => void) | undefined;
+    onTitleClick?: ((e: TitleClickEvent) => void) | undefined;
+    onTitleHold?: ((e: TitleHoldEvent) => void) | undefined;
+    onTitleRendered?: ((e: TitleRenderedEvent) => void) | undefined;
+    repaintChangesOnly?: boolean | undefined;
+    rtlEnabled?: boolean | undefined;
+    scrollByContent?: boolean | undefined;
+    scrollingEnabled?: boolean | undefined;
+    selectedIndex?: number | undefined;
+    selectedItem?: any;
+    showNavButtons?: boolean | undefined;
+    stylingMode?: TabsStyle | undefined;
+    swipeEnabled?: boolean | undefined;
+    tabIndex?: number | undefined;
+    tabsPosition?: CommonPosition | undefined;
+    visible?: boolean | undefined;
+    width?: number | string | undefined;
+    defaultItems?: any[] | undefined;
+    onItemsChange?: ((value: Array<any | dxTabPanelItem | string>) => void) | undefined;
+    defaultSelectedIndex?: number | undefined;
+    onSelectedIndexChange?: ((value: number) => void) | undefined;
+    defaultSelectedItem?: any;
+    onSelectedItemChange?: ((value: any) => void) | undefined;
+    itemRender?: ((...params: any) => React.ReactNode) | undefined;
+    itemComponent?: React.ComponentType<any> | undefined;
+    itemTitleRender?: ((...params: any) => React.ReactNode) | undefined;
+    itemTitleComponent?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ITabPanelOptionsItemProps = React.PropsWithChildren<{
+    badge?: string;
+    disabled?: boolean;
+    html?: string;
+    icon?: string;
+    tabTemplate?: (() => string | any) | template;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
+    text?: string;
+    title?: string;
+    visible?: boolean;
+    tabRender?: (...params: any) => React.ReactNode;
+    tabComponent?: React.ComponentType<any>;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const TabPanelOptionsItem: ((props: ITabPanelOptionsItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    badge?: string | undefined;
+    disabled?: boolean | undefined;
+    html?: string | undefined;
+    icon?: string | undefined;
+    tabTemplate?: template | (() => string | any) | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    title?: string | undefined;
+    visible?: boolean | undefined;
+    tabRender?: ((...params: any) => React.ReactNode) | undefined;
+    tabComponent?: React.ComponentType<any> | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type ITextsProps = React.PropsWithChildren<{
     addRow?: string;
     addRowToNode?: string;
@@ -3414,6 +4080,48 @@ declare const TreeListSelection: ((props: ITreeListSelectionProps) => React.Func
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type ITreeListToolbarItemProps = React.PropsWithChildren<{
+    cssClass?: string | undefined;
+    disabled?: boolean;
+    html?: string;
+    locateInMenu?: LocateInMenuMode;
+    location?: ToolbarItemLocation;
+    menuItemTemplate?: (() => string | any) | template;
+    name?: string | TreeListPredefinedToolbarItem;
+    options?: any;
+    showText?: ShowTextMode;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
+    text?: string;
+    visible?: boolean;
+    widget?: ToolbarItemComponent;
+    menuItemRender?: (...params: any) => React.ReactNode;
+    menuItemComponent?: React.ComponentType<any>;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const TreeListToolbarItem: ((props: ITreeListToolbarItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    cssClass?: string | undefined;
+    disabled?: boolean | undefined;
+    html?: string | undefined;
+    locateInMenu?: LocateInMenuMode | undefined;
+    location?: ToolbarItemLocation | undefined;
+    menuItemTemplate?: template | (() => string | any) | undefined;
+    name?: string | undefined;
+    options?: any;
+    showText?: ShowTextMode | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    visible?: boolean | undefined;
+    widget?: ToolbarItemComponent | undefined;
+    menuItemRender?: ((...params: any) => React.ReactNode) | undefined;
+    menuItemComponent?: React.ComponentType<any> | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IValidationRuleProps = React.PropsWithChildren<{
     message?: string;
     trim?: boolean;
@@ -3428,7 +4136,7 @@ type IValidationRuleProps = React.PropsWithChildren<{
         formItem: Record<string, any>;
         rule: Record<string, any>;
         validator: Record<string, any>;
-        value: string | number;
+        value: any;
     }) => boolean);
     comparisonTarget?: (() => any);
     comparisonType?: ComparisonOperator;
@@ -3448,7 +4156,7 @@ declare const ValidationRule: ((props: IValidationRuleProps) => React.FunctionCo
         formItem: Record<string, any>;
         rule: Record<string, any>;
         validator: Record<string, any>;
-        value: string | number;
+        value: any;
     }) => boolean) | undefined;
     comparisonTarget?: (() => any) | undefined;
     comparisonType?: ComparisonOperator | undefined;
@@ -3459,6 +4167,6 @@ declare const ValidationRule: ((props: IValidationRuleProps) => React.FunctionCo
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
 export default TreeList;
-export { TreeList, ITreeListOptions, TreeListRef, AI, IAIProps, AIOptions, IAIOptionsProps, Animation, IAnimationProps, AsyncRule, IAsyncRuleProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, Button, IButtonProps, Change, IChangeProps, ColCountByScreen, IColCountByScreenProps, Collision, ICollisionProps, Column, IColumnProps, ColumnButton, IColumnButtonProps, ColumnChooser, IColumnChooserProps, ColumnChooserSearch, IColumnChooserSearchProps, ColumnChooserSelection, IColumnChooserSelectionProps, ColumnFixing, IColumnFixingProps, ColumnFixingTexts, IColumnFixingTextsProps, ColumnHeaderFilter, IColumnHeaderFilterProps, ColumnHeaderFilterSearch, IColumnHeaderFilterSearchProps, ColumnLookup, IColumnLookupProps, CompareRule, ICompareRuleProps, CursorOffset, ICursorOffsetProps, CustomOperation, ICustomOperationProps, CustomRule, ICustomRuleProps, Editing, IEditingProps, EditingTexts, IEditingTextsProps, EditorOptions, IEditorOptionsProps, EditorOptionsButton, IEditorOptionsButtonProps, EmailRule, IEmailRuleProps, Field, IFieldProps, FieldLookup, IFieldLookupProps, FilterBuilder, IFilterBuilderProps, FilterBuilderPopup, IFilterBuilderPopupProps, FilterOperationDescriptions, IFilterOperationDescriptionsProps, FilterPanel, IFilterPanelProps, FilterPanelTexts, IFilterPanelTextsProps, FilterRow, IFilterRowProps, Form, IFormProps, Format, IFormatProps, FormItem, IFormItemProps, From, IFromProps, GroupOperationDescriptions, IGroupOperationDescriptionsProps, HeaderFilter, IHeaderFilterProps, Hide, IHideProps, Icons, IIconsProps, IndicatorOptions, IIndicatorOptionsProps, Item, IItemProps, KeyboardNavigation, IKeyboardNavigationProps, Label, ILabelProps, LoadPanel, ILoadPanelProps, Lookup, ILookupProps, My, IMyProps, NumericRule, INumericRuleProps, Offset, IOffsetProps, OperationDescriptions, IOperationDescriptionsProps, Options, IOptionsProps, Pager, IPagerProps, Paging, IPagingProps, PatternRule, IPatternRuleProps, Popup, IPopupProps, Position, IPositionProps, RangeRule, IRangeRuleProps, RemoteOperations, IRemoteOperationsProps, RequiredRule, IRequiredRuleProps, RowDragging, IRowDraggingProps, Scrolling, IScrollingProps, Search, ISearchProps, SearchPanel, ISearchPanelProps, Selection, ISelectionProps, Show, IShowProps, Sorting, ISortingProps, StateStoring, IStateStoringProps, StringLengthRule, IStringLengthRuleProps, Texts, ITextsProps, To, IToProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, TreeListHeaderFilter, ITreeListHeaderFilterProps, TreeListHeaderFilterSearch, ITreeListHeaderFilterSearchProps, TreeListHeaderFilterTexts, ITreeListHeaderFilterTextsProps, TreeListSelection, ITreeListSelectionProps, ValidationRule, IValidationRuleProps };
+export { TreeList, ITreeListOptions, TreeListRef, AI, IAIProps, AIOptions, IAIOptionsProps, Animation, IAnimationProps, AsyncRule, IAsyncRuleProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, Button, IButtonProps, ButtonItem, IButtonItemProps, ButtonOptions, IButtonOptionsProps, Change, IChangeProps, ColCountByScreen, IColCountByScreenProps, Collision, ICollisionProps, Column, IColumnProps, ColumnButton, IColumnButtonProps, ColumnChooser, IColumnChooserProps, ColumnChooserSearch, IColumnChooserSearchProps, ColumnChooserSelection, IColumnChooserSelectionProps, ColumnFixing, IColumnFixingProps, ColumnFixingTexts, IColumnFixingTextsProps, ColumnHeaderFilter, IColumnHeaderFilterProps, ColumnHeaderFilterSearch, IColumnHeaderFilterSearchProps, ColumnLookup, IColumnLookupProps, CompareRule, ICompareRuleProps, CursorOffset, ICursorOffsetProps, CustomOperation, ICustomOperationProps, CustomRule, ICustomRuleProps, Editing, IEditingProps, EditingTexts, IEditingTextsProps, EditorOptions, IEditorOptionsProps, EditorOptionsButton, IEditorOptionsButtonProps, EmailRule, IEmailRuleProps, EmptyItem, IEmptyItemProps, Field, IFieldProps, FieldLookup, IFieldLookupProps, FilterBuilder, IFilterBuilderProps, FilterBuilderPopup, IFilterBuilderPopupProps, FilterOperationDescriptions, IFilterOperationDescriptionsProps, FilterPanel, IFilterPanelProps, FilterPanelTexts, IFilterPanelTextsProps, FilterRow, IFilterRowProps, Form, IFormProps, Format, IFormatProps, FormItem, IFormItemProps, From, IFromProps, GroupItem, IGroupItemProps, GroupOperationDescriptions, IGroupOperationDescriptionsProps, HeaderFilter, IHeaderFilterProps, Hide, IHideProps, Icons, IIconsProps, IndicatorOptions, IIndicatorOptionsProps, Item, IItemProps, KeyboardNavigation, IKeyboardNavigationProps, Label, ILabelProps, LoadPanel, ILoadPanelProps, Lookup, ILookupProps, My, IMyProps, NumericRule, INumericRuleProps, Offset, IOffsetProps, OperationDescriptions, IOperationDescriptionsProps, Options, IOptionsProps, Pager, IPagerProps, Paging, IPagingProps, PatternRule, IPatternRuleProps, Popup, IPopupProps, Position, IPositionProps, RangeRule, IRangeRuleProps, RemoteOperations, IRemoteOperationsProps, RequiredRule, IRequiredRuleProps, RowDragging, IRowDraggingProps, Scrolling, IScrollingProps, Search, ISearchProps, SearchPanel, ISearchPanelProps, Selection, ISelectionProps, Show, IShowProps, SimpleItem, ISimpleItemProps, Sorting, ISortingProps, StateStoring, IStateStoringProps, StringLengthRule, IStringLengthRuleProps, Tab, ITabProps, TabbedItem, ITabbedItemProps, TabPanelOptions, ITabPanelOptionsProps, TabPanelOptionsItem, ITabPanelOptionsItemProps, Texts, ITextsProps, To, IToProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, TreeListHeaderFilter, ITreeListHeaderFilterProps, TreeListHeaderFilterSearch, ITreeListHeaderFilterSearchProps, TreeListHeaderFilterTexts, ITreeListHeaderFilterTextsProps, TreeListSelection, ITreeListSelectionProps, TreeListToolbarItem, ITreeListToolbarItemProps, ValidationRule, IValidationRuleProps };
 import type * as TreeListTypes from 'devextreme/ui/tree_list_types';
 export { TreeListTypes };