devextreme-react 25.2.2-beta → 25.2.4

package/cjs/data-grid.d.ts

@@ -1,9 +1,9 @@
 /*!
  * devextreme-react
- * Version: 25.2.2-beta
- * Build date: Thu Nov 20 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.
@@ -16,25 +16,26 @@ import * as React from "react";
 import { Ref, ReactElement } from "react";
 import dxDataGrid, { Properties } from "devextreme/ui/data_grid";
 import { IHtmlOptions, NestedComponentMeta } from "./core/component";
-import type { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangingEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent, dxDataGridColumnButton, DataGridCommandColumnType, SelectionSensitivity, DataGridExportFormat, DataGridPredefinedToolbarItem, DataGridScrollMode, dxDataGridToolbarItem } from "devextreme/ui/data_grid";
+import type { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangingEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent, dxDataGridColumnButton, DataGridCommandColumnType, SelectionSensitivity, DataGridPredefinedToolbarItem, DataGridExportFormat, DataGridScrollMode, dxDataGridToolbarItem } from "devextreme/ui/data_grid";
 import type { DataChange, AIColumnMode, DataChangeType, ColumnAIOptions, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter as GridsColumnHeaderFilter, SelectedFilterOperation, ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts, SelectionColumnDisplayMode, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction, FilterPanel as GridsFilterPanel, FilterPanelTexts as GridsFilterPanelTexts, ApplyFilterMode, GroupExpandMode, SummaryType, EnterKeyAction, EnterKeyDirection, PagerPageSize, GridBase, DataRenderMode, StateStoreType } from "devextreme/common/grids";
-import type { Mode, ValidationRuleType, HorizontalAlignment, VerticalAlignment, template, TextEditorButtonLocation, DataType, Format as CommonFormat, SortOrder, SearchMode, ComparisonOperator, SingleMultipleOrNone, SelectAllMode, TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position as CommonPosition, ValidationStatus, PositionAlignment, Direction, ToolbarItemLocation, ToolbarItemComponent, ButtonStyle, ButtonType, DisplayMode, DragDirection, DragHighlight, ScrollbarMode } from "devextreme/common";
-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 { Mode, ValidationRuleType, HorizontalAlignment, VerticalAlignment, template, TextEditorButtonLocation, ButtonStyle, ButtonType, DataType, Format as CommonFormat, SortOrder, SearchMode, ComparisonOperator, SingleMultipleOrNone, SelectAllMode, ToolbarItemLocation, ToolbarItemComponent, TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position as CommonPosition, ValidationStatus, PositionAlignment, Direction, DisplayMode, DragDirection, DragHighlight, ScrollbarMode, TabsIconPosition, TabsStyle } from "devextreme/common";
+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 { Format as LocalizationFormat } from "devextreme/common/core/localization";
 import type { DataSourceOptions } from "devextreme/data/data_source";
 import type { Store } from "devextreme/data/store";
+import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
+import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
 import type { dxPopupOptions, dxPopupToolbarItem, ToolbarLocation } from "devextreme/ui/popup";
 import type { event } from "devextreme/events/events.types";
 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 { 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];
@@ -205,7 +207,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<{
@@ -219,7 +221,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;
@@ -318,6 +320,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;
@@ -993,7 +1087,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<{
@@ -1007,7 +1101,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;
@@ -1088,6 +1182,48 @@ declare const DataGridSelection: ((props: IDataGridSelectionProps) => React.Func
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IDataGridToolbarItemProps = React.PropsWithChildren<{
+    cssClass?: string | undefined;
+    disabled?: boolean;
+    html?: string;
+    locateInMenu?: LocateInMenuMode;
+    location?: ToolbarItemLocation;
+    menuItemTemplate?: (() => string | any) | template;
+    name?: DataGridPredefinedToolbarItem | string;
+    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 DataGridToolbarItem: ((props: IDataGridToolbarItemProps) => 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 IEditingProps = React.PropsWithChildren<{
     allowAdding?: boolean;
     allowDeleting?: boolean | ((options: {
@@ -1240,7 +1376,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;
@@ -1299,7 +1435,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;
@@ -1356,6 +1492,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 IExportProps = React.PropsWithChildren<{
     allowExportSelectedData?: boolean;
     enabled?: boolean;
@@ -2054,6 +2210,72 @@ declare const Format: ((props: IFormatProps) => React.FunctionComponentElement<R
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IFormGroupItemProps = 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 FormGroupItem: ((props: IFormGroupItemProps) => 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 IFormItemProps = React.PropsWithChildren<{
     aiOptions?: Record<string, any> | {
         disabled?: boolean;
@@ -2375,42 +2597,186 @@ 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 | DataGridPredefinedToolbarItem;
+    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?: DataGridPredefinedToolbarItem | string;
     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;
+    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;
+    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 | DataGridPredefinedToolbarItem;
+    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;
-    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;
+    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;
 } & {
@@ -2627,10 +2993,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;
@@ -2658,10 +3024,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;
@@ -3436,6 +3802,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 ISortByGroupSummaryInfoProps = React.PropsWithChildren<{
     groupColumn?: string | undefined;
     sortOrder?: SortOrder | undefined;
@@ -3644,6 +4098,260 @@ declare const SummaryTexts: ((props: ISummaryTextsProps) => React.FunctionCompon
 } & {
     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;
     cancelAllChanges?: string;
@@ -3852,7 +4560,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;
@@ -3872,7 +4580,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;
@@ -3903,6 +4611,6 @@ declare const ValueFormat: ((props: IValueFormatProps) => React.FunctionComponen
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
 export default DataGrid;
-export { DataGrid, IDataGridOptions, DataGridRef, 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, DataGridHeaderFilter, IDataGridHeaderFilterProps, DataGridHeaderFilterSearch, IDataGridHeaderFilterSearchProps, DataGridHeaderFilterTexts, IDataGridHeaderFilterTextsProps, DataGridSelection, IDataGridSelectionProps, Editing, IEditingProps, EditingTexts, IEditingTextsProps, EditorOptions, IEditorOptionsProps, EditorOptionsButton, IEditorOptionsButtonProps, EmailRule, IEmailRuleProps, Export, IExportProps, ExportTexts, IExportTextsProps, Field, IFieldProps, FieldLookup, IFieldLookupProps, FilterBuilder, IFilterBuilderProps, FilterBuilderPopup, IFilterBuilderPopupProps, FilterOperationDescriptions, IFilterOperationDescriptionsProps, FilterPanel, IFilterPanelProps, FilterPanelTexts, IFilterPanelTextsProps, FilterRow, IFilterRowProps, Form, IFormProps, Format, IFormatProps, FormItem, IFormItemProps, From, IFromProps, Grouping, IGroupingProps, GroupingTexts, IGroupingTextsProps, GroupItem, IGroupItemProps, GroupOperationDescriptions, IGroupOperationDescriptionsProps, GroupPanel, IGroupPanelProps, HeaderFilter, IHeaderFilterProps, Hide, IHideProps, Icons, IIconsProps, IndicatorOptions, IIndicatorOptionsProps, Item, IItemProps, KeyboardNavigation, IKeyboardNavigationProps, Label, ILabelProps, LoadPanel, ILoadPanelProps, Lookup, ILookupProps, MasterDetail, IMasterDetailProps, 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, SortByGroupSummaryInfo, ISortByGroupSummaryInfoProps, Sorting, ISortingProps, StateStoring, IStateStoringProps, StringLengthRule, IStringLengthRuleProps, Summary, ISummaryProps, SummaryTexts, ISummaryTextsProps, Texts, ITextsProps, To, IToProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, TotalItem, ITotalItemProps, ValidationRule, IValidationRuleProps, ValueFormat, IValueFormatProps };
+export { DataGrid, IDataGridOptions, DataGridRef, 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, DataGridHeaderFilter, IDataGridHeaderFilterProps, DataGridHeaderFilterSearch, IDataGridHeaderFilterSearchProps, DataGridHeaderFilterTexts, IDataGridHeaderFilterTextsProps, DataGridSelection, IDataGridSelectionProps, DataGridToolbarItem, IDataGridToolbarItemProps, Editing, IEditingProps, EditingTexts, IEditingTextsProps, EditorOptions, IEditorOptionsProps, EditorOptionsButton, IEditorOptionsButtonProps, EmailRule, IEmailRuleProps, EmptyItem, IEmptyItemProps, Export, IExportProps, ExportTexts, IExportTextsProps, Field, IFieldProps, FieldLookup, IFieldLookupProps, FilterBuilder, IFilterBuilderProps, FilterBuilderPopup, IFilterBuilderPopupProps, FilterOperationDescriptions, IFilterOperationDescriptionsProps, FilterPanel, IFilterPanelProps, FilterPanelTexts, IFilterPanelTextsProps, FilterRow, IFilterRowProps, Form, IFormProps, Format, IFormatProps, FormGroupItem, IFormGroupItemProps, FormItem, IFormItemProps, From, IFromProps, Grouping, IGroupingProps, GroupingTexts, IGroupingTextsProps, GroupItem, IGroupItemProps, GroupOperationDescriptions, IGroupOperationDescriptionsProps, GroupPanel, IGroupPanelProps, HeaderFilter, IHeaderFilterProps, Hide, IHideProps, Icons, IIconsProps, IndicatorOptions, IIndicatorOptionsProps, Item, IItemProps, KeyboardNavigation, IKeyboardNavigationProps, Label, ILabelProps, LoadPanel, ILoadPanelProps, Lookup, ILookupProps, MasterDetail, IMasterDetailProps, 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, SortByGroupSummaryInfo, ISortByGroupSummaryInfoProps, Sorting, ISortingProps, StateStoring, IStateStoringProps, StringLengthRule, IStringLengthRuleProps, Summary, ISummaryProps, SummaryTexts, ISummaryTextsProps, Tab, ITabProps, TabbedItem, ITabbedItemProps, TabPanelOptions, ITabPanelOptionsProps, TabPanelOptionsItem, ITabPanelOptionsItemProps, Texts, ITextsProps, To, IToProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, TotalItem, ITotalItemProps, ValidationRule, IValidationRuleProps, ValueFormat, IValueFormatProps };
 import type * as DataGridTypes from 'devextreme/ui/data_grid_types';
 export { DataGridTypes };