devextreme-react 25.1.2-beta → 25.1.3

package/cjs/card-view.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.2-beta
- * Build date: Wed May 14 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,20 +16,23 @@ import * as React from "react";
 import { Ref, ReactElement } from "react";
 import dxCardView, { Properties } from "devextreme/ui/card_view";
 import { IHtmlOptions, NestedComponentMeta } from "./core/component";
-import type { CardClickEvent, CardDblClickEvent, CardInsertedEvent, CardInsertingEvent, CardPreparedEvent, CardRemovedEvent, CardRemovingEvent, CardSavedEvent, CardSavingEvent, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, InitNewCardEvent, SelectionChangingEvent, CardTemplateData, CardHeaderItem as CardViewCardHeaderItem, CardHeaderPredefinedItem, FieldTemplateData, ColumnTemplateData, PredefinedToolbarItem, ToolbarItem as CardViewToolbarItem } from "devextreme/ui/card_view";
+import type { CardClickEvent, CardDblClickEvent, CardInsertedEvent, CardInsertingEvent, CardPreparedEvent, CardRemovedEvent, CardRemovingEvent, CardSavedEvent, CardSavingEvent, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, InitNewCardEvent, CardTemplateData, CardHeaderItem as CardViewCardHeaderItem, CardHeaderPredefinedItem, FieldTemplateData, ColumnTemplateData, EditingTexts as CardViewEditingTexts, PredefinedToolbarItem, dxCardViewToolbarItem } from "devextreme/ui/card_view";
 import type { AnimationConfig, CollisionResolution, PositionConfig, AnimationState, AnimationType, CollisionResolutionCombination } from "devextreme/common/core/animation";
-import type { ValidationRuleType, HorizontalAlignment, VerticalAlignment, template, ToolbarItemLocation, ToolbarItemComponent, DataType, Format as CommonFormat, SortOrder, ComparisonOperator, Direction, PositionAlignment, Mode, DisplayMode, SingleMultipleOrNone, SelectAllMode } from "devextreme/common";
+import type { ValidationRuleType, HorizontalAlignment, VerticalAlignment, ButtonStyle, template, ButtonType, ToolbarItemLocation, ToolbarItemComponent, SearchMode, SingleMultipleOrNone, SelectAllMode, DataType, Format as CommonFormat, SortOrder, ComparisonOperator, DragHighlight, Mode, Direction, PositionAlignment, DisplayMode, ScrollbarMode, TabsIconPosition, TabsStyle, Position as CommonPosition } from "devextreme/common";
+import type { dxButtonOptions, ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from "devextreme/ui/button";
+import type { FormItemType, ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, OptionChangedEvent as FormOptionChangedEvent, dxFormSimpleItem, dxFormOptions, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, EditorEnterKeyEvent, FieldDataChangedEvent, FormItemComponent } from "devextreme/ui/form";
+import type { ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, InitializedEvent as FilterBuilderInitializedEvent, OptionChangedEvent as FilterBuilderOptionChangedEvent, dxFilterBuilderField, FieldInfo, FilterBuilderOperation, dxFilterBuilderCustomOperation, GroupOperation, EditorPreparedEvent, EditorPreparingEvent, ValueChangedEvent } from "devextreme/ui/filter_builder";
+import type { ContentReadyEvent as LoadPanelContentReadyEvent, DisposingEvent as LoadPanelDisposingEvent, InitializedEvent as LoadPanelInitializedEvent, OptionChangedEvent as LoadPanelOptionChangedEvent, HiddenEvent, HidingEvent, ShowingEvent, ShownEvent } from "devextreme/ui/load_panel";
+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 { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
-import type { DataChangeType, FilterType, DataChange, PagerPageSize, SelectionColumnDisplayMode } from "devextreme/common/grids";
+import type { HeaderFilterSearchConfig, HeaderFilterTexts, SelectionColumnDisplayMode, DataChangeType, FilterType, ColumnHeaderFilter as GridsColumnHeaderFilter, ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, DataChange, FilterPanel as GridsFilterPanel, FilterPanelTexts as GridsFilterPanelTexts, PagerPageSize } from "devextreme/common/grids";
 import type { Format as LocalizationFormat } from "devextreme/common/core/localization";
-import type { dxFormSimpleItem, FormItemComponent, FormItemType, LabelLocation } from "devextreme/ui/form";
-import type { dxFilterBuilderField, FieldInfo, FilterBuilderOperation, dxFilterBuilderCustomOperation, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from "devextreme/ui/filter_builder";
 import type { DataSourceOptions } from "devextreme/data/data_source";
 import type { Store } from "devextreme/data/store";
-import type { ContentReadyEvent as LoadPanelContentReadyEvent, DisposingEvent as LoadPanelDisposingEvent, InitializedEvent as LoadPanelInitializedEvent, OptionChangedEvent as LoadPanelOptionChangedEvent, HiddenEvent, HidingEvent, ShowingEvent, ShownEvent } from "devextreme/ui/load_panel";
 import type { event } from "devextreme/events/events.types";
 import type dxForm from "devextreme/ui/form";
+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];
@@ -57,7 +60,6 @@ type ICardViewOptionsNarrowedEvents<TCardData = any, TKey = any> = {
     onFieldValueDblClick?: ((e: FieldValueDblClickEvent) => void);
     onFieldValuePrepared?: ((e: FieldValuePreparedEvent) => void);
     onInitNewCard?: ((e: InitNewCardEvent<TCardData>) => void);
-    onSelectionChanging?: ((e: SelectionChangingEvent<TCardData, TKey>) => void);
 };
 type ICardViewOptions<TCardData = any, TKey = any> = React.PropsWithChildren<ReplaceFieldTypes<Properties<TCardData, TKey>, ICardViewOptionsNarrowedEvents<TCardData, TKey>> & IHtmlOptions & {
     dataSource?: Properties<TCardData, TKey>["dataSource"];
@@ -164,6 +166,100 @@ declare const BoundaryOffset: ((props: IBoundaryOffsetProps) => React.FunctionCo
 } & {
     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?: 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?: 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;
+    bindingOptions?: Record<string, any>;
+    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: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => 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;
+    bindingOptions?: Record<string, any> | 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: 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;
+    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 ICardCoverProps = React.PropsWithChildren<{
     altExpr?: ((data: any) => string) | string;
     aspectRatio?: string;
@@ -246,6 +342,76 @@ declare const CardHeaderItem: ((props: ICardHeaderItemProps) => React.FunctionCo
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type ICardViewHeaderFilterProps = React.PropsWithChildren<{
+    allowSearch?: boolean;
+    allowSelectAll?: boolean;
+    height?: number | string;
+    search?: HeaderFilterSearchConfig;
+    searchTimeout?: number;
+    texts?: HeaderFilterTexts;
+    visible?: boolean;
+    width?: number | string;
+}>;
+declare const CardViewHeaderFilter: ((props: ICardViewHeaderFilterProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    allowSearch?: boolean | undefined;
+    allowSelectAll?: boolean | undefined;
+    height?: string | number | undefined;
+    search?: HeaderFilterSearchConfig | undefined;
+    searchTimeout?: number | undefined;
+    texts?: HeaderFilterTexts | undefined;
+    visible?: boolean | undefined;
+    width?: string | number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ICardViewHeaderFilterSearchProps = React.PropsWithChildren<{
+    editorOptions?: any;
+    enabled?: boolean;
+    mode?: SearchMode;
+    timeout?: number;
+}>;
+declare const CardViewHeaderFilterSearch: ((props: ICardViewHeaderFilterSearchProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    editorOptions?: any;
+    enabled?: boolean | undefined;
+    mode?: SearchMode | undefined;
+    timeout?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ICardViewHeaderFilterTextsProps = React.PropsWithChildren<{
+    cancel?: string;
+    emptyValue?: string;
+    ok?: string;
+}>;
+declare const CardViewHeaderFilterTexts: ((props: ICardViewHeaderFilterTextsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    cancel?: string | undefined;
+    emptyValue?: string | undefined;
+    ok?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ICardViewSelectionProps = React.PropsWithChildren<{
+    allowSelectAll?: boolean;
+    mode?: SingleMultipleOrNone;
+    selectAllMode?: SelectAllMode;
+    showCheckBoxesMode?: SelectionColumnDisplayMode;
+}>;
+declare const CardViewSelection: ((props: ICardViewSelectionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    allowSelectAll?: boolean | undefined;
+    mode?: SingleMultipleOrNone | undefined;
+    selectAllMode?: SelectAllMode | undefined;
+    showCheckBoxesMode?: SelectionColumnDisplayMode | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IChangeProps = React.PropsWithChildren<{
     data?: any;
     insertAfterKey?: any;
@@ -264,6 +430,22 @@ declare const Change: ((props: IChangeProps) => React.FunctionComponentElement<R
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IColCountByScreenProps = React.PropsWithChildren<{
+    lg?: number | undefined;
+    md?: number | undefined;
+    sm?: number | undefined;
+    xs?: number | undefined;
+}>;
+declare const ColCountByScreen: ((props: IColCountByScreenProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    lg?: number | undefined;
+    md?: number | undefined;
+    sm?: number | undefined;
+    xs?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type ICollisionProps = React.PropsWithChildren<{
     x?: CollisionResolution;
     y?: CollisionResolution;
@@ -290,7 +472,7 @@ type IColumnProps = React.PropsWithChildren<{
     calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | Array<any> | (() => void));
     calculateSortValue?: ((cardData: any) => any) | string;
     caption?: string | undefined;
-    customizeText?: ((cellInfo: {
+    customizeText?: ((fieldInfo: {
         groupInterval: string | number;
         target: string;
         value: any;
@@ -308,7 +490,7 @@ type IColumnProps = React.PropsWithChildren<{
     filterValues?: Array<any>;
     format?: LocalizationFormat;
     formItem?: dxFormSimpleItem;
-    headerFilter?: Record<string, any>;
+    headerFilter?: GridsColumnHeaderFilter | undefined;
     headerItemCssClass?: string;
     headerItemTemplate?: ((data: ColumnTemplateData, container: any) => string | any) | template;
     name?: string | undefined;
@@ -356,7 +538,7 @@ declare const Column: ((props: IColumnProps) => React.FunctionComponentElement<R
     calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | Array<any> | (() => void)) | undefined;
     calculateSortValue?: string | ((cardData: any) => any) | undefined;
     caption?: string | undefined;
-    customizeText?: ((cellInfo: {
+    customizeText?: ((fieldInfo: {
         groupInterval: string | number;
         target: string;
         value: any;
@@ -374,7 +556,7 @@ declare const Column: ((props: IColumnProps) => React.FunctionComponentElement<R
     filterValues?: any[] | undefined;
     format?: LocalizationFormat;
     formItem?: dxFormSimpleItem | undefined;
-    headerFilter?: Record<string, any> | undefined;
+    headerFilter?: GridsColumnHeaderFilter | undefined;
     headerItemCssClass?: string | undefined;
     headerItemTemplate?: template | ((data: ColumnTemplateData, container: any) => string | any) | undefined;
     name?: string | undefined;
@@ -412,6 +594,116 @@ declare const Column: ((props: IColumnProps) => React.FunctionComponentElement<R
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IColumnChooserProps = React.PropsWithChildren<{
+    allowSearch?: boolean;
+    container?: any | string | undefined;
+    emptyPanelText?: string;
+    enabled?: boolean;
+    height?: number | string;
+    mode?: ColumnChooserMode;
+    position?: PositionConfig | undefined;
+    search?: ColumnChooserSearchConfig;
+    searchTimeout?: number;
+    selection?: ColumnChooserSelectionConfig;
+    sortOrder?: SortOrder | undefined;
+    title?: string;
+    width?: number | string;
+}>;
+declare const ColumnChooser: ((props: IColumnChooserProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    allowSearch?: boolean | undefined;
+    container?: any | string | undefined;
+    emptyPanelText?: string | undefined;
+    enabled?: boolean | undefined;
+    height?: string | number | undefined;
+    mode?: ColumnChooserMode | undefined;
+    position?: PositionConfig | undefined;
+    search?: ColumnChooserSearchConfig | undefined;
+    searchTimeout?: number | undefined;
+    selection?: ColumnChooserSelectionConfig | undefined;
+    sortOrder?: SortOrder | undefined;
+    title?: string | undefined;
+    width?: string | number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IColumnChooserSearchProps = React.PropsWithChildren<{
+    editorOptions?: any;
+    enabled?: boolean;
+    timeout?: number;
+}>;
+declare const ColumnChooserSearch: ((props: IColumnChooserSearchProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    editorOptions?: any;
+    enabled?: boolean | undefined;
+    timeout?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IColumnChooserSelectionProps = React.PropsWithChildren<{
+    allowSelectAll?: boolean;
+    recursive?: boolean;
+    selectByClick?: boolean;
+}>;
+declare const ColumnChooserSelection: ((props: IColumnChooserSelectionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    allowSelectAll?: boolean | undefined;
+    recursive?: boolean | undefined;
+    selectByClick?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IColumnHeaderFilterProps = React.PropsWithChildren<{
+    allowSearch?: boolean;
+    allowSelectAll?: boolean;
+    dataSource?: Array<any> | DataSourceOptions | ((options: {
+        component: Record<string, any>;
+        dataSource: DataSourceOptions | null;
+    }) => void) | null | Store | undefined;
+    groupInterval?: HeaderFilterGroupInterval | number | undefined;
+    height?: number | string | undefined;
+    search?: ColumnHeaderFilterSearchConfig;
+    searchMode?: SearchMode;
+    width?: number | string | undefined;
+}>;
+declare const ColumnHeaderFilter: ((props: IColumnHeaderFilterProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    allowSearch?: boolean | undefined;
+    allowSelectAll?: boolean | undefined;
+    dataSource?: any[] | DataSourceOptions<any, any, any, any> | Store<any, any> | ((options: {
+        component: Record<string, any>;
+        dataSource: DataSourceOptions | null;
+    }) => void) | null | undefined;
+    groupInterval?: HeaderFilterGroupInterval | number | undefined;
+    height?: number | string | undefined;
+    search?: ColumnHeaderFilterSearchConfig | undefined;
+    searchMode?: SearchMode | undefined;
+    width?: number | string | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IColumnHeaderFilterSearchProps = React.PropsWithChildren<{
+    editorOptions?: any;
+    enabled?: boolean;
+    mode?: SearchMode;
+    searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined;
+    timeout?: number;
+}>;
+declare const ColumnHeaderFilterSearch: ((props: IColumnHeaderFilterSearchProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    editorOptions?: any;
+    enabled?: boolean | undefined;
+    mode?: SearchMode | undefined;
+    searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined;
+    timeout?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type ICompareRuleProps = React.PropsWithChildren<{
     comparisonTarget?: (() => any);
     comparisonType?: ComparisonOperator;
@@ -498,6 +790,32 @@ declare const CustomRule: ((props: ICustomRuleProps) => React.FunctionComponentE
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IDraggingProps = React.PropsWithChildren<{
+    dropFeedbackMode?: DragHighlight;
+    onDragChange?: ((e: any) => void);
+    onDragEnd?: ((e: any) => void);
+    onDragMove?: ((e: any) => void);
+    onDragStart?: ((e: any) => void);
+    onRemove?: ((e: any) => void);
+    onReorder?: ((e: any) => void);
+    scrollSensitivity?: number;
+    scrollSpeed?: number;
+}>;
+declare const Dragging: ((props: IDraggingProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    dropFeedbackMode?: DragHighlight | undefined;
+    onDragChange?: ((e: any) => void) | undefined;
+    onDragEnd?: ((e: any) => void) | undefined;
+    onDragMove?: ((e: any) => void) | undefined;
+    onDragStart?: ((e: any) => void) | undefined;
+    onRemove?: ((e: any) => void) | undefined;
+    onReorder?: ((e: any) => void) | undefined;
+    scrollSensitivity?: number | undefined;
+    scrollSpeed?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IEditingProps = React.PropsWithChildren<{
     allowAdding?: boolean;
     allowDeleting?: boolean;
@@ -505,8 +823,9 @@ type IEditingProps = React.PropsWithChildren<{
     changes?: Array<DataChange>;
     confirmDelete?: boolean;
     editCardKey?: any;
-    form?: Record<string, any>;
+    form?: dxFormOptions;
     popup?: Record<string, any>;
+    texts?: CardViewEditingTexts;
 }>;
 declare const Editing: ((props: IEditingProps) => React.FunctionComponentElement<React.PropsWithChildren<{
     allowAdding?: boolean | undefined;
@@ -515,8 +834,29 @@ declare const Editing: ((props: IEditingProps) => React.FunctionComponentElement
     changes?: DataChange<any, any>[] | undefined;
     confirmDelete?: boolean | undefined;
     editCardKey?: any;
-    form?: Record<string, any> | undefined;
+    form?: dxFormOptions | undefined;
     popup?: Record<string, any> | undefined;
+    texts?: CardViewEditingTexts | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IEditingTextsProps = React.PropsWithChildren<{
+    addCard?: string;
+    confirmDeleteMessage?: string;
+    confirmDeleteTitle?: string;
+    deleteCard?: string;
+    editCard?: string;
+    saveCard?: string;
+}>;
+declare const EditingTexts: ((props: IEditingTextsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    addCard?: string | undefined;
+    confirmDeleteMessage?: string | undefined;
+    confirmDeleteTitle?: string | undefined;
+    deleteCard?: string | undefined;
+    editCard?: string | undefined;
+    saveCard?: string | undefined;
 } & {
     children?: React.ReactNode;
 } & {
@@ -536,6 +876,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;
@@ -626,22 +986,22 @@ type IFilterBuilderProps = React.PropsWithChildren<{
         or?: string;
     };
     groupOperations?: Array<GroupOperation>;
-    height?: (() => number | string) | number | string | undefined;
+    height?: number | string | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean;
     maxGroupLevel?: number | undefined;
-    onContentReady?: ((e: ContentReadyEvent) => void);
-    onDisposing?: ((e: DisposingEvent) => void);
+    onContentReady?: ((e: FilterBuilderContentReadyEvent) => void);
+    onDisposing?: ((e: FilterBuilderDisposingEvent) => void);
     onEditorPrepared?: ((e: EditorPreparedEvent) => void);
     onEditorPreparing?: ((e: EditorPreparingEvent) => void);
-    onInitialized?: ((e: InitializedEvent) => void);
-    onOptionChanged?: ((e: OptionChangedEvent) => void);
+    onInitialized?: ((e: FilterBuilderInitializedEvent) => void);
+    onOptionChanged?: ((e: FilterBuilderOptionChangedEvent) => void);
     onValueChanged?: ((e: ValueChangedEvent) => void);
     rtlEnabled?: boolean;
     tabIndex?: number;
     value?: Array<any> | (() => any) | string;
     visible?: boolean;
-    width?: (() => number | string) | number | string | undefined;
+    width?: number | string | undefined;
     defaultValue?: Array<any> | (() => any) | string;
     onValueChange?: (value: Array<any> | (() => any) | string) => void;
 }>;
@@ -677,22 +1037,22 @@ declare const FilterBuilder: ((props: IFilterBuilderProps) => React.FunctionComp
         or?: string | undefined;
     } | undefined;
     groupOperations?: GroupOperation[] | undefined;
-    height?: (() => number | string) | number | string | undefined;
+    height?: number | string | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean | undefined;
     maxGroupLevel?: number | undefined;
-    onContentReady?: ((e: ContentReadyEvent) => void) | undefined;
-    onDisposing?: ((e: DisposingEvent) => void) | undefined;
+    onContentReady?: ((e: FilterBuilderContentReadyEvent) => void) | undefined;
+    onDisposing?: ((e: FilterBuilderDisposingEvent) => void) | undefined;
     onEditorPrepared?: ((e: EditorPreparedEvent) => void) | undefined;
     onEditorPreparing?: ((e: EditorPreparingEvent) => void) | undefined;
-    onInitialized?: ((e: InitializedEvent) => void) | undefined;
-    onOptionChanged?: ((e: OptionChangedEvent) => void) | undefined;
+    onInitialized?: ((e: FilterBuilderInitializedEvent) => void) | undefined;
+    onOptionChanged?: ((e: FilterBuilderOptionChangedEvent) => void) | undefined;
     onValueChanged?: ((e: ValueChangedEvent) => void) | undefined;
     rtlEnabled?: boolean | undefined;
     tabIndex?: number | undefined;
     value?: string | any[] | (() => any) | undefined;
     visible?: boolean | undefined;
-    width?: (() => number | string) | number | string | undefined;
+    width?: number | string | undefined;
     defaultValue?: string | any[] | (() => any) | undefined;
     onValueChange?: ((value: Array<any> | (() => any) | string) => void) | undefined;
 } & {
@@ -734,6 +1094,152 @@ declare const FilterOperationDescriptions: ((props: IFilterOperationDescriptions
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IFilterPanelProps = React.PropsWithChildren<{
+    customizeText?: ((e: {
+        component: GridsFilterPanel;
+        filterValue: Record<string, any>;
+        text: string;
+    }) => string);
+    filterEnabled?: boolean;
+    texts?: GridsFilterPanelTexts;
+    visible?: boolean;
+    defaultFilterEnabled?: boolean;
+    onFilterEnabledChange?: (value: boolean) => void;
+}>;
+declare const FilterPanel: ((props: IFilterPanelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    customizeText?: ((e: {
+        component: GridsFilterPanel;
+        filterValue: Record<string, any>;
+        text: string;
+    }) => string) | undefined;
+    filterEnabled?: boolean | undefined;
+    texts?: GridsFilterPanelTexts | undefined;
+    visible?: boolean | undefined;
+    defaultFilterEnabled?: boolean | undefined;
+    onFilterEnabledChange?: ((value: boolean) => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IFilterPanelTextsProps = React.PropsWithChildren<{
+    clearFilter?: string;
+    createFilter?: string;
+    filterEnabledHint?: string;
+}>;
+declare const FilterPanelTexts: ((props: IFilterPanelTextsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    clearFilter?: string | undefined;
+    createFilter?: string | undefined;
+    filterEnabledHint?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IFormProps = React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean;
+    alignItemLabels?: boolean;
+    alignItemLabelsInAllGroups?: boolean;
+    bindingOptions?: Record<string, any>;
+    colCount?: Mode | number;
+    colCountByScreen?: Record<string, any> | {
+        lg?: number | undefined;
+        md?: number | undefined;
+        sm?: number | undefined;
+        xs?: number | undefined;
+    };
+    customizeItem?: ((item: dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem) => void);
+    disabled?: boolean;
+    elementAttr?: Record<string, any>;
+    focusStateEnabled?: boolean;
+    formData?: any;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean;
+    isDirty?: boolean;
+    items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
+    labelLocation?: LabelLocation;
+    labelMode?: FormLabelMode;
+    minColWidth?: number;
+    onContentReady?: ((e: FormContentReadyEvent) => void);
+    onDisposing?: ((e: FormDisposingEvent) => void);
+    onEditorEnterKey?: ((e: EditorEnterKeyEvent) => void);
+    onFieldDataChanged?: ((e: FieldDataChangedEvent) => void);
+    onInitialized?: ((e: FormInitializedEvent) => void);
+    onOptionChanged?: ((e: FormOptionChangedEvent) => void);
+    optionalMark?: string;
+    readOnly?: boolean;
+    requiredMark?: string;
+    requiredMessage?: string;
+    rtlEnabled?: boolean;
+    screenByWidth?: (() => void);
+    scrollingEnabled?: boolean;
+    showColonAfterLabel?: boolean;
+    showOptionalMark?: boolean;
+    showRequiredMark?: boolean;
+    showValidationSummary?: boolean;
+    tabIndex?: number;
+    validationGroup?: string | undefined;
+    visible?: boolean;
+    width?: number | string | undefined;
+    defaultFormData?: any;
+    onFormDataChange?: (value: any) => void;
+}>;
+declare const Form: ((props: IFormProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean | undefined;
+    alignItemLabels?: boolean | undefined;
+    alignItemLabelsInAllGroups?: boolean | undefined;
+    bindingOptions?: Record<string, any> | undefined;
+    colCount?: number | "auto" | undefined;
+    colCountByScreen?: Record<string, any> | {
+        lg?: number | undefined;
+        md?: number | undefined;
+        sm?: number | undefined;
+        xs?: number | undefined;
+    } | undefined;
+    customizeItem?: ((item: dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem) => void) | undefined;
+    disabled?: boolean | undefined;
+    elementAttr?: Record<string, any> | undefined;
+    focusStateEnabled?: boolean | undefined;
+    formData?: any;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean | undefined;
+    isDirty?: boolean | undefined;
+    items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined;
+    labelLocation?: LabelLocation | undefined;
+    labelMode?: FormLabelMode | undefined;
+    minColWidth?: number | undefined;
+    onContentReady?: ((e: FormContentReadyEvent) => void) | undefined;
+    onDisposing?: ((e: FormDisposingEvent) => void) | undefined;
+    onEditorEnterKey?: ((e: EditorEnterKeyEvent) => void) | undefined;
+    onFieldDataChanged?: ((e: FieldDataChangedEvent) => void) | undefined;
+    onInitialized?: ((e: FormInitializedEvent) => void) | undefined;
+    onOptionChanged?: ((e: FormOptionChangedEvent) => void) | undefined;
+    optionalMark?: string | undefined;
+    readOnly?: boolean | undefined;
+    requiredMark?: string | undefined;
+    requiredMessage?: string | undefined;
+    rtlEnabled?: boolean | undefined;
+    screenByWidth?: (() => void) | undefined;
+    scrollingEnabled?: boolean | undefined;
+    showColonAfterLabel?: boolean | undefined;
+    showOptionalMark?: boolean | undefined;
+    showRequiredMark?: boolean | undefined;
+    showValidationSummary?: boolean | undefined;
+    tabIndex?: number | undefined;
+    validationGroup?: string | undefined;
+    visible?: boolean | undefined;
+    width?: number | string | undefined;
+    defaultFormData?: any;
+    onFormDataChange?: ((value: any) => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IFormatProps = React.PropsWithChildren<{
     currency?: string;
     formatter?: ((value: number | Date) => string);
@@ -852,8 +1358,74 @@ declare const From: ((props: IFromProps) => React.FunctionComponentElement<React
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
-type IGroupOperationDescriptionsProps = React.PropsWithChildren<{
-    and?: string;
+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;
     notOr?: string;
     or?: string;
@@ -868,8 +1440,54 @@ declare const GroupOperationDescriptions: ((props: IGroupOperationDescriptionsPr
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IHeaderFilterProps = React.PropsWithChildren<{
+    allowSearch?: boolean;
+    allowSelectAll?: boolean;
+    dataSource?: Array<any> | DataSourceOptions | ((options: {
+        component: Record<string, any>;
+        dataSource: DataSourceOptions | null;
+    }) => void) | null | Store | undefined;
+    groupInterval?: HeaderFilterGroupInterval | number | undefined;
+    height?: number | string | undefined;
+    search?: ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig;
+    searchMode?: SearchMode;
+    width?: number | string | undefined;
+    searchTimeout?: number;
+    texts?: HeaderFilterTexts;
+    visible?: boolean;
+}>;
+declare const HeaderFilter: ((props: IHeaderFilterProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    allowSearch?: boolean | undefined;
+    allowSelectAll?: boolean | undefined;
+    dataSource?: any[] | DataSourceOptions<any, any, any, any> | Store<any, any> | ((options: {
+        component: Record<string, any>;
+        dataSource: DataSourceOptions | null;
+    }) => void) | null | undefined;
+    groupInterval?: HeaderFilterGroupInterval | number | undefined;
+    height?: number | string | undefined;
+    search?: HeaderFilterSearchConfig | ColumnHeaderFilterSearchConfig | undefined;
+    searchMode?: SearchMode | undefined;
+    width?: number | string | undefined;
+    searchTimeout?: number | undefined;
+    texts?: HeaderFilterTexts | undefined;
+    visible?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IHeaderPanelProps = React.PropsWithChildren<{
-    dragging?: Record<string, any>;
+    dragging?: Record<string, any> | {
+        dropFeedbackMode?: DragHighlight;
+        onDragChange?: ((e: any) => void);
+        onDragEnd?: ((e: any) => void);
+        onDragMove?: ((e: any) => void);
+        onDragStart?: ((e: any) => void);
+        onRemove?: ((e: any) => void);
+        onReorder?: ((e: any) => void);
+        scrollSensitivity?: number;
+        scrollSpeed?: number;
+    };
     itemCssClass?: string;
     itemTemplate?: ((data: ColumnTemplateData, container: any) => string | any) | template;
     visible?: boolean;
@@ -877,7 +1495,17 @@ type IHeaderPanelProps = React.PropsWithChildren<{
     itemComponent?: React.ComponentType<any>;
 }>;
 declare const HeaderPanel: ((props: IHeaderPanelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    dragging?: Record<string, any> | undefined;
+    dragging?: Record<string, any> | {
+        dropFeedbackMode?: DragHighlight | undefined;
+        onDragChange?: ((e: any) => void) | undefined;
+        onDragEnd?: ((e: any) => void) | undefined;
+        onDragMove?: ((e: any) => void) | undefined;
+        onDragStart?: ((e: any) => void) | undefined;
+        onRemove?: ((e: any) => void) | undefined;
+        onReorder?: ((e: any) => void) | undefined;
+        scrollSensitivity?: number | undefined;
+        scrollSpeed?: number | undefined;
+    } | undefined;
     itemCssClass?: string | undefined;
     itemTemplate?: template | ((data: ColumnTemplateData, container: any) => string | any) | undefined;
     visible?: boolean | undefined;
@@ -923,17 +1551,85 @@ type IItemProps = React.PropsWithChildren<{
     locateInMenu?: LocateInMenuMode;
     location?: ToolbarItemLocation;
     menuItemTemplate?: (() => string | any) | template;
-    name?: CardHeaderPredefinedItem | string | PredefinedToolbarItem;
+    name?: CardHeaderPredefinedItem | string | undefined | PredefinedToolbarItem;
     options?: any;
     showText?: ShowTextMode;
     template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
     text?: string;
     visible?: boolean;
     widget?: ToolbarItemComponent;
+    badge?: string;
+    icon?: string;
+    tabTemplate?: (() => string | any) | template;
+    title?: string;
+    colSpan?: number | 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;
+    };
+    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;
     menuItemRender?: (...params: any) => React.ReactNode;
     menuItemComponent?: React.ComponentType<any>;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
+    tabRender?: (...params: any) => React.ReactNode;
+    tabComponent?: React.ComponentType<any>;
+    captionRender?: (...params: any) => React.ReactNode;
+    captionComponent?: React.ComponentType<any>;
 }>;
 declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
     cssClass?: string | undefined;
@@ -942,17 +1638,85 @@ declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React
     locateInMenu?: LocateInMenuMode | undefined;
     location?: ToolbarItemLocation | undefined;
     menuItemTemplate?: template | (() => string | any) | undefined;
-    name?: string | undefined;
+    name?: CardHeaderPredefinedItem | string | undefined | PredefinedToolbarItem;
     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;
+    badge?: string | undefined;
+    icon?: string | undefined;
+    tabTemplate?: template | (() => string | any) | undefined;
+    title?: string | undefined;
+    colSpan?: number | 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;
+    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;
     menuItemRender?: ((...params: any) => React.ReactNode) | undefined;
     menuItemComponent?: React.ComponentType<any> | undefined;
     render?: ((...params: any) => React.ReactNode) | undefined;
     component?: React.ComponentType<any> | undefined;
+    tabRender?: ((...params: any) => React.ReactNode) | undefined;
+    tabComponent?: React.ComponentType<any> | undefined;
+    captionRender?: ((...params: any) => React.ReactNode) | undefined;
+    captionComponent?: React.ComponentType<any> | undefined;
 } & {
     children?: React.ReactNode;
 } & {
@@ -1002,22 +1766,21 @@ type ILoadPanelProps = React.PropsWithChildren<{
         show?: AnimationConfig;
     };
     bindingOptions?: Record<string, any>;
-    closeOnOutsideClick?: boolean | ((event: event) => boolean);
     container?: any | string | undefined;
     deferRendering?: boolean;
     delay?: number;
     focusStateEnabled?: boolean;
-    height?: (() => number | string) | number | string;
+    height?: number | string;
     hideOnOutsideClick?: boolean | ((event: event) => boolean);
     hideOnParentScroll?: boolean;
     hint?: string | undefined;
     hoverStateEnabled?: boolean;
     indicatorSrc?: string;
-    maxHeight?: (() => number | string) | number | string;
-    maxWidth?: (() => number | string) | number | string;
+    maxHeight?: number | string;
+    maxWidth?: number | string;
     message?: string;
-    minHeight?: (() => number | string) | number | string;
-    minWidth?: (() => number | string) | number | string;
+    minHeight?: number | string;
+    minWidth?: number | string;
     onContentReady?: ((e: LoadPanelContentReadyEvent) => void);
     onDisposing?: ((e: LoadPanelDisposingEvent) => void);
     onHidden?: ((e: HiddenEvent) => void);
@@ -1033,7 +1796,7 @@ type ILoadPanelProps = React.PropsWithChildren<{
     showIndicator?: boolean;
     showPane?: boolean;
     visible?: boolean;
-    width?: (() => number | string) | number | string;
+    width?: number | string;
     wrapperAttr?: any;
     defaultPosition?: (() => void) | PositionAlignment | PositionConfig;
     onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void;
@@ -1046,22 +1809,21 @@ declare const LoadPanel: ((props: ILoadPanelProps) => React.FunctionComponentEle
         show?: AnimationConfig | undefined;
     } | undefined;
     bindingOptions?: Record<string, any> | undefined;
-    closeOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
     container?: any | string | undefined;
     deferRendering?: boolean | undefined;
     delay?: number | undefined;
     focusStateEnabled?: boolean | undefined;
-    height?: string | number | (() => number | string) | undefined;
+    height?: string | number | undefined;
     hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
     hideOnParentScroll?: boolean | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean | undefined;
     indicatorSrc?: string | undefined;
-    maxHeight?: string | number | (() => number | string) | undefined;
-    maxWidth?: string | number | (() => number | string) | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
     message?: string | undefined;
-    minHeight?: string | number | (() => number | string) | undefined;
-    minWidth?: string | number | (() => number | string) | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
     onContentReady?: ((e: LoadPanelContentReadyEvent) => void) | undefined;
     onDisposing?: ((e: LoadPanelDisposingEvent) => void) | undefined;
     onHidden?: ((e: HiddenEvent) => void) | undefined;
@@ -1077,7 +1839,7 @@ declare const LoadPanel: ((props: ILoadPanelProps) => React.FunctionComponentEle
     showIndicator?: boolean | undefined;
     showPane?: boolean | undefined;
     visible?: boolean | undefined;
-    width?: string | number | (() => number | string) | undefined;
+    width?: string | number | undefined;
     wrapperAttr?: any;
     defaultPosition?: PositionAlignment | PositionConfig | (() => void) | undefined;
     onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined;
@@ -1306,14 +2068,78 @@ declare const RequiredRule: ((props: IRequiredRuleProps) => React.FunctionCompon
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type IScrollingProps = React.PropsWithChildren<{
+    scrollByContent?: boolean;
+    scrollByThumb?: boolean;
+    showScrollbar?: ScrollbarMode;
+    useNative?: boolean | Mode;
+}>;
+declare const Scrolling: ((props: IScrollingProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    scrollByContent?: boolean | undefined;
+    scrollByThumb?: boolean | undefined;
+    showScrollbar?: ScrollbarMode | undefined;
+    useNative?: boolean | "auto" | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ISearchProps = React.PropsWithChildren<{
+    editorOptions?: any;
+    enabled?: boolean;
+    timeout?: number;
+    mode?: SearchMode;
+    searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined;
+}>;
+declare const Search: ((props: ISearchProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    editorOptions?: any;
+    enabled?: boolean | undefined;
+    timeout?: number | undefined;
+    mode?: SearchMode | undefined;
+    searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ISearchPanelProps = React.PropsWithChildren<{
+    highlightCaseSensitive?: boolean;
+    highlightSearchText?: boolean;
+    placeholder?: string;
+    searchVisibleColumnsOnly?: boolean;
+    text?: string;
+    visible?: boolean;
+    width?: number | string;
+    defaultText?: string;
+    onTextChange?: (value: string) => void;
+}>;
+declare const SearchPanel: ((props: ISearchPanelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    highlightCaseSensitive?: boolean | undefined;
+    highlightSearchText?: boolean | undefined;
+    placeholder?: string | undefined;
+    searchVisibleColumnsOnly?: boolean | undefined;
+    text?: string | undefined;
+    visible?: boolean | undefined;
+    width?: string | number | undefined;
+    defaultText?: string | undefined;
+    onTextChange?: ((value: string) => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type ISelectionProps = React.PropsWithChildren<{
     allowSelectAll?: boolean;
+    recursive?: boolean;
+    selectByClick?: boolean;
     mode?: SingleMultipleOrNone;
     selectAllMode?: SelectAllMode;
     showCheckBoxesMode?: SelectionColumnDisplayMode;
 }>;
 declare const Selection: ((props: ISelectionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
     allowSelectAll?: boolean | undefined;
+    recursive?: boolean | undefined;
+    selectByClick?: boolean | undefined;
     mode?: SingleMultipleOrNone | undefined;
     selectAllMode?: SelectAllMode | undefined;
     showCheckBoxesMode?: SelectionColumnDisplayMode | undefined;
@@ -1350,6 +2176,104 @@ declare const Show: ((props: IShowProps) => React.FunctionComponentElement<React
 } & {
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
+type ISimpleItemProps = React.PropsWithChildren<{
+    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<{
+    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;
+    descendingText?: string;
+    mode?: SingleMultipleOrNone;
+    showSortIndexes?: boolean;
+}>;
+declare const Sorting: ((props: ISortingProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    ascendingText?: string | undefined;
+    clearText?: string | undefined;
+    descendingText?: string | undefined;
+    mode?: SingleMultipleOrNone | undefined;
+    showSortIndexes?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IStringLengthRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: boolean;
     max?: number;
@@ -1370,6 +2294,292 @@ 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;
+    bindingOptions?: Record<string, any>;
+    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;
+    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;
+    bindingOptions?: Record<string, any> | 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;
+    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<{
+    addCard?: string;
+    confirmDeleteMessage?: string;
+    confirmDeleteTitle?: string;
+    deleteCard?: string;
+    editCard?: string;
+    saveCard?: string;
+    clearFilter?: string;
+    createFilter?: string;
+    filterEnabledHint?: string;
+    cancel?: string;
+    emptyValue?: string;
+    ok?: string;
+}>;
+declare const Texts: ((props: ITextsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    addCard?: string | undefined;
+    confirmDeleteMessage?: string | undefined;
+    confirmDeleteTitle?: string | undefined;
+    deleteCard?: string | undefined;
+    editCard?: string | undefined;
+    saveCard?: string | undefined;
+    clearFilter?: string | undefined;
+    createFilter?: string | undefined;
+    filterEnabledHint?: string | undefined;
+    cancel?: string | undefined;
+    emptyValue?: string | undefined;
+    ok?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IToProps = React.PropsWithChildren<{
     left?: number;
     opacity?: number;
@@ -1390,13 +2600,13 @@ declare const To: ((props: IToProps) => React.FunctionComponentElement<React.Pro
 }>>) & NestedComponentMeta;
 type IToolbarProps = React.PropsWithChildren<{
     disabled?: boolean;
-    items?: Array<PredefinedToolbarItem | CardViewToolbarItem>;
+    items?: Array<dxCardViewToolbarItem | PredefinedToolbarItem>;
     multiline?: boolean;
     visible?: boolean | undefined;
 }>;
 declare const Toolbar: ((props: IToolbarProps) => React.FunctionComponentElement<React.PropsWithChildren<{
     disabled?: boolean | undefined;
-    items?: (PredefinedToolbarItem | CardViewToolbarItem)[] | undefined;
+    items?: (PredefinedToolbarItem | CardViewTypes.ToolbarItem)[] | undefined;
     multiline?: boolean | undefined;
     visible?: boolean | undefined;
 } & {
@@ -1491,6 +2701,6 @@ declare const ValidationRule: ((props: IValidationRuleProps) => React.FunctionCo
     elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
 }>>) & NestedComponentMeta;
 export default CardView;
-export { CardView, ICardViewOptions, CardViewRef, Animation, IAnimationProps, AsyncRule, IAsyncRuleProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, CardCover, ICardCoverProps, CardHeader, ICardHeaderProps, CardHeaderItem, ICardHeaderItemProps, Change, IChangeProps, Collision, ICollisionProps, Column, IColumnProps, CompareRule, ICompareRuleProps, CustomOperation, ICustomOperationProps, CustomRule, ICustomRuleProps, Editing, IEditingProps, EmailRule, IEmailRuleProps, Field, IFieldProps, FilterBuilder, IFilterBuilderProps, FilterOperationDescriptions, IFilterOperationDescriptionsProps, Format, IFormatProps, FormItem, IFormItemProps, From, IFromProps, GroupOperationDescriptions, IGroupOperationDescriptionsProps, HeaderPanel, IHeaderPanelProps, Hide, IHideProps, Item, IItemProps, Label, ILabelProps, LoadPanel, ILoadPanelProps, Lookup, ILookupProps, My, IMyProps, NumericRule, INumericRuleProps, Offset, IOffsetProps, Pager, IPagerProps, Paging, IPagingProps, PatternRule, IPatternRuleProps, Position, IPositionProps, RangeRule, IRangeRuleProps, RemoteOperations, IRemoteOperationsProps, RequiredRule, IRequiredRuleProps, Selection, ISelectionProps, Show, IShowProps, StringLengthRule, IStringLengthRuleProps, To, IToProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, ValidationRule, IValidationRuleProps };
+export { CardView, ICardViewOptions, CardViewRef, Animation, IAnimationProps, AsyncRule, IAsyncRuleProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, ButtonItem, IButtonItemProps, ButtonOptions, IButtonOptionsProps, CardCover, ICardCoverProps, CardHeader, ICardHeaderProps, CardHeaderItem, ICardHeaderItemProps, CardViewHeaderFilter, ICardViewHeaderFilterProps, CardViewHeaderFilterSearch, ICardViewHeaderFilterSearchProps, CardViewHeaderFilterTexts, ICardViewHeaderFilterTextsProps, CardViewSelection, ICardViewSelectionProps, Change, IChangeProps, ColCountByScreen, IColCountByScreenProps, Collision, ICollisionProps, Column, IColumnProps, ColumnChooser, IColumnChooserProps, ColumnChooserSearch, IColumnChooserSearchProps, ColumnChooserSelection, IColumnChooserSelectionProps, ColumnHeaderFilter, IColumnHeaderFilterProps, ColumnHeaderFilterSearch, IColumnHeaderFilterSearchProps, CompareRule, ICompareRuleProps, CustomOperation, ICustomOperationProps, CustomRule, ICustomRuleProps, Dragging, IDraggingProps, Editing, IEditingProps, EditingTexts, IEditingTextsProps, EmailRule, IEmailRuleProps, EmptyItem, IEmptyItemProps, Field, IFieldProps, FilterBuilder, IFilterBuilderProps, FilterOperationDescriptions, IFilterOperationDescriptionsProps, FilterPanel, IFilterPanelProps, FilterPanelTexts, IFilterPanelTextsProps, Form, IFormProps, Format, IFormatProps, FormItem, IFormItemProps, From, IFromProps, GroupItem, IGroupItemProps, GroupOperationDescriptions, IGroupOperationDescriptionsProps, HeaderFilter, IHeaderFilterProps, HeaderPanel, IHeaderPanelProps, Hide, IHideProps, Item, IItemProps, Label, ILabelProps, LoadPanel, ILoadPanelProps, Lookup, ILookupProps, My, IMyProps, NumericRule, INumericRuleProps, Offset, IOffsetProps, Pager, IPagerProps, Paging, IPagingProps, PatternRule, IPatternRuleProps, Position, IPositionProps, RangeRule, IRangeRuleProps, RemoteOperations, IRemoteOperationsProps, RequiredRule, IRequiredRuleProps, Scrolling, IScrollingProps, Search, ISearchProps, SearchPanel, ISearchPanelProps, Selection, ISelectionProps, Show, IShowProps, SimpleItem, ISimpleItemProps, Sorting, ISortingProps, StringLengthRule, IStringLengthRuleProps, Tab, ITabProps, TabbedItem, ITabbedItemProps, TabPanelOptions, ITabPanelOptionsProps, TabPanelOptionsItem, ITabPanelOptionsItemProps, Texts, ITextsProps, To, IToProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, ValidationRule, IValidationRuleProps };
 import type * as CardViewTypes from 'devextreme/ui/card_view_types';
 export { CardViewTypes };