/*! * 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/data_grid"; import * as React from "react"; import { Ref, ReactElement } from "react"; import dxDataGrid, { Properties } from "devextreme/ui/data_grid"; import { IHtmlOptions, NestedComponentMeta } from "./core/component"; import type { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangingEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent, dxDataGridColumnButton, DataGridCommandColumnType, SelectionSensitivity, DataGridPredefinedToolbarItem, DataGridExportFormat, DataGridScrollMode, dxDataGridToolbarItem } from "devextreme/ui/data_grid"; import type { DataChange, AIColumnMode, DataChangeType, ColumnAIOptions, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter as GridsColumnHeaderFilter, SelectedFilterOperation, ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts, SelectionColumnDisplayMode, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction, FilterPanel as GridsFilterPanel, FilterPanelTexts as GridsFilterPanelTexts, ApplyFilterMode, GroupExpandMode, SummaryType, EnterKeyAction, EnterKeyDirection, PagerPageSize, GridBase, DataRenderMode, StateStoreType } from "devextreme/common/grids"; import type { Mode, ValidationRuleType, HorizontalAlignment, VerticalAlignment, template, TextEditorButtonLocation, ButtonStyle, ButtonType, DataType, Format as CommonFormat, SortOrder, SearchMode, ComparisonOperator, SingleMultipleOrNone, SelectAllMode, ToolbarItemLocation, ToolbarItemComponent, TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position as CommonPosition, ValidationStatus, PositionAlignment, Direction, DisplayMode, DragDirection, DragHighlight, ScrollbarMode, TabsIconPosition, TabsStyle } from "devextreme/common"; import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, OptionChangedEvent } from "devextreme/ui/button"; import type { ContentReadyEvent as TextBoxContentReadyEvent, DisposingEvent as TextBoxDisposingEvent, InitializedEvent as TextBoxInitializedEvent, KeyDownEvent as TextBoxKeyDownEvent, dxTextBoxOptions, OptionChangedEvent as TextBoxOptionChangedEvent, TextBoxType, ChangeEvent, CopyEvent, CutEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InputEvent, KeyUpEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/text_box"; import type { ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, EditorPreparedEvent as FilterBuilderEditorPreparedEvent, EditorPreparingEvent as FilterBuilderEditorPreparingEvent, InitializedEvent as FilterBuilderInitializedEvent, OptionChangedEvent as FilterBuilderOptionChangedEvent, dxFilterBuilderField, FieldInfo, ValueChangedEvent as FilterBuilderValueChangedEvent, FilterBuilderOperation, dxFilterBuilderCustomOperation, GroupOperation } from "devextreme/ui/filter_builder"; import type { ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, FormItemType, FormPredefinedButtonItem, OptionChangedEvent as FormOptionChangedEvent, dxFormSimpleItem, dxFormOptions, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, EditorEnterKeyEvent, FieldDataChangedEvent, SmartPastedEvent, SmartPastingEvent, FormItemComponent } from "devextreme/ui/form"; import type { ContentReadyEvent as TabPanelContentReadyEvent, DisposingEvent as TabPanelDisposingEvent, InitializedEvent as TabPanelInitializedEvent, OptionChangedEvent as TabPanelOptionChangedEvent, dxTabPanelOptions, dxTabPanelItem, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from "devextreme/ui/tab_panel"; import type { AIIntegration } from "devextreme/common/ai-integration"; import type { AnimationConfig, CollisionResolution, PositionConfig, AnimationState, AnimationType, CollisionResolutionCombination } from "devextreme/common/core/animation"; import type { Format as LocalizationFormat } from "devextreme/common/core/localization"; import type { DataSourceOptions } from "devextreme/data/data_source"; import type { Store } from "devextreme/data/store"; import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar"; import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base"; import type { dxPopupOptions, dxPopupToolbarItem, ToolbarLocation } from "devextreme/ui/popup"; import type { event } from "devextreme/events/events.types"; import type { EventInfo } from "devextreme/common/core/events"; import type { Component } from "devextreme/core/component"; import type { LoadingAnimationType } from "devextreme/ui/load_indicator"; import type { LoadPanelIndicatorProperties } from "devextreme/ui/load_panel"; import type dxOverlay from "devextreme/ui/overlay"; import type DOMComponent from "devextreme/core/dom_component"; import type dxPopup from "devextreme/ui/popup"; import type dxForm from "devextreme/ui/form"; import type dxSortable from "devextreme/ui/sortable"; import type dxDraggable from "devextreme/ui/draggable"; import type DataSource from "devextreme/data/data_source"; import type * as CommonTypes from "devextreme/common"; type ReplaceFieldTypes = { [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P]; }; type IDataGridOptionsNarrowedEvents = { onAdaptiveDetailRowPreparing?: ((e: AdaptiveDetailRowPreparingEvent) => void); onAIColumnRequestCreating?: ((e: AIColumnRequestCreatingEvent) => void); onCellClick?: ((e: CellClickEvent) => void); onCellDblClick?: ((e: CellDblClickEvent) => void); onCellPrepared?: ((e: CellPreparedEvent) => void); onContentReady?: ((e: ContentReadyEvent) => void); onContextMenuPreparing?: ((e: ContextMenuPreparingEvent) => void); onDataErrorOccurred?: ((e: DataErrorOccurredEvent) => void); onDisposing?: ((e: DisposingEvent) => void); onEditCanceled?: ((e: EditCanceledEvent) => void); onEditCanceling?: ((e: EditCancelingEvent) => void); onEditingStart?: ((e: EditingStartEvent) => void); onEditorPrepared?: ((e: EditorPreparedEvent) => void); onEditorPreparing?: ((e: EditorPreparingEvent) => void); onExporting?: ((e: ExportingEvent) => void); onFocusedCellChanging?: ((e: FocusedCellChangingEvent) => void); onFocusedRowChanging?: ((e: FocusedRowChangingEvent) => void); onInitialized?: ((e: InitializedEvent) => void); onInitNewRow?: ((e: InitNewRowEvent) => void); onKeyDown?: ((e: KeyDownEvent) => void); onRowClick?: ((e: RowClickEvent) => void); onRowCollapsed?: ((e: RowCollapsedEvent) => void); onRowCollapsing?: ((e: RowCollapsingEvent) => void); onRowDblClick?: ((e: RowDblClickEvent) => void); onRowExpanded?: ((e: RowExpandedEvent) => void); onRowExpanding?: ((e: RowExpandingEvent) => void); onRowInserted?: ((e: RowInsertedEvent) => void); onRowInserting?: ((e: RowInsertingEvent) => void); onRowPrepared?: ((e: RowPreparedEvent) => void); onRowRemoved?: ((e: RowRemovedEvent) => void); onRowRemoving?: ((e: RowRemovingEvent) => void); onRowUpdated?: ((e: RowUpdatedEvent) => void); onRowUpdating?: ((e: RowUpdatingEvent) => void); onRowValidating?: ((e: RowValidatingEvent) => void); onSaved?: ((e: SavedEvent) => void); onSaving?: ((e: SavingEvent) => void); onToolbarPreparing?: ((e: ToolbarPreparingEvent) => void); }; type IDataGridOptions = React.PropsWithChildren, IDataGridOptionsNarrowedEvents> & IHtmlOptions & { dataSource?: Properties["dataSource"]; dataRowRender?: (...params: any) => React.ReactNode; dataRowComponent?: React.ComponentType; rowRender?: (...params: any) => React.ReactNode; rowComponent?: React.ComponentType; defaultColumns?: Array; defaultEditing?: Record; defaultFilterValue?: Array | (() => any) | string; defaultFocusedColumnIndex?: number; defaultFocusedRowIndex?: number; defaultFocusedRowKey?: any | undefined; defaultGroupPanel?: Record; defaultPaging?: Record; defaultSelectedRowKeys?: Array; defaultSelectionFilter?: Array | (() => any) | string; onColumnsChange?: (value: Array) => void; onEditingChange?: (value: Record) => void; onFilterValueChange?: (value: Array | (() => any) | string) => void; onFocusedColumnIndexChange?: (value: number) => void; onFocusedRowIndexChange?: (value: number) => void; onFocusedRowKeyChange?: (value: any | undefined) => void; onGroupPanelChange?: (value: Record) => void; onPagingChange?: (value: Record) => void; onSelectedRowKeysChange?: (value: Array) => void; onSelectionFilterChange?: (value: Array | (() => any) | string) => void; }>; interface DataGridRef { instance: () => dxDataGrid; } declare const DataGrid: (props: ReplaceFieldTypes, IDataGridOptionsNarrowedEvents> & IHtmlOptions & { dataSource?: import("devextreme/data/data_source").DataSourceLike | null | undefined; dataRowRender?: ((...params: any) => React.ReactNode) | undefined; dataRowComponent?: React.ComponentType | undefined; rowRender?: ((...params: any) => React.ReactNode) | undefined; rowComponent?: React.ComponentType | undefined; defaultColumns?: (string | dxDataGridColumn)[] | undefined; defaultEditing?: Record | undefined; defaultFilterValue?: string | any[] | (() => any) | undefined; defaultFocusedColumnIndex?: number | undefined; defaultFocusedRowIndex?: number | undefined; defaultFocusedRowKey?: any | undefined; defaultGroupPanel?: Record | undefined; defaultPaging?: Record | undefined; defaultSelectedRowKeys?: any[] | undefined; defaultSelectionFilter?: string | any[] | (() => any) | undefined; onColumnsChange?: ((value: Array) => void) | undefined; onEditingChange?: ((value: Record) => void) | undefined; onFilterValueChange?: ((value: Array | (() => any) | string) => void) | undefined; onFocusedColumnIndexChange?: ((value: number) => void) | undefined; onFocusedRowIndexChange?: ((value: number) => void) | undefined; onFocusedRowKeyChange?: ((value: any | undefined) => void) | undefined; onGroupPanelChange?: ((value: Record) => void) | undefined; onPagingChange?: ((value: Record) => void) | undefined; onSelectedRowKeysChange?: ((value: Array) => void) | undefined; onSelectionFilterChange?: ((value: Array | (() => any) | string) => void) | undefined; } & { children?: React.ReactNode; } & { ref?: React.Ref> | undefined; }) => ReactElement | null; type IAIProps = React.PropsWithChildren<{ aiIntegration?: AIIntegration | undefined; editorOptions?: dxTextBoxOptions; emptyText?: string; mode?: AIColumnMode; noDataText?: string; popup?: Record; prompt?: string; showHeaderMenu?: boolean; }>; declare const AI: ((props: IAIProps) => React.FunctionComponentElement | undefined; emptyText?: string | undefined; mode?: AIColumnMode | undefined; noDataText?: string | undefined; popup?: Record | undefined; prompt?: string | undefined; showHeaderMenu?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; 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 IButtonProps = React.PropsWithChildren<{ cssClass?: string; disabled?: boolean | ((options: { column: dxDataGridColumn; component: dxDataGrid; row: dxDataGridRowObject; }) => boolean); hint?: string; icon?: string; name?: DataGridPredefinedColumnButton | string | undefined; onClick?: ((e: ColumnButtonClickEvent) => void); template?: ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; key: any; row: dxDataGridRowObject; rowIndex: number; rowType: string; }) => string | any) | template; text?: string; visible?: boolean | ((options: { column: dxDataGridColumn; component: dxDataGrid; row: dxDataGridRowObject; }) => boolean); location?: TextEditorButtonLocation; options?: dxButtonOptions | undefined; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const Button: ((props: IButtonProps) => React.FunctionComponentElement boolean) | undefined; hint?: string | undefined; icon?: string | undefined; name?: DataGridPredefinedColumnButton | string | undefined; onClick?: ((e: ColumnButtonClickEvent) => void) | undefined; template?: template | ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; key: any; row: dxDataGridRowObject; rowIndex: number; rowType: string; }) => string | any) | undefined; text?: string | undefined; visible?: boolean | ((options: { column: dxDataGridColumn; component: dxDataGrid; row: dxDataGridRowObject; }) => boolean) | undefined; location?: TextEditorButtonLocation | undefined; options?: dxButtonOptions | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IButtonItemProps = React.PropsWithChildren<{ buttonOptions?: dxButtonOptions | undefined; colSpan?: number | undefined; cssClass?: string | undefined; horizontalAlignment?: HorizontalAlignment; itemType?: FormItemType; name?: FormPredefinedButtonItem | string | undefined; verticalAlignment?: VerticalAlignment; visible?: boolean; visibleIndex?: number | undefined; }>; declare const ButtonItem: ((props: IButtonItemProps) => React.FunctionComponentElement>) & 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: ButtonContentReadyEvent) => void); onDisposing?: ((e: ButtonDisposingEvent) => void); onInitialized?: ((e: ButtonInitializedEvent) => void); onOptionChanged?: ((e: OptionChangedEvent) => void); rtlEnabled?: boolean; stylingMode?: ButtonStyle; tabIndex?: number; template?: ((buttonData: { icon: string; text: string; }, contentElement: any) => string | any) | template; text?: string; type?: ButtonType | string; useSubmitBehavior?: boolean; validationGroup?: string | undefined; visible?: boolean; width?: number | string | undefined; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; 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: ButtonContentReadyEvent) => void) | undefined; onDisposing?: ((e: ButtonDisposingEvent) => void) | undefined; onInitialized?: ((e: ButtonInitializedEvent) => void) | undefined; onOptionChanged?: ((e: OptionChangedEvent) => void) | undefined; rtlEnabled?: boolean | undefined; stylingMode?: ButtonStyle | undefined; tabIndex?: number | undefined; template?: template | ((buttonData: { icon: string; text: string; }, contentElement: any) => string | any) | undefined; text?: string | undefined; type?: string | undefined; useSubmitBehavior?: boolean | undefined; validationGroup?: string | undefined; visible?: boolean | undefined; width?: number | string | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & 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<{ ai?: ColumnAIOptions; alignment?: HorizontalAlignment | undefined; allowEditing?: boolean; allowExporting?: boolean; allowFiltering?: boolean; allowFixing?: boolean; allowGrouping?: boolean; allowHeaderFiltering?: boolean; allowHiding?: boolean; allowReordering?: boolean; allowResizing?: boolean; allowSearch?: boolean; allowSorting?: boolean; autoExpandGroup?: boolean; buttons?: Array; calculateCellValue?: ((rowData: any) => any); calculateDisplayValue?: ((rowData: any) => any) | string; calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | (() => any) | Array); calculateGroupValue?: ((rowData: any) => any) | string; calculateSortValue?: ((rowData: any) => any) | string; caption?: string | undefined; cellTemplate?: ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; displayValue: any; oldValue: any; row: dxDataGridRowObject; rowIndex: number; rowType: string; text: string; value: any; watch: (() => void); }) => any) | template; columns?: Array; cssClass?: string | undefined; customizeText?: ((cellInfo: { groupInterval: string | number; target: string; value: any; valueText: string; }) => string); dataField?: string | undefined; dataType?: DataType | undefined; editCellTemplate?: ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; displayValue: any; row: dxDataGridRowObject; rowIndex: number; rowType: string; setValue(newValue: any, newText: any): any; text: string; value: any; watch: (() => void); }) => any) | template; editorOptions?: any; encodeHtml?: boolean; falseText?: string; filterOperations?: Array; filterType?: FilterType; filterValue?: any | undefined; filterValues?: Array; fixed?: boolean; fixedPosition?: FixedPosition | undefined; format?: LocalizationFormat; formItem?: dxFormSimpleItem; groupCellTemplate?: ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; displayValue: any; groupContinuedMessage: string; groupContinuesMessage: string; row: dxDataGridRowObject; rowIndex: number; summaryItems: Array; text: string; value: any; }) => any) | template; groupIndex?: number | undefined; headerCellTemplate?: ((columnHeader: any, headerInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; }) => any) | template; headerFilter?: GridsColumnHeaderFilter | undefined; hidingPriority?: number | undefined; isBand?: boolean | undefined; lookup?: Record | { allowClearing?: boolean; calculateCellValue?: ((rowData: any) => any); dataSource?: Array | DataSourceOptions | ((options: { data: Record; key: any; }) => Array | Store | DataSourceOptions) | null | Store | undefined; displayExpr?: ((data: any) => string) | string | undefined; valueExpr?: string | undefined; }; minWidth?: number | undefined; name?: string | undefined; ownerBand?: number | undefined; renderAsync?: boolean; selectedFilterOperation?: SelectedFilterOperation | undefined; setCellValue?: ((newData: any, value: any, currentRowData: any) => any); showEditorAlways?: boolean; showInColumnChooser?: boolean; showWhenGrouped?: boolean; sortIndex?: number | undefined; sortingMethod?: ((value1: any, value2: any) => number) | undefined; sortOrder?: SortOrder | undefined; trueText?: string; type?: DataGridCommandColumnType; validationRules?: Array; visible?: boolean; visibleIndex?: number | undefined; width?: number | string | undefined; defaultFilterValue?: any | undefined; onFilterValueChange?: (value: any | undefined) => void; defaultFilterValues?: Array; onFilterValuesChange?: (value: Array) => void; defaultGroupIndex?: number | undefined; onGroupIndexChange?: (value: number | undefined) => void; defaultSelectedFilterOperation?: SelectedFilterOperation | undefined; onSelectedFilterOperationChange?: (value: SelectedFilterOperation | undefined) => 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; cellRender?: (...params: any) => React.ReactNode; cellComponent?: React.ComponentType; editCellRender?: (...params: any) => React.ReactNode; editCellComponent?: React.ComponentType; groupCellRender?: (...params: any) => React.ReactNode; groupCellComponent?: React.ComponentType; headerCellRender?: (...params: any) => React.ReactNode; headerCellComponent?: React.ComponentType; }>; declare const Column: ((props: IColumnProps) => React.FunctionComponentElement)[] | undefined; calculateCellValue?: ((rowData: any) => any) | undefined; calculateDisplayValue?: string | ((rowData: any) => any) | undefined; calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | (() => any) | Array) | undefined; calculateGroupValue?: string | ((rowData: any) => any) | undefined; calculateSortValue?: string | ((rowData: any) => any) | undefined; caption?: string | undefined; cellTemplate?: template | ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; displayValue: any; oldValue: any; row: dxDataGridRowObject; rowIndex: number; rowType: string; text: string; value: any; watch: (() => void); }) => any) | undefined; columns?: (string | dxDataGridColumn)[] | undefined; cssClass?: string | undefined; customizeText?: ((cellInfo: { groupInterval: string | number; target: string; value: any; valueText: string; }) => string) | undefined; dataField?: string | undefined; dataType?: DataType | undefined; editCellTemplate?: template | ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; displayValue: any; row: dxDataGridRowObject; rowIndex: number; rowType: string; setValue(newValue: any, newText: any): any; text: string; value: any; watch: (() => void); }) => any) | undefined; editorOptions?: any; encodeHtml?: boolean | undefined; falseText?: string | undefined; filterOperations?: string[] | undefined; filterType?: FilterType | undefined; filterValue?: any | undefined; filterValues?: any[] | undefined; fixed?: boolean | undefined; fixedPosition?: FixedPosition | undefined; format?: LocalizationFormat; formItem?: dxFormSimpleItem | undefined; groupCellTemplate?: template | ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; displayValue: any; groupContinuedMessage: string; groupContinuesMessage: string; row: dxDataGridRowObject; rowIndex: number; summaryItems: Array; text: string; value: any; }) => any) | undefined; groupIndex?: number | undefined; headerCellTemplate?: template | ((columnHeader: any, headerInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; }) => any) | undefined; headerFilter?: GridsColumnHeaderFilter | undefined; hidingPriority?: number | undefined; isBand?: boolean | undefined; lookup?: Record | { allowClearing?: boolean | undefined; calculateCellValue?: ((rowData: any) => any) | undefined; dataSource?: any[] | DataSourceOptions | Store | ((options: { data: Record; key: any; }) => Array | Store | DataSourceOptions) | null | undefined; displayExpr?: string | ((data: any) => string) | undefined; valueExpr?: string | undefined; } | undefined; minWidth?: number | undefined; name?: string | undefined; ownerBand?: number | undefined; renderAsync?: boolean | undefined; selectedFilterOperation?: SelectedFilterOperation | undefined; setCellValue?: ((newData: any, value: any, currentRowData: any) => any) | undefined; showEditorAlways?: boolean | undefined; showInColumnChooser?: boolean | undefined; showWhenGrouped?: boolean | undefined; sortIndex?: number | undefined; sortingMethod?: ((value1: any, value2: any) => number) | undefined; sortOrder?: SortOrder | undefined; trueText?: string | undefined; type?: DataGridCommandColumnType | undefined; validationRules?: CommonTypes.ValidationRule[] | undefined; visible?: boolean | undefined; visibleIndex?: number | undefined; width?: number | string | undefined; defaultFilterValue?: any | undefined; onFilterValueChange?: ((value: any | undefined) => void) | undefined; defaultFilterValues?: any[] | undefined; onFilterValuesChange?: ((value: Array) => void) | undefined; defaultGroupIndex?: number | undefined; onGroupIndexChange?: ((value: number | undefined) => void) | undefined; defaultSelectedFilterOperation?: SelectedFilterOperation | undefined; onSelectedFilterOperationChange?: ((value: SelectedFilterOperation | undefined) => 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; cellRender?: ((...params: any) => React.ReactNode) | undefined; cellComponent?: React.ComponentType | undefined; editCellRender?: ((...params: any) => React.ReactNode) | undefined; editCellComponent?: React.ComponentType | undefined; groupCellRender?: ((...params: any) => React.ReactNode) | undefined; groupCellComponent?: React.ComponentType | undefined; headerCellRender?: ((...params: any) => React.ReactNode) | undefined; headerCellComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IColumnButtonProps = React.PropsWithChildren<{ cssClass?: string; disabled?: boolean | ((options: { column: dxDataGridColumn; component: dxDataGrid; row: dxDataGridRowObject; }) => boolean); hint?: string; icon?: string; name?: DataGridPredefinedColumnButton | string; onClick?: ((e: ColumnButtonClickEvent) => void); template?: ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; key: any; row: dxDataGridRowObject; rowIndex: number; rowType: string; }) => string | any) | template; text?: string; visible?: boolean | ((options: { column: dxDataGridColumn; component: dxDataGrid; row: dxDataGridRowObject; }) => boolean); render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const ColumnButton: ((props: IColumnButtonProps) => React.FunctionComponentElement boolean) | undefined; hint?: string | undefined; icon?: string | undefined; name?: string | undefined; onClick?: ((e: ColumnButtonClickEvent) => void) | undefined; template?: template | ((cellElement: any, cellInfo: { column: dxDataGridColumn; columnIndex: number; component: dxDataGrid; data: Record; key: any; row: dxDataGridRowObject; rowIndex: number; rowType: string; }) => string | any) | undefined; text?: string | undefined; visible?: boolean | ((options: { column: dxDataGridColumn; component: dxDataGrid; row: dxDataGridRowObject; }) => boolean) | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: 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 IColumnFixingProps = React.PropsWithChildren<{ enabled?: boolean; icons?: Record | { fix?: string; leftPosition?: string; rightPosition?: string; stickyPosition?: string; unfix?: string; }; texts?: Record | { fix?: string; leftPosition?: string; rightPosition?: string; stickyPosition?: string; unfix?: string; }; }>; declare const ColumnFixing: ((props: IColumnFixingProps) => React.FunctionComponentElement | { fix?: string | undefined; leftPosition?: string | undefined; rightPosition?: string | undefined; stickyPosition?: string | undefined; unfix?: string | undefined; } | undefined; texts?: Record | { fix?: string | undefined; leftPosition?: string | undefined; rightPosition?: string | undefined; stickyPosition?: string | undefined; unfix?: string | undefined; } | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IColumnFixingTextsProps = React.PropsWithChildren<{ fix?: string; leftPosition?: string; rightPosition?: string; stickyPosition?: string; unfix?: string; }>; declare const ColumnFixingTexts: ((props: IColumnFixingTextsProps) => 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 IColumnLookupProps = React.PropsWithChildren<{ allowClearing?: boolean; calculateCellValue?: ((rowData: any) => any); dataSource?: Array | DataSourceOptions | ((options: { data: Record; key: any; }) => Array | Store | DataSourceOptions) | null | Store | undefined; displayExpr?: ((data: any) => string) | string | undefined; valueExpr?: string | undefined; }>; declare const ColumnLookup: ((props: IColumnLookupProps) => React.FunctionComponentElement any) | undefined; dataSource?: any[] | DataSourceOptions | Store | ((options: { data: Record; key: any; }) => Array | Store | DataSourceOptions) | null | undefined; displayExpr?: string | ((data: any) => string) | undefined; valueExpr?: string | 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 ICursorOffsetProps = React.PropsWithChildren<{ x?: number; y?: number; }>; declare const CursorOffset: ((props: ICursorOffsetProps) => React.FunctionComponentElement>) & 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 IDataGridHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: boolean; allowSelectAll?: boolean; height?: number | string; search?: HeaderFilterSearchConfig; searchTimeout?: number; texts?: HeaderFilterTexts; visible?: boolean; width?: number | string; }>; declare const DataGridHeaderFilter: ((props: IDataGridHeaderFilterProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IDataGridHeaderFilterSearchProps = React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean; mode?: SearchMode; timeout?: number; }>; declare const DataGridHeaderFilterSearch: ((props: IDataGridHeaderFilterSearchProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IDataGridHeaderFilterTextsProps = React.PropsWithChildren<{ cancel?: string; emptyValue?: string; ok?: string; }>; declare const DataGridHeaderFilterTexts: ((props: IDataGridHeaderFilterTextsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IDataGridSelectionProps = React.PropsWithChildren<{ allowSelectAll?: boolean; deferred?: boolean; mode?: SingleMultipleOrNone; selectAllMode?: SelectAllMode; sensitivity?: SelectionSensitivity; showCheckBoxesMode?: SelectionColumnDisplayMode; }>; declare const DataGridSelection: ((props: IDataGridSelectionProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IDataGridToolbarItemProps = React.PropsWithChildren<{ cssClass?: string | undefined; disabled?: boolean; html?: string; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; name?: DataGridPredefinedToolbarItem | string; options?: any; showText?: ShowTextMode; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; visible?: boolean; widget?: ToolbarItemComponent; menuItemRender?: (...params: any) => React.ReactNode; menuItemComponent?: React.ComponentType; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const DataGridToolbarItem: ((props: IDataGridToolbarItemProps) => 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 IEditingProps = React.PropsWithChildren<{ allowAdding?: boolean; allowDeleting?: boolean | ((options: { component: dxDataGrid; row: dxDataGridRowObject; }) => boolean); allowUpdating?: boolean | ((options: { component: dxDataGrid; row: dxDataGridRowObject; }) => boolean); changes?: Array; confirmDelete?: boolean; editColumnName?: string; editRowKey?: any; form?: dxFormOptions; mode?: GridsEditMode; newRowPosition?: NewRowPosition; popup?: dxPopupOptions; refreshMode?: GridsEditRefreshMode; selectTextOnEditStart?: boolean; startEditAction?: StartEditAction; texts?: any | { addRow?: string; cancelAllChanges?: string; cancelRowChanges?: string; confirmDeleteMessage?: string; confirmDeleteTitle?: string; deleteRow?: string; editRow?: string; saveAllChanges?: string; saveRowChanges?: string; undeleteRow?: string; validationCancelChanges?: string; }; useIcons?: boolean; defaultChanges?: Array; onChangesChange?: (value: Array) => void; defaultEditColumnName?: string; onEditColumnNameChange?: (value: string) => void; defaultEditRowKey?: any; onEditRowKeyChange?: (value: any) => void; }>; declare const Editing: ((props: IEditingProps) => React.FunctionComponentElement boolean) | undefined; allowUpdating?: boolean | ((options: { component: dxDataGrid; row: dxDataGridRowObject; }) => boolean) | undefined; changes?: DataChange[] | undefined; confirmDelete?: boolean | undefined; editColumnName?: string | undefined; editRowKey?: any; form?: dxFormOptions | undefined; mode?: GridsEditMode | undefined; newRowPosition?: NewRowPosition | undefined; popup?: dxPopupOptions | undefined; refreshMode?: GridsEditRefreshMode | undefined; selectTextOnEditStart?: boolean | undefined; startEditAction?: StartEditAction | undefined; texts?: any | { addRow?: string; cancelAllChanges?: string; cancelRowChanges?: string; confirmDeleteMessage?: string; confirmDeleteTitle?: string; deleteRow?: string; editRow?: string; saveAllChanges?: string; saveRowChanges?: string; undeleteRow?: string; validationCancelChanges?: string; }; useIcons?: boolean | undefined; defaultChanges?: DataChange[] | undefined; onChangesChange?: ((value: Array) => void) | undefined; defaultEditColumnName?: string | undefined; onEditColumnNameChange?: ((value: string) => void) | undefined; defaultEditRowKey?: any; onEditRowKeyChange?: ((value: any) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IEditingTextsProps = React.PropsWithChildren<{ addRow?: string; cancelAllChanges?: string; cancelRowChanges?: string; confirmDeleteMessage?: string; confirmDeleteTitle?: string; deleteRow?: string; editRow?: string; saveAllChanges?: string; saveRowChanges?: string; undeleteRow?: string; validationCancelChanges?: string; }>; declare const EditingTexts: ((props: IEditingTextsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IEditorOptionsProps = React.PropsWithChildren<{ accessKey?: string | undefined; activeStateEnabled?: boolean; buttons?: Array; disabled?: boolean; elementAttr?: Record; focusStateEnabled?: boolean; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean; inputAttr?: any; isDirty?: boolean; isValid?: boolean; label?: string; labelMode?: LabelMode; mask?: string; maskChar?: string; maskInvalidMessage?: string; maskRules?: any; maxLength?: number | string; mode?: TextBoxType; name?: string; onChange?: ((e: ChangeEvent) => void); onContentReady?: ((e: TextBoxContentReadyEvent) => void); onCopy?: ((e: CopyEvent) => void); onCut?: ((e: CutEvent) => void); onDisposing?: ((e: TextBoxDisposingEvent) => void); onEnterKey?: ((e: EnterKeyEvent) => void); onFocusIn?: ((e: FocusInEvent) => void); onFocusOut?: ((e: FocusOutEvent) => void); onInitialized?: ((e: TextBoxInitializedEvent) => void); onInput?: ((e: InputEvent) => void); onKeyDown?: ((e: TextBoxKeyDownEvent) => void); onKeyUp?: ((e: KeyUpEvent) => void); onOptionChanged?: ((e: TextBoxOptionChangedEvent) => void); onPaste?: ((e: PasteEvent) => void); onValueChanged?: ((e: ValueChangedEvent) => void); placeholder?: string; readOnly?: boolean; rtlEnabled?: boolean; showClearButton?: boolean; showMaskMode?: MaskMode; spellcheck?: boolean; stylingMode?: EditorStyle; tabIndex?: number; text?: string; useMaskedValue?: boolean; validationError?: any; validationErrors?: Array; validationMessageMode?: ValidationMessageMode; validationMessagePosition?: CommonPosition; validationStatus?: ValidationStatus; value?: string; valueChangeEvent?: string; visible?: boolean; width?: number | string | undefined; defaultValue?: string; onValueChange?: (value: string) => void; }>; declare const EditorOptions: ((props: IEditorOptionsProps) => React.FunctionComponentElement | undefined; focusStateEnabled?: boolean | undefined; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean | undefined; inputAttr?: any; isDirty?: boolean | undefined; isValid?: boolean | undefined; label?: string | undefined; labelMode?: LabelMode | undefined; mask?: string | undefined; maskChar?: string | undefined; maskInvalidMessage?: string | undefined; maskRules?: any; maxLength?: string | number | undefined; mode?: TextBoxType | undefined; name?: string | undefined; onChange?: ((e: ChangeEvent) => void) | undefined; onContentReady?: ((e: TextBoxContentReadyEvent) => void) | undefined; onCopy?: ((e: CopyEvent) => void) | undefined; onCut?: ((e: CutEvent) => void) | undefined; onDisposing?: ((e: TextBoxDisposingEvent) => void) | undefined; onEnterKey?: ((e: EnterKeyEvent) => void) | undefined; onFocusIn?: ((e: FocusInEvent) => void) | undefined; onFocusOut?: ((e: FocusOutEvent) => void) | undefined; onInitialized?: ((e: TextBoxInitializedEvent) => void) | undefined; onInput?: ((e: InputEvent) => void) | undefined; onKeyDown?: ((e: TextBoxKeyDownEvent) => void) | undefined; onKeyUp?: ((e: KeyUpEvent) => void) | undefined; onOptionChanged?: ((e: TextBoxOptionChangedEvent) => void) | undefined; onPaste?: ((e: PasteEvent) => void) | undefined; onValueChanged?: ((e: ValueChangedEvent) => void) | undefined; placeholder?: string | undefined; readOnly?: boolean | undefined; rtlEnabled?: boolean | undefined; showClearButton?: boolean | undefined; showMaskMode?: MaskMode | undefined; spellcheck?: boolean | undefined; stylingMode?: EditorStyle | undefined; tabIndex?: number | undefined; text?: string | undefined; useMaskedValue?: boolean | undefined; validationError?: any; validationErrors?: any[] | undefined; validationMessageMode?: ValidationMessageMode | undefined; validationMessagePosition?: CommonPosition | undefined; validationStatus?: ValidationStatus | undefined; value?: string | undefined; valueChangeEvent?: string | undefined; visible?: boolean | undefined; width?: number | string | undefined; defaultValue?: string | undefined; onValueChange?: ((value: string) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IEditorOptionsButtonProps = React.PropsWithChildren<{ location?: TextEditorButtonLocation; name?: string | undefined; options?: dxButtonOptions | undefined; }>; declare const EditorOptionsButton: ((props: IEditorOptionsButtonProps) => 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 IExportProps = React.PropsWithChildren<{ allowExportSelectedData?: boolean; enabled?: boolean; formats?: Array; texts?: Record | { exportAll?: string; exportSelectedRows?: string; exportTo?: string; }; }>; declare const Export: ((props: IExportProps) => React.FunctionComponentElement | { exportAll?: string | undefined; exportSelectedRows?: string | undefined; exportTo?: string | undefined; } | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IExportTextsProps = React.PropsWithChildren<{ exportAll?: string; exportSelectedRows?: string; exportTo?: string; }>; declare const ExportTexts: ((props: IExportTextsProps) => 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 IFieldLookupProps = 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 FieldLookup: ((props: IFieldLookupProps) => 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 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: FilterBuilderEditorPreparedEvent) => void); onEditorPreparing?: ((e: FilterBuilderEditorPreparingEvent) => void); onInitialized?: ((e: FilterBuilderInitializedEvent) => void); onOptionChanged?: ((e: FilterBuilderOptionChangedEvent) => void); onValueChanged?: ((e: FilterBuilderValueChangedEvent) => 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: FilterBuilderEditorPreparedEvent) => void) | undefined; onEditorPreparing?: ((e: FilterBuilderEditorPreparingEvent) => void) | undefined; onInitialized?: ((e: FilterBuilderInitializedEvent) => void) | undefined; onOptionChanged?: ((e: FilterBuilderOptionChangedEvent) => void) | undefined; onValueChanged?: ((e: FilterBuilderValueChangedEvent) => 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 IFilterBuilderPopupProps = React.PropsWithChildren<{ accessKey?: string | undefined; animation?: Record | { hide?: AnimationConfig; show?: AnimationConfig; }; container?: any | string | undefined; contentTemplate?: ((contentElement: any) => string | any) | template; deferRendering?: boolean; disabled?: boolean; dragAndResizeArea?: any | string | undefined; dragEnabled?: boolean; dragOutsideBoundary?: boolean; enableBodyScroll?: boolean; focusStateEnabled?: boolean; fullScreen?: boolean; height?: number | string; hideOnOutsideClick?: boolean | ((event: event) => boolean); hideOnParentScroll?: boolean; hint?: string | undefined; hoverStateEnabled?: boolean; maxHeight?: number | string; maxWidth?: number | string; minHeight?: number | string; minWidth?: number | string; onContentReady?: ((e: EventInfo) => void); onDisposing?: ((e: EventInfo) => void); onHidden?: ((e: EventInfo) => void); onHiding?: ((e: { cancel: boolean | any; component: dxOverlay; element: any; model: any; }) => void); onInitialized?: ((e: { component: Component; element: any; }) => void); onOptionChanged?: ((e: { component: DOMComponent; element: any; fullName: string; model: any; name: string; previousValue: any; value: any; }) => void); onResize?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void); onResizeEnd?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void); onResizeStart?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void); onShowing?: ((e: { cancel: boolean | any; component: dxOverlay; element: any; model: any; }) => void); onShown?: ((e: EventInfo) => void); onTitleRendered?: ((e: { component: dxPopup; element: any; model: any; titleElement: any; }) => void); position?: (() => void) | PositionAlignment | PositionConfig; resizeEnabled?: boolean; restorePosition?: boolean; rtlEnabled?: boolean; shading?: boolean; shadingColor?: string; showCloseButton?: boolean; showTitle?: boolean; tabIndex?: number; title?: string; titleTemplate?: ((titleElement: any) => string | any) | template; toolbarItems?: Array; visible?: boolean; width?: number | string; wrapperAttr?: any; defaultHeight?: number | string; onHeightChange?: (value: number | string) => void; defaultPosition?: (() => void) | PositionAlignment | PositionConfig; onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void; defaultVisible?: boolean; onVisibleChange?: (value: boolean) => void; defaultWidth?: number | string; onWidthChange?: (value: number | string) => void; contentRender?: (...params: any) => React.ReactNode; contentComponent?: React.ComponentType; titleRender?: (...params: any) => React.ReactNode; titleComponent?: React.ComponentType; }>; declare const FilterBuilderPopup: ((props: IFilterBuilderPopupProps) => React.FunctionComponentElement | { hide?: AnimationConfig | undefined; show?: AnimationConfig | undefined; } | undefined; container?: any | string | undefined; contentTemplate?: template | ((contentElement: any) => string | any) | undefined; deferRendering?: boolean | undefined; disabled?: boolean | undefined; dragAndResizeArea?: any | string | undefined; dragEnabled?: boolean | undefined; dragOutsideBoundary?: boolean | undefined; enableBodyScroll?: boolean | undefined; focusStateEnabled?: boolean | undefined; fullScreen?: boolean | undefined; height?: string | number | undefined; hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined; hideOnParentScroll?: boolean | undefined; hint?: string | undefined; hoverStateEnabled?: boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; onContentReady?: ((e: EventInfo) => void) | undefined; onDisposing?: ((e: EventInfo) => void) | undefined; onHidden?: ((e: EventInfo) => void) | undefined; onHiding?: ((e: { cancel: boolean | any; component: dxOverlay; element: any; model: any; }) => void) | undefined; onInitialized?: ((e: { component: Component; element: any; }) => void) | undefined; onOptionChanged?: ((e: { component: DOMComponent; element: any; fullName: string; model: any; name: string; previousValue: any; value: any; }) => void) | undefined; onResize?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void) | undefined; onResizeEnd?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void) | undefined; onResizeStart?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void) | undefined; onShowing?: ((e: { cancel: boolean | any; component: dxOverlay; element: any; model: any; }) => void) | undefined; onShown?: ((e: EventInfo) => void) | undefined; onTitleRendered?: ((e: { component: dxPopup; element: any; model: any; titleElement: any; }) => void) | undefined; position?: PositionConfig | PositionAlignment | (() => void) | undefined; resizeEnabled?: boolean | undefined; restorePosition?: boolean | undefined; rtlEnabled?: boolean | undefined; shading?: boolean | undefined; shadingColor?: string | undefined; showCloseButton?: boolean | undefined; showTitle?: boolean | undefined; tabIndex?: number | undefined; title?: string | undefined; titleTemplate?: template | ((titleElement: any) => string | any) | undefined; toolbarItems?: import("devextreme/ui/popup").ToolbarItem[] | undefined; visible?: boolean | undefined; width?: string | number | undefined; wrapperAttr?: any; defaultHeight?: string | number | undefined; onHeightChange?: ((value: number | string) => void) | undefined; defaultPosition?: PositionConfig | PositionAlignment | (() => void) | undefined; onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined; defaultVisible?: boolean | undefined; onVisibleChange?: ((value: boolean) => void) | undefined; defaultWidth?: string | number | undefined; onWidthChange?: ((value: number | string) => void) | undefined; contentRender?: ((...params: any) => React.ReactNode) | undefined; contentComponent?: React.ComponentType | undefined; titleRender?: ((...params: any) => React.ReactNode) | undefined; titleComponent?: React.ComponentType | 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 IFilterRowProps = React.PropsWithChildren<{ applyFilter?: ApplyFilterMode; applyFilterText?: string; betweenEndText?: string; betweenStartText?: string; operationDescriptions?: Record | { between?: string; contains?: string; endsWith?: string; equal?: string; greaterThan?: string; greaterThanOrEqual?: string; lessThan?: string; lessThanOrEqual?: string; notContains?: string; notEqual?: string; startsWith?: string; }; resetOperationText?: string; showAllText?: string; showOperationChooser?: boolean; visible?: boolean; }>; declare const FilterRow: ((props: IFilterRowProps) => React.FunctionComponentElement | { between?: string | undefined; contains?: string | undefined; endsWith?: string | undefined; equal?: string | undefined; greaterThan?: string | undefined; greaterThanOrEqual?: string | undefined; lessThan?: string | undefined; lessThanOrEqual?: string | undefined; notContains?: string | undefined; notEqual?: string | undefined; startsWith?: string | undefined; } | undefined; resetOperationText?: string | undefined; showAllText?: string | undefined; showOperationChooser?: boolean | undefined; visible?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & 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 IFormGroupItemProps = React.PropsWithChildren<{ alignItemLabels?: boolean; caption?: string | undefined; captionTemplate?: ((data: { caption: string; component: dxForm; name: string; }, itemElement: any) => string | any) | template; colCount?: number; colCountByScreen?: Record | { 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 FormGroupItem: ((props: IFormGroupItemProps) => 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 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 IGroupingProps = React.PropsWithChildren<{ allowCollapsing?: boolean; autoExpandAll?: boolean; contextMenuEnabled?: boolean; expandMode?: GroupExpandMode; texts?: Record | { groupByThisColumn?: string; groupContinuedMessage?: string; groupContinuesMessage?: string; ungroup?: string; ungroupAll?: string; }; }>; declare const Grouping: ((props: IGroupingProps) => React.FunctionComponentElement | { groupByThisColumn?: string | undefined; groupContinuedMessage?: string | undefined; groupContinuesMessage?: string | undefined; ungroup?: string | undefined; ungroupAll?: string | undefined; } | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IGroupingTextsProps = React.PropsWithChildren<{ groupByThisColumn?: string; groupContinuedMessage?: string; groupContinuesMessage?: string; ungroup?: string; ungroupAll?: string; }>; declare const GroupingTexts: ((props: IGroupingTextsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IGroupItemProps = React.PropsWithChildren<{ alignByColumn?: boolean; column?: string | undefined; customizeText?: ((itemInfo: { value: string | number | Date; valueText: string; }) => string); displayFormat?: string | undefined; name?: string | undefined; showInColumn?: string | undefined; showInGroupFooter?: boolean; skipEmptyValues?: boolean; summaryType?: string | SummaryType | undefined; valueFormat?: LocalizationFormat | undefined; }>; declare const GroupItem: ((props: IGroupItemProps) => React.FunctionComponentElement string) | undefined; displayFormat?: string | undefined; name?: string | undefined; showInColumn?: string | undefined; showInGroupFooter?: boolean | undefined; skipEmptyValues?: boolean | undefined; summaryType?: string | SummaryType | undefined; valueFormat?: LocalizationFormat | 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 IGroupPanelProps = React.PropsWithChildren<{ allowColumnDragging?: boolean; emptyPanelText?: string; visible?: boolean | Mode; defaultVisible?: boolean | Mode; onVisibleChange?: (value: boolean | Mode) => void; }>; declare const GroupPanel: ((props: IGroupPanelProps) => React.FunctionComponentElement void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & 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 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 IIconsProps = React.PropsWithChildren<{ fix?: string; leftPosition?: string; rightPosition?: string; stickyPosition?: string; unfix?: string; }>; declare const Icons: ((props: IIconsProps) => React.FunctionComponentElement>) & 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<{ badge?: string; disabled?: boolean; html?: string; icon?: string; tabTemplate?: (() => string | any) | template; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; title?: string; visible?: boolean; aiOptions?: Record | { 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 | FormPredefinedButtonItem | DataGridPredefinedToolbarItem; 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; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; options?: any; showText?: ShowTextMode; widget?: ToolbarItemComponent; tabRender?: (...params: any) => React.ReactNode; tabComponent?: React.ComponentType; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; captionRender?: (...params: any) => React.ReactNode; captionComponent?: React.ComponentType; menuItemRender?: (...params: any) => React.ReactNode; menuItemComponent?: React.ComponentType; }>; declare const Item: ((props: IItemProps) => 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; aiOptions?: Record | { 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 | FormPredefinedButtonItem | DataGridPredefinedToolbarItem; validationRules?: CommonTypes.ValidationRule[] | undefined; visibleIndex?: number | undefined; alignItemLabels?: boolean | undefined; caption?: string | undefined; captionTemplate?: template | ((data: { caption: string; component: dxForm; name: string; }, itemElement: any) => string | any) | undefined; colCount?: number | undefined; colCountByScreen?: Record | { 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; locateInMenu?: LocateInMenuMode | undefined; location?: ToolbarItemLocation | undefined; menuItemTemplate?: template | (() => string | any) | undefined; options?: any; showText?: ShowTextMode | undefined; widget?: ToolbarItemComponent | undefined; tabRender?: ((...params: any) => React.ReactNode) | undefined; tabComponent?: React.ComponentType | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; captionRender?: ((...params: any) => React.ReactNode) | undefined; captionComponent?: React.ComponentType | undefined; menuItemRender?: ((...params: any) => React.ReactNode) | undefined; menuItemComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IKeyboardNavigationProps = React.PropsWithChildren<{ editOnKeyPress?: boolean; enabled?: boolean; enterKeyAction?: EnterKeyAction; enterKeyDirection?: EnterKeyDirection; }>; declare const KeyboardNavigation: ((props: IKeyboardNavigationProps) => React.FunctionComponentElement>) & 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<{ enabled?: boolean | Mode; height?: number | string; indicatorOptions?: LoadPanelIndicatorProperties; indicatorSrc?: string; shading?: boolean; shadingColor?: string; showIndicator?: boolean; showPane?: boolean; text?: string; width?: number | string; }>; declare const LoadPanel: ((props: ILoadPanelProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ILookupProps = React.PropsWithChildren<{ allowClearing?: boolean; calculateCellValue?: ((rowData: any) => any); dataSource?: Array | DataSourceOptions | ((options: { data: Record; key: any; }) => Array | Store | DataSourceOptions) | null | Store | undefined; displayExpr?: ((data: any) => string) | string | undefined; valueExpr?: string | undefined | ((data: any) => string | number | boolean); }>; declare const Lookup: ((props: ILookupProps) => React.FunctionComponentElement any) | undefined; dataSource?: any[] | DataSourceOptions | Store | ((options: { data: Record; key: any; }) => Array | Store | DataSourceOptions) | null | 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 IMasterDetailProps = React.PropsWithChildren<{ autoExpandAll?: boolean; enabled?: boolean; template?: ((detailElement: any, detailInfo: { data: Record; key: any; watch: (() => void); }) => any) | template; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const MasterDetail: ((props: IMasterDetailProps) => React.FunctionComponentElement; key: any; watch: (() => void); }) => any) | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | 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 IOperationDescriptionsProps = React.PropsWithChildren<{ between?: string; contains?: string; endsWith?: string; equal?: string; greaterThan?: string; greaterThanOrEqual?: string; lessThan?: string; lessThanOrEqual?: string; notContains?: string; notEqual?: string; startsWith?: string; }>; declare const OperationDescriptions: ((props: IOperationDescriptionsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IOptionsProps = 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 Options: ((props: IOptionsProps) => 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 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 IPopupProps = React.PropsWithChildren<{ accessKey?: string | undefined; animation?: Record | { hide?: AnimationConfig; show?: AnimationConfig; }; container?: any | string | undefined; contentTemplate?: ((contentElement: any) => string | any) | template; deferRendering?: boolean; disabled?: boolean; dragAndResizeArea?: any | string | undefined; dragEnabled?: boolean; dragOutsideBoundary?: boolean; enableBodyScroll?: boolean; focusStateEnabled?: boolean; fullScreen?: boolean; height?: number | string; hideOnOutsideClick?: boolean | ((event: event) => boolean); hideOnParentScroll?: boolean; hint?: string | undefined; hoverStateEnabled?: boolean; maxHeight?: number | string; maxWidth?: number | string; minHeight?: number | string; minWidth?: number | string; onContentReady?: ((e: EventInfo) => void); onDisposing?: ((e: EventInfo) => void); onHidden?: ((e: EventInfo) => void); onHiding?: ((e: { cancel: boolean | any; component: dxOverlay; element: any; model: any; }) => void); onInitialized?: ((e: { component: Component; element: any; }) => void); onOptionChanged?: ((e: { component: DOMComponent; element: any; fullName: string; model: any; name: string; previousValue: any; value: any; }) => void); onResize?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void); onResizeEnd?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void); onResizeStart?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void); onShowing?: ((e: { cancel: boolean | any; component: dxOverlay; element: any; model: any; }) => void); onShown?: ((e: EventInfo) => void); onTitleRendered?: ((e: { component: dxPopup; element: any; model: any; titleElement: any; }) => void); position?: (() => void) | PositionAlignment | PositionConfig; resizeEnabled?: boolean; restorePosition?: boolean; rtlEnabled?: boolean; shading?: boolean; shadingColor?: string; showCloseButton?: boolean; showTitle?: boolean; tabIndex?: number; title?: string; titleTemplate?: ((titleElement: any) => string | any) | template; toolbarItems?: Array; visible?: boolean; width?: number | string; wrapperAttr?: any; defaultHeight?: number | string; onHeightChange?: (value: number | string) => void; defaultPosition?: (() => void) | PositionAlignment | PositionConfig; onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void; defaultVisible?: boolean; onVisibleChange?: (value: boolean) => void; defaultWidth?: number | string; onWidthChange?: (value: number | string) => void; contentRender?: (...params: any) => React.ReactNode; contentComponent?: React.ComponentType; titleRender?: (...params: any) => React.ReactNode; titleComponent?: React.ComponentType; }>; declare const Popup: ((props: IPopupProps) => React.FunctionComponentElement | { hide?: AnimationConfig | undefined; show?: AnimationConfig | undefined; } | undefined; container?: any | string | undefined; contentTemplate?: template | ((contentElement: any) => string | any) | undefined; deferRendering?: boolean | undefined; disabled?: boolean | undefined; dragAndResizeArea?: any | string | undefined; dragEnabled?: boolean | undefined; dragOutsideBoundary?: boolean | undefined; enableBodyScroll?: boolean | undefined; focusStateEnabled?: boolean | undefined; fullScreen?: boolean | undefined; height?: string | number | undefined; hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined; hideOnParentScroll?: boolean | undefined; hint?: string | undefined; hoverStateEnabled?: boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; onContentReady?: ((e: EventInfo) => void) | undefined; onDisposing?: ((e: EventInfo) => void) | undefined; onHidden?: ((e: EventInfo) => void) | undefined; onHiding?: ((e: { cancel: boolean | any; component: dxOverlay; element: any; model: any; }) => void) | undefined; onInitialized?: ((e: { component: Component; element: any; }) => void) | undefined; onOptionChanged?: ((e: { component: DOMComponent; element: any; fullName: string; model: any; name: string; previousValue: any; value: any; }) => void) | undefined; onResize?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void) | undefined; onResizeEnd?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void) | undefined; onResizeStart?: ((e: { component: dxPopup; element: any; event: event; height: number; model: any; width: number; }) => void) | undefined; onShowing?: ((e: { cancel: boolean | any; component: dxOverlay; element: any; model: any; }) => void) | undefined; onShown?: ((e: EventInfo) => void) | undefined; onTitleRendered?: ((e: { component: dxPopup; element: any; model: any; titleElement: any; }) => void) | undefined; position?: PositionConfig | PositionAlignment | (() => void) | undefined; resizeEnabled?: boolean | undefined; restorePosition?: boolean | undefined; rtlEnabled?: boolean | undefined; shading?: boolean | undefined; shadingColor?: string | undefined; showCloseButton?: boolean | undefined; showTitle?: boolean | undefined; tabIndex?: number | undefined; title?: string | undefined; titleTemplate?: template | ((titleElement: any) => string | any) | undefined; toolbarItems?: import("devextreme/ui/popup").ToolbarItem[] | undefined; visible?: boolean | undefined; width?: string | number | undefined; wrapperAttr?: any; defaultHeight?: string | number | undefined; onHeightChange?: ((value: number | string) => void) | undefined; defaultPosition?: PositionConfig | PositionAlignment | (() => void) | undefined; onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined; defaultVisible?: boolean | undefined; onVisibleChange?: ((value: boolean) => void) | undefined; defaultWidth?: string | number | undefined; onWidthChange?: ((value: number | string) => void) | undefined; contentRender?: ((...params: any) => React.ReactNode) | undefined; contentComponent?: React.ComponentType | undefined; titleRender?: ((...params: any) => React.ReactNode) | undefined; titleComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & 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; groupPaging?: boolean; paging?: boolean; sorting?: boolean; summary?: 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 IRowDraggingProps = React.PropsWithChildren<{ allowDropInsideItem?: boolean; allowReordering?: boolean; autoScroll?: boolean; boundary?: any | string | undefined; container?: any | string | undefined; cursorOffset?: Record | string | { x?: number; y?: number; }; data?: any | undefined; dragDirection?: DragDirection; dragTemplate?: ((dragInfo: { itemData: any; itemElement: any; }, containerElement: any) => string | any) | template | undefined; dropFeedbackMode?: DragHighlight; filter?: string; group?: string | undefined; handle?: string; onAdd?: ((e: { component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void); onDragChange?: ((e: { cancel: boolean; component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void); onDragEnd?: ((e: { cancel: boolean; component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void); onDragMove?: ((e: { cancel: boolean; component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void); onDragStart?: ((e: { cancel: boolean; component: GridBase; event: event; fromData: any; fromIndex: number; itemData: any; itemElement: any; }) => void); onRemove?: ((e: { component: GridBase; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void); onReorder?: ((e: { component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; promise: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void); scrollSensitivity?: number; scrollSpeed?: number; showDragIcons?: boolean; dragRender?: (...params: any) => React.ReactNode; dragComponent?: React.ComponentType; }>; declare const RowDragging: ((props: IRowDraggingProps) => React.FunctionComponentElement | { x?: number | undefined; y?: number | undefined; } | undefined; data?: any | undefined; dragDirection?: DragDirection | undefined; dragTemplate?: template | ((dragInfo: { itemData: any; itemElement: any; }, containerElement: any) => string | any) | undefined; dropFeedbackMode?: DragHighlight | undefined; filter?: string | undefined; group?: string | undefined; handle?: string | undefined; onAdd?: ((e: { component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void) | undefined; onDragChange?: ((e: { cancel: boolean; component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void) | undefined; onDragEnd?: ((e: { cancel: boolean; component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void) | undefined; onDragMove?: ((e: { cancel: boolean; component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void) | undefined; onDragStart?: ((e: { cancel: boolean; component: GridBase; event: event; fromData: any; fromIndex: number; itemData: any; itemElement: any; }) => void) | undefined; onRemove?: ((e: { component: GridBase; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void) | undefined; onReorder?: ((e: { component: GridBase; dropInsideItem: boolean; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; fromIndex: number; itemData: any; itemElement: any; promise: any; toComponent: dxSortable | dxDraggable; toData: any; toIndex: number; }) => void) | undefined; scrollSensitivity?: number | undefined; scrollSpeed?: number | undefined; showDragIcons?: boolean | undefined; dragRender?: ((...params: any) => React.ReactNode) | undefined; dragComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IScrollingProps = React.PropsWithChildren<{ columnRenderingMode?: DataRenderMode; mode?: DataGridScrollMode; preloadEnabled?: boolean; renderAsync?: boolean | undefined; rowRenderingMode?: DataRenderMode; 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; mode?: SearchMode; searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined; timeout?: number; }>; declare const Search: ((props: ISearchProps) => React.FunctionComponentElement any) | string> | (() => any) | string | undefined; timeout?: number | 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; deferred?: boolean; mode?: SingleMultipleOrNone; selectAllMode?: SelectAllMode; sensitivity?: SelectionSensitivity; showCheckBoxesMode?: SelectionColumnDisplayMode; recursive?: boolean; selectByClick?: boolean; }>; 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 ISortByGroupSummaryInfoProps = React.PropsWithChildren<{ groupColumn?: string | undefined; sortOrder?: SortOrder | undefined; summaryItem?: number | string | undefined; }>; declare const SortByGroupSummaryInfo: ((props: ISortByGroupSummaryInfoProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ISortingProps = React.PropsWithChildren<{ ascendingText?: string; clearText?: string; descendingText?: string; mode?: SingleMultipleOrNone; showSortIndexes?: boolean; }>; declare const Sorting: ((props: ISortingProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IStateStoringProps = React.PropsWithChildren<{ customLoad?: (() => any); customSave?: ((gridState: any) => void); enabled?: boolean; savingTimeout?: number; storageKey?: string; type?: StateStoreType; }>; declare const StateStoring: ((props: IStateStoringProps) => React.FunctionComponentElement any) | undefined; customSave?: ((gridState: any) => void) | undefined; enabled?: boolean | undefined; savingTimeout?: number | undefined; storageKey?: string | undefined; type?: StateStoreType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & 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 ISummaryProps = React.PropsWithChildren<{ calculateCustomSummary?: ((options: { component: dxDataGrid; groupIndex: number; name: string; summaryProcess: string; totalValue: any; value: any; }) => void); groupItems?: Array> | { alignByColumn?: boolean; column?: string | undefined; customizeText?: ((itemInfo: { value: string | number | Date; valueText: string; }) => string); displayFormat?: string | undefined; name?: string | undefined; showInColumn?: string | undefined; showInGroupFooter?: boolean; skipEmptyValues?: boolean; summaryType?: string | SummaryType | undefined; valueFormat?: LocalizationFormat | undefined; }[]; recalculateWhileEditing?: boolean; skipEmptyValues?: boolean; texts?: Record | { avg?: string; avgOtherColumn?: string; count?: string; max?: string; maxOtherColumn?: string; min?: string; minOtherColumn?: string; sum?: string; sumOtherColumn?: string; }; totalItems?: Array> | { alignment?: HorizontalAlignment | undefined; column?: string | undefined; cssClass?: string | undefined; customizeText?: ((itemInfo: { value: string | number | Date; valueText: string; }) => string); displayFormat?: string | undefined; name?: string | undefined; showInColumn?: string | undefined; skipEmptyValues?: boolean; summaryType?: string | SummaryType | undefined; valueFormat?: LocalizationFormat | undefined; }[]; }>; declare const Summary: ((props: ISummaryProps) => React.FunctionComponentElement void) | undefined; groupItems?: Record[] | { alignByColumn?: boolean | undefined; column?: string | undefined; customizeText?: ((itemInfo: { value: string | number | Date; valueText: string; }) => string) | undefined; displayFormat?: string | undefined; name?: string | undefined; showInColumn?: string | undefined; showInGroupFooter?: boolean | undefined; skipEmptyValues?: boolean | undefined; summaryType?: string | SummaryType | undefined; valueFormat?: LocalizationFormat | undefined; }[] | undefined; recalculateWhileEditing?: boolean | undefined; skipEmptyValues?: boolean | undefined; texts?: Record | { avg?: string | undefined; avgOtherColumn?: string | undefined; count?: string | undefined; max?: string | undefined; maxOtherColumn?: string | undefined; min?: string | undefined; minOtherColumn?: string | undefined; sum?: string | undefined; sumOtherColumn?: string | undefined; } | undefined; totalItems?: Record[] | { alignment?: HorizontalAlignment | undefined; column?: string | undefined; cssClass?: string | undefined; customizeText?: ((itemInfo: { value: string | number | Date; valueText: string; }) => string) | undefined; displayFormat?: string | undefined; name?: string | undefined; showInColumn?: string | undefined; skipEmptyValues?: boolean | undefined; summaryType?: string | SummaryType | undefined; valueFormat?: LocalizationFormat | undefined; }[] | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ISummaryTextsProps = React.PropsWithChildren<{ avg?: string; avgOtherColumn?: string; count?: string; max?: string; maxOtherColumn?: string; min?: string; minOtherColumn?: string; sum?: string; sumOtherColumn?: string; }>; declare const SummaryTexts: ((props: ISummaryTextsProps) => 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<{ addRow?: string; cancelAllChanges?: string; cancelRowChanges?: string; confirmDeleteMessage?: string; confirmDeleteTitle?: string; deleteRow?: string; editRow?: string; saveAllChanges?: string; saveRowChanges?: string; undeleteRow?: string; validationCancelChanges?: string; exportAll?: string; exportSelectedRows?: string; exportTo?: string; groupByThisColumn?: string; groupContinuedMessage?: string; groupContinuesMessage?: string; ungroup?: string; ungroupAll?: string; avg?: string; avgOtherColumn?: string; count?: string; max?: string; maxOtherColumn?: string; min?: string; minOtherColumn?: string; sum?: string; sumOtherColumn?: string; fix?: string; leftPosition?: string; rightPosition?: string; stickyPosition?: string; unfix?: 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; 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; options?: any; showText?: ShowTextMode; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; toolbar?: ToolbarLocation; 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; options?: any; showText?: ShowTextMode | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; toolbar?: ToolbarLocation | 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 ITotalItemProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment | undefined; column?: string | undefined; cssClass?: string | undefined; customizeText?: ((itemInfo: { value: string | number | Date; valueText: string; }) => string); displayFormat?: string | undefined; name?: string | undefined; showInColumn?: string | undefined; skipEmptyValues?: boolean; summaryType?: string | SummaryType | undefined; valueFormat?: LocalizationFormat | undefined; }>; declare const TotalItem: ((props: ITotalItemProps) => React.FunctionComponentElement string) | undefined; displayFormat?: string | undefined; name?: string | undefined; showInColumn?: string | undefined; skipEmptyValues?: boolean | undefined; summaryType?: string | SummaryType | undefined; valueFormat?: LocalizationFormat | 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; type IValueFormatProps = React.PropsWithChildren<{ currency?: string; formatter?: ((value: number | Date) => string); parser?: ((value: string) => number | Date); precision?: number; type?: CommonFormat | string; useCurrencyAccountingStyle?: boolean; }>; declare const ValueFormat: ((props: IValueFormatProps) => 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; export default DataGrid; export { DataGrid, IDataGridOptions, DataGridRef, AI, IAIProps, AIOptions, IAIOptionsProps, Animation, IAnimationProps, AsyncRule, IAsyncRuleProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, Button, IButtonProps, ButtonItem, IButtonItemProps, ButtonOptions, IButtonOptionsProps, Change, IChangeProps, ColCountByScreen, IColCountByScreenProps, Collision, ICollisionProps, Column, IColumnProps, ColumnButton, IColumnButtonProps, ColumnChooser, IColumnChooserProps, ColumnChooserSearch, IColumnChooserSearchProps, ColumnChooserSelection, IColumnChooserSelectionProps, ColumnFixing, IColumnFixingProps, ColumnFixingTexts, IColumnFixingTextsProps, ColumnHeaderFilter, IColumnHeaderFilterProps, ColumnHeaderFilterSearch, IColumnHeaderFilterSearchProps, ColumnLookup, IColumnLookupProps, CompareRule, ICompareRuleProps, CursorOffset, ICursorOffsetProps, CustomOperation, ICustomOperationProps, CustomRule, ICustomRuleProps, DataGridHeaderFilter, IDataGridHeaderFilterProps, DataGridHeaderFilterSearch, IDataGridHeaderFilterSearchProps, DataGridHeaderFilterTexts, IDataGridHeaderFilterTextsProps, DataGridSelection, IDataGridSelectionProps, DataGridToolbarItem, IDataGridToolbarItemProps, Editing, IEditingProps, EditingTexts, IEditingTextsProps, EditorOptions, IEditorOptionsProps, EditorOptionsButton, IEditorOptionsButtonProps, EmailRule, IEmailRuleProps, EmptyItem, IEmptyItemProps, Export, IExportProps, ExportTexts, IExportTextsProps, Field, IFieldProps, FieldLookup, IFieldLookupProps, FilterBuilder, IFilterBuilderProps, FilterBuilderPopup, IFilterBuilderPopupProps, FilterOperationDescriptions, IFilterOperationDescriptionsProps, FilterPanel, IFilterPanelProps, FilterPanelTexts, IFilterPanelTextsProps, FilterRow, IFilterRowProps, Form, IFormProps, Format, IFormatProps, FormGroupItem, IFormGroupItemProps, FormItem, IFormItemProps, From, IFromProps, Grouping, IGroupingProps, GroupingTexts, IGroupingTextsProps, GroupItem, IGroupItemProps, GroupOperationDescriptions, IGroupOperationDescriptionsProps, GroupPanel, IGroupPanelProps, HeaderFilter, IHeaderFilterProps, Hide, IHideProps, Icons, IIconsProps, IndicatorOptions, IIndicatorOptionsProps, Item, IItemProps, KeyboardNavigation, IKeyboardNavigationProps, Label, ILabelProps, LoadPanel, ILoadPanelProps, Lookup, ILookupProps, MasterDetail, IMasterDetailProps, My, IMyProps, NumericRule, INumericRuleProps, Offset, IOffsetProps, OperationDescriptions, IOperationDescriptionsProps, Options, IOptionsProps, Pager, IPagerProps, Paging, IPagingProps, PatternRule, IPatternRuleProps, Popup, IPopupProps, Position, IPositionProps, RangeRule, IRangeRuleProps, RemoteOperations, IRemoteOperationsProps, RequiredRule, IRequiredRuleProps, RowDragging, IRowDraggingProps, Scrolling, IScrollingProps, Search, ISearchProps, SearchPanel, ISearchPanelProps, Selection, ISelectionProps, Show, IShowProps, SimpleItem, ISimpleItemProps, SortByGroupSummaryInfo, ISortByGroupSummaryInfoProps, Sorting, ISortingProps, StateStoring, IStateStoringProps, StringLengthRule, IStringLengthRuleProps, Summary, ISummaryProps, SummaryTexts, ISummaryTextsProps, Tab, ITabProps, TabbedItem, ITabbedItemProps, TabPanelOptions, ITabPanelOptionsProps, TabPanelOptionsItem, ITabPanelOptionsItemProps, Texts, ITextsProps, To, IToProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, TotalItem, ITotalItemProps, ValidationRule, IValidationRuleProps, ValueFormat, IValueFormatProps }; import type * as DataGridTypes from 'devextreme/ui/data_grid_types'; export { DataGridTypes };