/*! * devextreme-react * Version: 25.2.7 * Build date: Tue May 05 2026 * * 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. * * https://github.com/DevExpress/DevExtreme */ export { ExplicitTypes } from "devextreme/ui/card_view"; 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, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, InitNewCardEvent, SavedEvent, SavingEvent, 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, 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, FormPredefinedButtonItem, ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, OptionChangedEvent as FormOptionChangedEvent, dxFormSimpleItem, dxFormOptions, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, EditorEnterKeyEvent, FieldDataChangedEvent, SmartPastedEvent, SmartPastingEvent, 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, LoadPanelIndicatorProperties, 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 { 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 { DataSourceOptions } from "devextreme/data/data_source"; import type { Store } from "devextreme/data/store"; import type { AIIntegration } from "devextreme/common/ai-integration"; import type { LoadingAnimationType } from "devextreme/ui/load_indicator"; 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 = { [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P]; }; type ICardViewOptionsNarrowedEvents = { onCardClick?: ((e: CardClickEvent) => void); onCardDblClick?: ((e: CardDblClickEvent) => void); onCardInserted?: ((e: CardInsertedEvent) => void); onCardInserting?: ((e: CardInsertingEvent) => void); onCardPrepared?: ((e: CardPreparedEvent) => void); onCardRemoved?: ((e: CardRemovedEvent) => void); onCardRemoving?: ((e: CardRemovingEvent) => void); onCardUpdated?: ((e: CardUpdatedEvent) => void); onCardUpdating?: ((e: CardUpdatingEvent) => void); onContextMenuPreparing?: ((e: ContextMenuPreparingEvent) => void); onEditCanceled?: ((e: EditCanceledEvent) => void); onEditCanceling?: ((e: EditCancelingEvent) => void); onEditingStart?: ((e: EditingStartEvent) => void); onFieldCaptionClick?: ((e: FieldCaptionClickEvent) => void); onFieldCaptionDblClick?: ((e: FieldCaptionDblClickEvent) => void); onFieldCaptionPrepared?: ((e: FieldCaptionPreparedEvent) => void); onFieldValueClick?: ((e: FieldValueClickEvent) => void); onFieldValueDblClick?: ((e: FieldValueDblClickEvent) => void); onFieldValuePrepared?: ((e: FieldValuePreparedEvent) => void); onInitNewCard?: ((e: InitNewCardEvent) => void); onSaved?: ((e: SavedEvent) => void); onSaving?: ((e: SavingEvent) => void); }; type ICardViewOptions = React.PropsWithChildren, ICardViewOptionsNarrowedEvents> & IHtmlOptions & { dataSource?: Properties["dataSource"]; cardContentRender?: (...params: any) => React.ReactNode; cardContentComponent?: React.ComponentType; cardFooterRender?: (...params: any) => React.ReactNode; cardFooterComponent?: React.ComponentType; cardRender?: (...params: any) => React.ReactNode; cardComponent?: React.ComponentType; noDataRender?: (...params: any) => React.ReactNode; noDataComponent?: React.ComponentType; defaultFilterValue?: Array | (() => any) | string; defaultSelectedCardKeys?: Array; onFilterValueChange?: (value: Array | (() => any) | string) => void; onSelectedCardKeysChange?: (value: Array) => void; }>; interface CardViewRef { instance: () => dxCardView; } declare const CardView: (props: ReplaceFieldTypes, ICardViewOptionsNarrowedEvents> & IHtmlOptions & { dataSource?: import("devextreme/data/data_source").DataSourceLike | undefined; cardContentRender?: ((...params: any) => React.ReactNode) | undefined; cardContentComponent?: React.ComponentType | undefined; cardFooterRender?: ((...params: any) => React.ReactNode) | undefined; cardFooterComponent?: React.ComponentType | undefined; cardRender?: ((...params: any) => React.ReactNode) | undefined; cardComponent?: React.ComponentType | undefined; noDataRender?: ((...params: any) => React.ReactNode) | undefined; noDataComponent?: React.ComponentType | undefined; defaultFilterValue?: string | any[] | (() => any) | undefined; defaultSelectedCardKeys?: any[] | undefined; onFilterValueChange?: ((value: Array | (() => any) | string) => void) | undefined; onSelectedCardKeysChange?: ((value: Array) => void) | undefined; } & { children?: React.ReactNode; } & { ref?: React.Ref> | undefined; }) => ReactElement | null; type IAIOptionsProps = React.PropsWithChildren<{ disabled?: boolean; instruction?: string | undefined; }>; declare const AIOptions: ((props: IAIOptionsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IAnimationProps = React.PropsWithChildren<{ hide?: AnimationConfig; show?: AnimationConfig; }>; declare const Animation: ((props: IAnimationProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IAsyncRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; reevaluate?: boolean; type?: ValidationRuleType; validationCallback?: ((options: { column: Record; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => any); }>; declare const AsyncRule: ((props: IAsyncRuleProps) => React.FunctionComponentElement; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => any) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IAtProps = React.PropsWithChildren<{ x?: HorizontalAlignment; y?: VerticalAlignment; }>; declare const At: ((props: IAtProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IBoundaryOffsetProps = React.PropsWithChildren<{ x?: number; y?: number; }>; declare const BoundaryOffset: ((props: IBoundaryOffsetProps) => React.FunctionComponentElement>) & 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>) & NestedComponentMeta; type IButtonOptionsProps = React.PropsWithChildren<{ accessKey?: string | undefined; activeStateEnabled?: boolean; disabled?: boolean; elementAttr?: Record; 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; }>; declare const ButtonOptions: ((props: IButtonOptionsProps) => React.FunctionComponentElement | 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 | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICardCoverProps = React.PropsWithChildren<{ altExpr?: ((data: any) => string) | string; aspectRatio?: string; imageExpr?: ((data: any) => string) | string; maxHeight?: number; template?: ((data: CardTemplateData, container: any) => string | any) | template; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const CardCover: ((props: ICardCoverProps) => React.FunctionComponentElement string) | undefined; aspectRatio?: string | undefined; imageExpr?: string | ((data: any) => string) | undefined; maxHeight?: number | undefined; template?: template | ((data: CardTemplateData, container: any) => string | any) | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICardHeaderProps = React.PropsWithChildren<{ items?: Array; template?: ((data: CardTemplateData) => string | any) | template; visible?: boolean; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const CardHeader: ((props: ICardHeaderProps) => React.FunctionComponentElement string | any) | undefined; visible?: boolean | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICardHeaderItemProps = React.PropsWithChildren<{ cssClass?: string | undefined; disabled?: boolean; html?: string; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; name?: CardHeaderPredefinedItem | 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; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const CardHeaderItem: ((props: ICardHeaderItemProps) => React.FunctionComponentElement 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 | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { 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>) & NestedComponentMeta; type ICardViewHeaderFilterSearchProps = React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean; mode?: SearchMode; timeout?: number; }>; declare const CardViewHeaderFilterSearch: ((props: ICardViewHeaderFilterSearchProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ICardViewHeaderFilterTextsProps = React.PropsWithChildren<{ cancel?: string; emptyValue?: string; ok?: string; }>; declare const CardViewHeaderFilterTexts: ((props: ICardViewHeaderFilterTextsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ICardViewSelectionProps = React.PropsWithChildren<{ allowSelectAll?: boolean; mode?: SingleMultipleOrNone; selectAllMode?: SelectAllMode; showCheckBoxesMode?: SelectionColumnDisplayMode; }>; declare const CardViewSelection: ((props: ICardViewSelectionProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IChangeProps = React.PropsWithChildren<{ data?: any; insertAfterKey?: any; insertBeforeKey?: any; key?: any; type?: DataChangeType; }>; declare const Change: ((props: IChangeProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IColCountByScreenProps = React.PropsWithChildren<{ lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }>; declare const ColCountByScreen: ((props: IColCountByScreenProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ICollisionProps = React.PropsWithChildren<{ x?: CollisionResolution; y?: CollisionResolution; }>; declare const Collision: ((props: ICollisionProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IColumnProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment | undefined; allowEditing?: boolean; allowFiltering?: boolean; allowHeaderFiltering?: boolean; allowHiding?: boolean; allowReordering?: boolean; allowSearch?: boolean; allowSorting?: boolean; calculateDisplayValue?: ((cardData: any) => any); calculateFieldValue?: ((cardData: any) => any); calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | Array | (() => void)); calculateSortValue?: ((cardData: any) => any) | string; caption?: string | undefined; customizeText?: ((fieldInfo: { groupInterval: string | number; target: string; value: any; valueText: string; }) => string); dataField?: string | undefined; dataType?: DataType | undefined; editorOptions?: any; falseText?: string; fieldCaptionTemplate?: ((data: FieldTemplateData, container: any) => string | any) | template; fieldTemplate?: ((data: FieldTemplateData, container: any) => string | any) | template; fieldValueTemplate?: ((data: FieldTemplateData, container: any) => string | any) | template; filterType?: FilterType; filterValue?: any | undefined; filterValues?: Array; format?: LocalizationFormat; formItem?: dxFormSimpleItem; headerFilter?: GridsColumnHeaderFilter | undefined; headerItemCssClass?: string; headerItemTemplate?: ((data: ColumnTemplateData, container: any) => string | any) | template; name?: string | undefined; setFieldValue?: ((newData: any, value: any, currentCardData: any) => any); showInColumnChooser?: boolean; sortIndex?: number | undefined; sortingMethod?: ((value1: any, value2: any) => number) | undefined; sortOrder?: SortOrder | undefined; trueText?: string; validationRules?: Array; visible?: boolean; visibleIndex?: number | undefined; defaultFilterValue?: any | undefined; onFilterValueChange?: (value: any | undefined) => void; defaultFilterValues?: Array; onFilterValuesChange?: (value: Array) => void; defaultSortIndex?: number | undefined; onSortIndexChange?: (value: number | undefined) => void; defaultSortOrder?: SortOrder | undefined; onSortOrderChange?: (value: SortOrder | undefined) => void; defaultVisible?: boolean; onVisibleChange?: (value: boolean) => void; defaultVisibleIndex?: number | undefined; onVisibleIndexChange?: (value: number | undefined) => void; fieldCaptionRender?: (...params: any) => React.ReactNode; fieldCaptionComponent?: React.ComponentType; fieldRender?: (...params: any) => React.ReactNode; fieldComponent?: React.ComponentType; fieldValueRender?: (...params: any) => React.ReactNode; fieldValueComponent?: React.ComponentType; headerItemRender?: (...params: any) => React.ReactNode; headerItemComponent?: React.ComponentType; }>; declare const Column: ((props: IColumnProps) => React.FunctionComponentElement any) | undefined; calculateFieldValue?: ((cardData: any) => any) | undefined; calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | Array | (() => void)) | undefined; calculateSortValue?: string | ((cardData: any) => any) | undefined; caption?: string | undefined; customizeText?: ((fieldInfo: { groupInterval: string | number; target: string; value: any; valueText: string; }) => string) | undefined; dataField?: string | undefined; dataType?: DataType | undefined; editorOptions?: any; falseText?: string | undefined; fieldCaptionTemplate?: template | ((data: FieldTemplateData, container: any) => string | any) | undefined; fieldTemplate?: template | ((data: FieldTemplateData, container: any) => string | any) | undefined; fieldValueTemplate?: template | ((data: FieldTemplateData, container: any) => string | any) | undefined; filterType?: FilterType | undefined; filterValue?: any | undefined; filterValues?: any[] | undefined; format?: LocalizationFormat; formItem?: dxFormSimpleItem | undefined; headerFilter?: GridsColumnHeaderFilter | undefined; headerItemCssClass?: string | undefined; headerItemTemplate?: template | ((data: ColumnTemplateData, container: any) => string | any) | undefined; name?: string | undefined; setFieldValue?: ((newData: any, value: any, currentCardData: any) => any) | undefined; showInColumnChooser?: boolean | undefined; sortIndex?: number | undefined; sortingMethod?: ((value1: any, value2: any) => number) | undefined; sortOrder?: SortOrder | undefined; trueText?: string | undefined; validationRules?: CommonTypes.ValidationRule[] | undefined; visible?: boolean | undefined; visibleIndex?: number | undefined; defaultFilterValue?: any | undefined; onFilterValueChange?: ((value: any | undefined) => void) | undefined; defaultFilterValues?: any[] | undefined; onFilterValuesChange?: ((value: Array) => void) | undefined; defaultSortIndex?: number | undefined; onSortIndexChange?: ((value: number | undefined) => void) | undefined; defaultSortOrder?: SortOrder | undefined; onSortOrderChange?: ((value: SortOrder | undefined) => void) | undefined; defaultVisible?: boolean | undefined; onVisibleChange?: ((value: boolean) => void) | undefined; defaultVisibleIndex?: number | undefined; onVisibleIndexChange?: ((value: number | undefined) => void) | undefined; fieldCaptionRender?: ((...params: any) => React.ReactNode) | undefined; fieldCaptionComponent?: React.ComponentType | undefined; fieldRender?: ((...params: any) => React.ReactNode) | undefined; fieldComponent?: React.ComponentType | undefined; fieldValueRender?: ((...params: any) => React.ReactNode) | undefined; fieldValueComponent?: React.ComponentType | undefined; headerItemRender?: ((...params: any) => React.ReactNode) | undefined; headerItemComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { 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>) & NestedComponentMeta; type IColumnChooserSearchProps = React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean; timeout?: number; }>; declare const ColumnChooserSearch: ((props: IColumnChooserSearchProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IColumnChooserSelectionProps = React.PropsWithChildren<{ allowSelectAll?: boolean; recursive?: boolean; selectByClick?: boolean; }>; declare const ColumnChooserSelection: ((props: IColumnChooserSelectionProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IColumnHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: boolean; allowSelectAll?: boolean; dataSource?: Array | DataSourceOptions | ((options: { component: Record; 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 | Store | ((options: { component: Record; 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 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; ignoreEmptyValue?: boolean; message?: string; type?: ValidationRuleType; }>; declare const CompareRule: ((props: ICompareRuleProps) => React.FunctionComponentElement any) | undefined; comparisonType?: ComparisonOperator | undefined; ignoreEmptyValue?: boolean | undefined; message?: string | undefined; type?: ValidationRuleType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICustomOperationProps = React.PropsWithChildren<{ calculateFilterExpression?: ((filterValue: any, field: dxFilterBuilderField) => string | (() => any) | Array); caption?: string | undefined; customizeText?: ((fieldInfo: FieldInfo) => string); dataTypes?: Array | undefined; editorTemplate?: ((conditionInfo: { field: dxFilterBuilderField; setValue: (() => void); value: string | number | Date; }, container: any) => string | any) | template; hasValue?: boolean; icon?: string | undefined; name?: string | undefined; editorRender?: (...params: any) => React.ReactNode; editorComponent?: React.ComponentType; }>; declare const CustomOperation: ((props: ICustomOperationProps) => React.FunctionComponentElement string | (() => any) | Array) | undefined; caption?: string | undefined; customizeText?: ((fieldInfo: FieldInfo) => string) | undefined; dataTypes?: Array | undefined; editorTemplate?: template | ((conditionInfo: { field: dxFilterBuilderField; setValue: (() => void); value: string | number | Date; }, container: any) => string | any) | undefined; hasValue?: boolean | undefined; icon?: string | undefined; name?: string | undefined; editorRender?: ((...params: any) => React.ReactNode) | undefined; editorComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICustomRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; reevaluate?: boolean; type?: ValidationRuleType; validationCallback?: ((options: { column: Record; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => boolean); }>; declare const CustomRule: ((props: ICustomRuleProps) => React.FunctionComponentElement; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => boolean) | undefined; } & { children?: React.ReactNode; } & { 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 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; allowUpdating?: boolean; changes?: Array; confirmDelete?: boolean; editCardKey?: any; form?: dxFormOptions; popup?: Record; texts?: CardViewEditingTexts; }>; declare const Editing: ((props: IEditingProps) => React.FunctionComponentElement[] | undefined; confirmDelete?: boolean | undefined; editCardKey?: any; form?: dxFormOptions | undefined; popup?: Record | 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>) & NestedComponentMeta; type IEmailRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; type?: ValidationRuleType; }>; declare const EmailRule: ((props: IEmailRuleProps) => React.FunctionComponentElement>) & 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>) & NestedComponentMeta; type IFieldProps = React.PropsWithChildren<{ calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string) => string | (() => any) | Array); caption?: string | undefined; customizeText?: ((fieldInfo: FieldInfo) => string); dataField?: string | undefined; dataType?: DataType; editorOptions?: any; editorTemplate?: ((conditionInfo: { field: dxFilterBuilderField; filterOperation: string; setValue: (() => void); value: string | number | Date; }, container: any) => string | any) | template; falseText?: string; filterOperations?: Array; format?: LocalizationFormat; lookup?: Record | { allowClearing?: boolean; dataSource?: Array | DataSourceOptions | Store | undefined; displayExpr?: ((data: any) => string) | string | undefined; valueExpr?: ((data: any) => string | number | boolean) | string | undefined; }; name?: string | undefined; trueText?: string; editorRender?: (...params: any) => React.ReactNode; editorComponent?: React.ComponentType; }>; declare const Field: ((props: IFieldProps) => React.FunctionComponentElement string | (() => any) | Array) | undefined; caption?: string | undefined; customizeText?: ((fieldInfo: FieldInfo) => string) | undefined; dataField?: string | undefined; dataType?: DataType | undefined; editorOptions?: any; editorTemplate?: template | ((conditionInfo: { field: dxFilterBuilderField; filterOperation: string; setValue: (() => void); value: string | number | Date; }, container: any) => string | any) | undefined; falseText?: string | undefined; filterOperations?: string[] | undefined; format?: LocalizationFormat; lookup?: Record | { allowClearing?: boolean | undefined; dataSource?: Array | DataSourceOptions | Store | undefined; displayExpr?: string | ((data: any) => string) | undefined; valueExpr?: string | ((data: any) => string | number | boolean) | undefined; } | undefined; name?: string | undefined; trueText?: string | undefined; editorRender?: ((...params: any) => React.ReactNode) | undefined; editorComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IFilterBuilderProps = React.PropsWithChildren<{ accessKey?: string | undefined; activeStateEnabled?: boolean; allowHierarchicalFields?: boolean; customOperations?: Array; disabled?: boolean; elementAttr?: Record; fields?: Array; filterOperationDescriptions?: Record | { between?: string; contains?: string; endsWith?: string; equal?: string; greaterThan?: string; greaterThanOrEqual?: string; isBlank?: string; isNotBlank?: string; lessThan?: string; lessThanOrEqual?: string; notContains?: string; notEqual?: string; startsWith?: string; }; focusStateEnabled?: boolean; groupOperationDescriptions?: Record | { and?: string; notAnd?: string; notOr?: string; or?: string; }; groupOperations?: Array; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean; maxGroupLevel?: number | undefined; onContentReady?: ((e: FilterBuilderContentReadyEvent) => void); onDisposing?: ((e: FilterBuilderDisposingEvent) => void); onEditorPrepared?: ((e: EditorPreparedEvent) => void); onEditorPreparing?: ((e: EditorPreparingEvent) => void); onInitialized?: ((e: FilterBuilderInitializedEvent) => void); onOptionChanged?: ((e: FilterBuilderOptionChangedEvent) => void); onValueChanged?: ((e: ValueChangedEvent) => void); rtlEnabled?: boolean; tabIndex?: number; value?: Array | (() => any) | string; visible?: boolean; width?: number | string | undefined; defaultValue?: Array | (() => any) | string; onValueChange?: (value: Array | (() => any) | string) => void; }>; declare const FilterBuilder: ((props: IFilterBuilderProps) => React.FunctionComponentElement | undefined; fields?: dxFilterBuilderField[] | undefined; filterOperationDescriptions?: Record | { between?: string | undefined; contains?: string | undefined; endsWith?: string | undefined; equal?: string | undefined; greaterThan?: string | undefined; greaterThanOrEqual?: string | undefined; isBlank?: string | undefined; isNotBlank?: string | undefined; lessThan?: string | undefined; lessThanOrEqual?: string | undefined; notContains?: string | undefined; notEqual?: string | undefined; startsWith?: string | undefined; } | undefined; focusStateEnabled?: boolean | undefined; groupOperationDescriptions?: Record | { and?: string | undefined; notAnd?: string | undefined; notOr?: string | undefined; or?: string | undefined; } | undefined; groupOperations?: GroupOperation[] | undefined; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean | undefined; maxGroupLevel?: number | undefined; onContentReady?: ((e: FilterBuilderContentReadyEvent) => void) | undefined; onDisposing?: ((e: FilterBuilderDisposingEvent) => void) | undefined; onEditorPrepared?: ((e: EditorPreparedEvent) => void) | undefined; onEditorPreparing?: ((e: EditorPreparingEvent) => 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 | undefined; defaultValue?: string | any[] | (() => any) | undefined; onValueChange?: ((value: Array | (() => any) | string) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IFilterOperationDescriptionsProps = React.PropsWithChildren<{ between?: string; contains?: string; endsWith?: string; equal?: string; greaterThan?: string; greaterThanOrEqual?: string; isBlank?: string; isNotBlank?: string; lessThan?: string; lessThanOrEqual?: string; notContains?: string; notEqual?: string; startsWith?: string; }>; declare const FilterOperationDescriptions: ((props: IFilterOperationDescriptionsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IFilterPanelProps = React.PropsWithChildren<{ customizeText?: ((e: { component: GridsFilterPanel; filterValue: Record; text: string; }) => string); filterEnabled?: boolean; texts?: GridsFilterPanelTexts; visible?: boolean; defaultFilterEnabled?: boolean; onFilterEnabledChange?: (value: boolean) => void; }>; declare const FilterPanel: ((props: IFilterPanelProps) => React.FunctionComponentElement; 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>) & NestedComponentMeta; type IFormProps = React.PropsWithChildren<{ accessKey?: string | undefined; activeStateEnabled?: boolean; aiIntegration?: AIIntegration | undefined; alignItemLabels?: boolean; alignItemLabelsInAllGroups?: boolean; colCount?: Mode | number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; customizeItem?: ((item: dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem) => void); disabled?: boolean; elementAttr?: Record; focusStateEnabled?: boolean; formData?: any; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean; isDirty?: boolean; items?: Array; 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); onSmartPasted?: ((e: SmartPastedEvent) => void); onSmartPasting?: ((e: SmartPastingEvent) => 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 | { 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 | 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; onSmartPasted?: ((e: SmartPastedEvent) => void) | undefined; onSmartPasting?: ((e: SmartPastingEvent) => 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); parser?: ((value: string) => number | Date); precision?: number; type?: CommonFormat | string; useCurrencyAccountingStyle?: boolean; }>; declare const Format: ((props: IFormatProps) => React.FunctionComponentElement string) | undefined; parser?: ((value: string) => number | Date) | undefined; precision?: number | undefined; type?: string | undefined; useCurrencyAccountingStyle?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IFormItemProps = React.PropsWithChildren<{ aiOptions?: Record | { 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 | { 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; editorType: string; name: string; }, itemElement: any) => string | any) | template; validationRules?: Array; visible?: boolean; visibleIndex?: number | undefined; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const FormItem: ((props: IFormItemProps) => React.FunctionComponentElement | { 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 | { 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; 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 | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IFromProps = React.PropsWithChildren<{ left?: number; opacity?: number; position?: PositionConfig; scale?: number; top?: number; }>; declare const From: ((props: IFromProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IGroupItemProps = React.PropsWithChildren<{ alignItemLabels?: boolean; caption?: string | undefined; captionTemplate?: ((data: { caption: string; component: dxForm; name: string; }, itemElement: any) => string | any) | template; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; colSpan?: number | undefined; cssClass?: string | undefined; items?: Array; itemType?: FormItemType; name?: string | undefined; template?: ((data: { component: dxForm; formData: Record; }, itemElement: any) => string | any) | template; visible?: boolean; visibleIndex?: number | undefined; captionRender?: (...params: any) => React.ReactNode; captionComponent?: React.ComponentType; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const GroupItem: ((props: IGroupItemProps) => React.FunctionComponentElement string | any) | undefined; colCount?: number | undefined; colCountByScreen?: Record | { 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; }, itemElement: any) => string | any) | undefined; visible?: boolean | undefined; visibleIndex?: number | undefined; captionRender?: ((...params: any) => React.ReactNode) | undefined; captionComponent?: React.ComponentType | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IGroupOperationDescriptionsProps = React.PropsWithChildren<{ and?: string; notAnd?: string; notOr?: string; or?: string; }>; declare const GroupOperationDescriptions: ((props: IGroupOperationDescriptionsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: boolean; allowSelectAll?: boolean; dataSource?: Array | DataSourceOptions | ((options: { component: Record; 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 | Store | ((options: { component: Record; 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 | { 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; itemRender?: (...params: any) => React.ReactNode; itemComponent?: React.ComponentType; }>; declare const HeaderPanel: ((props: IHeaderPanelProps) => React.FunctionComponentElement | { 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; itemRender?: ((...params: any) => React.ReactNode) | undefined; itemComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IHideProps = React.PropsWithChildren<{ complete?: (($element: any, config: AnimationConfig) => void); delay?: number; direction?: Direction | undefined; duration?: number; easing?: string; from?: AnimationState; staggerDelay?: number | undefined; start?: (($element: any, config: AnimationConfig) => void); to?: AnimationState; type?: AnimationType; }>; declare const Hide: ((props: IHideProps) => React.FunctionComponentElement void) | undefined; delay?: number | undefined; direction?: Direction | undefined; duration?: number | undefined; easing?: string | undefined; from?: AnimationState | undefined; staggerDelay?: number | undefined; start?: (($element: any, config: AnimationConfig) => void) | undefined; to?: AnimationState | undefined; type?: AnimationType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IIndicatorOptionsProps = React.PropsWithChildren<{ animationType?: LoadingAnimationType; height?: number | string | undefined; src?: string; width?: number | string | undefined; }>; declare const IndicatorOptions: ((props: IIndicatorOptionsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IItemProps = React.PropsWithChildren<{ cssClass?: string | undefined; disabled?: boolean; html?: string; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; name?: CardHeaderPredefinedItem | string | undefined | FormPredefinedButtonItem | 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; aiOptions?: Record | { disabled?: boolean; instruction?: string | undefined; }; colSpan?: number | undefined; dataField?: string | undefined; editorOptions?: any | undefined; editorType?: FormItemComponent; helpText?: string | undefined; isRequired?: boolean | undefined; itemType?: FormItemType; label?: Record | { 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; 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 | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; items?: Array; tabPanelOptions?: dxTabPanelOptions | undefined; tabs?: Array> | { alignItemLabels?: boolean; badge?: string | undefined; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; disabled?: boolean; icon?: string | undefined; items?: Array; 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; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; tabRender?: (...params: any) => React.ReactNode; tabComponent?: React.ComponentType; captionRender?: (...params: any) => React.ReactNode; captionComponent?: React.ComponentType; }>; declare const Item: ((props: IItemProps) => React.FunctionComponentElement string | any) | undefined; name?: CardHeaderPredefinedItem | string | undefined | FormPredefinedButtonItem | 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; aiOptions?: Record | { disabled?: boolean | undefined; instruction?: string | undefined; } | undefined; colSpan?: number | undefined; dataField?: string | undefined; editorOptions?: any | undefined; editorType?: FormItemComponent | undefined; helpText?: string | undefined; isRequired?: boolean | undefined; itemType?: FormItemType | undefined; label?: Record | { 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 | { 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[] | { alignItemLabels?: boolean | undefined; badge?: string | undefined; colCount?: number | undefined; colCountByScreen?: Record | { 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 | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; tabRender?: ((...params: any) => React.ReactNode) | undefined; tabComponent?: React.ComponentType | undefined; captionRender?: ((...params: any) => React.ReactNode) | undefined; captionComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ILabelProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment; location?: LabelLocation; showColon?: boolean; template?: ((itemData: { component: dxForm; dataField: string; editorOptions: any; editorType: string; name: string; text: string; }, itemElement: any) => string | any) | template; text?: string | undefined; visible?: boolean; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const Label: ((props: ILabelProps) => React.FunctionComponentElement string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ILoadPanelProps = React.PropsWithChildren<{ animation?: Record | { hide?: AnimationConfig; show?: AnimationConfig; }; container?: any | string | undefined; deferRendering?: boolean; delay?: number; focusStateEnabled?: boolean; height?: number | string; hideOnOutsideClick?: boolean | ((event: event) => boolean); hideOnParentScroll?: boolean; hint?: string | undefined; hoverStateEnabled?: boolean; indicatorOptions?: LoadPanelIndicatorProperties; indicatorSrc?: string; maxHeight?: number | string; maxWidth?: number | string; message?: string; minHeight?: number | string; minWidth?: number | string; onContentReady?: ((e: LoadPanelContentReadyEvent) => void); onDisposing?: ((e: LoadPanelDisposingEvent) => void); onHidden?: ((e: HiddenEvent) => void); onHiding?: ((e: HidingEvent) => void); onInitialized?: ((e: LoadPanelInitializedEvent) => void); onOptionChanged?: ((e: LoadPanelOptionChangedEvent) => void); onShowing?: ((e: ShowingEvent) => void); onShown?: ((e: ShownEvent) => void); position?: (() => void) | PositionAlignment | PositionConfig; rtlEnabled?: boolean; shading?: boolean; shadingColor?: string; showIndicator?: boolean; showPane?: boolean; visible?: boolean; width?: number | string; wrapperAttr?: any; defaultPosition?: (() => void) | PositionAlignment | PositionConfig; onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void; defaultVisible?: boolean; onVisibleChange?: (value: boolean) => void; }>; declare const LoadPanel: ((props: ILoadPanelProps) => React.FunctionComponentElement | { hide?: AnimationConfig | undefined; show?: AnimationConfig | undefined; } | undefined; container?: any | string | undefined; deferRendering?: boolean | undefined; delay?: number | undefined; focusStateEnabled?: boolean | undefined; height?: string | number | undefined; hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined; hideOnParentScroll?: boolean | undefined; hint?: string | undefined; hoverStateEnabled?: boolean | undefined; indicatorOptions?: LoadPanelIndicatorProperties | undefined; indicatorSrc?: string | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; message?: 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; onHiding?: ((e: HidingEvent) => void) | undefined; onInitialized?: ((e: LoadPanelInitializedEvent) => void) | undefined; onOptionChanged?: ((e: LoadPanelOptionChangedEvent) => void) | undefined; onShowing?: ((e: ShowingEvent) => void) | undefined; onShown?: ((e: ShownEvent) => void) | undefined; position?: PositionConfig | PositionAlignment | (() => void) | undefined; rtlEnabled?: boolean | undefined; shading?: boolean | undefined; shadingColor?: string | undefined; showIndicator?: boolean | undefined; showPane?: boolean | undefined; visible?: boolean | undefined; width?: string | number | undefined; wrapperAttr?: any; defaultPosition?: PositionConfig | PositionAlignment | (() => void) | undefined; onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined; defaultVisible?: boolean | undefined; onVisibleChange?: ((value: boolean) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ILookupProps = React.PropsWithChildren<{ allowClearing?: boolean; dataSource?: Array | DataSourceOptions | Store | undefined; displayExpr?: ((data: any) => string) | string | undefined; valueExpr?: ((data: any) => string | number | boolean) | string | undefined; }>; declare const Lookup: ((props: ILookupProps) => React.FunctionComponentElement | DataSourceOptions | Store | undefined; displayExpr?: string | ((data: any) => string) | undefined; valueExpr?: string | ((data: any) => string | number | boolean) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IMyProps = React.PropsWithChildren<{ x?: HorizontalAlignment; y?: VerticalAlignment; }>; declare const My: ((props: IMyProps) => React.FunctionComponentElement>) & NestedComponentMeta; type INumericRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; type?: ValidationRuleType; }>; declare const NumericRule: ((props: INumericRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IOffsetProps = React.PropsWithChildren<{ x?: number; y?: number; }>; declare const Offset: ((props: IOffsetProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IPagerProps = React.PropsWithChildren<{ allowedPageSizes?: Array | Mode; displayMode?: DisplayMode; infoText?: string; label?: string; showInfo?: boolean; showNavigationButtons?: boolean; showPageSizeSelector?: boolean | Mode; visible?: boolean | Mode; }>; declare const Pager: ((props: IPagerProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IPagingProps = React.PropsWithChildren<{ enabled?: boolean; pageIndex?: number; pageSize?: number; defaultPageIndex?: number; onPageIndexChange?: (value: number) => void; defaultPageSize?: number; onPageSizeChange?: (value: number) => void; }>; declare const Paging: ((props: IPagingProps) => React.FunctionComponentElement void) | undefined; defaultPageSize?: number | undefined; onPageSizeChange?: ((value: number) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IPatternRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; pattern?: RegExp | string; type?: ValidationRuleType; }>; declare const PatternRule: ((props: IPatternRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IPositionProps = React.PropsWithChildren<{ at?: Record | PositionAlignment | { x?: HorizontalAlignment; y?: VerticalAlignment; }; boundary?: any | string; boundaryOffset?: Record | string | { x?: number; y?: number; }; collision?: CollisionResolutionCombination | Record | { x?: CollisionResolution; y?: CollisionResolution; }; my?: Record | PositionAlignment | { x?: HorizontalAlignment; y?: VerticalAlignment; }; of?: any | string; offset?: Record | string | { x?: number; y?: number; }; }>; declare const Position: ((props: IPositionProps) => React.FunctionComponentElement | PositionAlignment | { x?: HorizontalAlignment | undefined; y?: VerticalAlignment | undefined; } | undefined; boundary?: any | string; boundaryOffset?: string | Record | { x?: number | undefined; y?: number | undefined; } | undefined; collision?: Record | CollisionResolutionCombination | { x?: CollisionResolution | undefined; y?: CollisionResolution | undefined; } | undefined; my?: Record | PositionAlignment | { x?: HorizontalAlignment | undefined; y?: VerticalAlignment | undefined; } | undefined; of?: any | string; offset?: string | Record | { x?: number | undefined; y?: number | undefined; } | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IRangeRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; max?: Date | number | string; message?: string; min?: Date | number | string; reevaluate?: boolean; type?: ValidationRuleType; }>; declare const RangeRule: ((props: IRangeRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IRemoteOperationsProps = React.PropsWithChildren<{ filtering?: boolean; grouping?: boolean; paging?: boolean; sorting?: boolean; }>; declare const RemoteOperations: ((props: IRemoteOperationsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IRequiredRuleProps = React.PropsWithChildren<{ message?: string; trim?: boolean; type?: ValidationRuleType; }>; declare const RequiredRule: ((props: IRequiredRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IScrollingProps = React.PropsWithChildren<{ scrollByContent?: boolean; scrollByThumb?: boolean; showScrollbar?: ScrollbarMode; useNative?: boolean | Mode; }>; declare const Scrolling: ((props: IScrollingProps) => React.FunctionComponentElement>) & 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 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 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>) & NestedComponentMeta; type IShowProps = React.PropsWithChildren<{ complete?: (($element: any, config: AnimationConfig) => void); delay?: number; direction?: Direction | undefined; duration?: number; easing?: string; from?: AnimationState; staggerDelay?: number | undefined; start?: (($element: any, config: AnimationConfig) => void); to?: AnimationState; type?: AnimationType; }>; declare const Show: ((props: IShowProps) => React.FunctionComponentElement void) | undefined; delay?: number | undefined; direction?: Direction | undefined; duration?: number | undefined; easing?: string | undefined; from?: AnimationState | undefined; staggerDelay?: number | undefined; start?: (($element: any, config: AnimationConfig) => void) | undefined; to?: AnimationState | undefined; type?: AnimationType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ISimpleItemProps = React.PropsWithChildren<{ aiOptions?: Record | { 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 | { 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; editorType: string; name: string; }, itemElement: any) => string | any) | template; validationRules?: Array; visible?: boolean; visibleIndex?: number | undefined; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const SimpleItem: ((props: ISimpleItemProps) => React.FunctionComponentElement | { 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 | { 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; 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 | 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>) & NestedComponentMeta; type IStringLengthRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; max?: number; message?: string; min?: number; trim?: boolean; type?: ValidationRuleType; }>; declare const StringLengthRule: ((props: IStringLengthRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ITabProps = React.PropsWithChildren<{ alignItemLabels?: boolean; badge?: string | undefined; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; disabled?: boolean; icon?: string | undefined; items?: Array; 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; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const Tab: ((props: ITabProps) => React.FunctionComponentElement | { 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 | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | 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> | { alignItemLabels?: boolean; badge?: string | undefined; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; disabled?: boolean; icon?: string | undefined; items?: Array; 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[] | { alignItemLabels?: boolean | undefined; badge?: string | undefined; colCount?: number | undefined; colCountByScreen?: Record | { 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 | DataSource | DataSourceOptions | null | Store | string; deferRendering?: boolean; disabled?: boolean; elementAttr?: Record; focusStateEnabled?: boolean; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean; iconPosition?: TabsIconPosition; itemHoldTimeout?: number; items?: Array; 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; onItemsChange?: (value: Array) => void; defaultSelectedIndex?: number; onSelectedIndexChange?: (value: number) => void; defaultSelectedItem?: any; onSelectedItemChange?: (value: any) => void; itemRender?: (...params: any) => React.ReactNode; itemComponent?: React.ComponentType; itemTitleRender?: (...params: any) => React.ReactNode; itemTitleComponent?: React.ComponentType; }>; declare const TabPanelOptions: ((props: ITabPanelOptionsProps) => React.FunctionComponentElement | DataSourceOptions | Store | null | undefined; deferRendering?: boolean | undefined; disabled?: boolean | undefined; elementAttr?: Record | 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) => 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 | undefined; itemTitleRender?: ((...params: any) => React.ReactNode) | undefined; itemTitleComponent?: React.ComponentType | 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; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const TabPanelOptionsItem: ((props: ITabPanelOptionsItemProps) => React.FunctionComponentElement 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 | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | 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>) & NestedComponentMeta; type IToProps = React.PropsWithChildren<{ left?: number; opacity?: number; position?: PositionConfig; scale?: number; top?: number; }>; declare const To: ((props: IToProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IToolbarProps = React.PropsWithChildren<{ disabled?: boolean; items?: Array; multiline?: boolean; visible?: boolean | undefined; }>; declare const Toolbar: ((props: IToolbarProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IToolbarItemProps = React.PropsWithChildren<{ cssClass?: string | undefined; disabled?: boolean; html?: string; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; name?: PredefinedToolbarItem | 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; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const ToolbarItem: ((props: IToolbarItemProps) => React.FunctionComponentElement 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 | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IValidationRuleProps = React.PropsWithChildren<{ message?: string; trim?: boolean; type?: ValidationRuleType; ignoreEmptyValue?: boolean; max?: Date | number | string; min?: Date | number | string; reevaluate?: boolean; validationCallback?: ((options: { column: Record; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => boolean); comparisonTarget?: (() => any); comparisonType?: ComparisonOperator; pattern?: RegExp | string; }>; declare const ValidationRule: ((props: IValidationRuleProps) => React.FunctionComponentElement; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => boolean) | undefined; comparisonTarget?: (() => any) | undefined; comparisonType?: ComparisonOperator | undefined; pattern?: string | RegExp | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; export default CardView; export { CardView, ICardViewOptions, CardViewRef, AIOptions, IAIOptionsProps, 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, IndicatorOptions, IIndicatorOptionsProps, 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 };