/*! * devextreme-react * Version: 22.2.6 * Build date: Tue Apr 18 2023 * * Copyright (c) 2012 - 2023 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-react */ /// export { ExplicitTypes } from "devextreme/ui/data_grid"; import dxDataGrid, { Properties } from "devextreme/ui/data_grid"; import { Component as BaseComponent, IHtmlOptions } from "./core/component"; import NestedOption from "./core/nested-option"; declare type IDataGridOptions = React.PropsWithChildren & IHtmlOptions & { dataSource?: Properties["dataSource"]; dataRowRender?: (...params: any) => React.ReactNode; dataRowComponent?: React.ComponentType; dataRowKeyFn?: (data: any) => string; rowRender?: (...params: any) => React.ReactNode; rowComponent?: React.ComponentType; rowKeyFn?: (data: any) => string; defaultColumns?: any; defaultEditing?: any; defaultFilterPanel?: any; defaultFilterValue?: any; defaultFocusedColumnIndex?: any; defaultFocusedRowIndex?: any; defaultFocusedRowKey?: any; defaultGroupPanel?: any; defaultPaging?: any; defaultSearchPanel?: any; defaultSelectedRowKeys?: any; defaultSelectionFilter?: any; onColumnsChange?: (value: any) => void; onEditingChange?: (value: any) => void; onFilterPanelChange?: (value: any) => void; onFilterValueChange?: (value: any) => void; onFocusedColumnIndexChange?: (value: any) => void; onFocusedRowIndexChange?: (value: any) => void; onFocusedRowKeyChange?: (value: any) => void; onGroupPanelChange?: (value: any) => void; onPagingChange?: (value: any) => void; onSearchPanelChange?: (value: any) => void; onSelectedRowKeysChange?: (value: any) => void; onSelectionFilterChange?: (value: any) => void; }>; declare class DataGrid extends BaseComponent>> { get instance(): dxDataGrid; protected _WidgetClass: typeof dxDataGrid; protected useRequestAnimationFrameFlag: boolean; protected subscribableOptions: string[]; protected independentEvents: string[]; protected _defaults: { defaultColumns: string; defaultEditing: string; defaultFilterPanel: string; defaultFilterValue: string; defaultFocusedColumnIndex: string; defaultFocusedRowIndex: string; defaultFocusedRowKey: string; defaultGroupPanel: string; defaultPaging: string; defaultSearchPanel: string; defaultSelectedRowKeys: string; defaultSelectionFilter: string; }; protected _expectedChildren: { column: { optionName: string; isCollectionItem: boolean; }; columnChooser: { optionName: string; isCollectionItem: boolean; }; columnFixing: { optionName: string; isCollectionItem: boolean; }; dataGridHeaderFilter: { optionName: string; isCollectionItem: boolean; }; editing: { optionName: string; isCollectionItem: boolean; }; export: { optionName: string; isCollectionItem: boolean; }; filterBuilder: { optionName: string; isCollectionItem: boolean; }; filterBuilderPopup: { optionName: string; isCollectionItem: boolean; }; filterPanel: { optionName: string; isCollectionItem: boolean; }; filterRow: { optionName: string; isCollectionItem: boolean; }; grouping: { optionName: string; isCollectionItem: boolean; }; groupPanel: { optionName: string; isCollectionItem: boolean; }; headerFilter: { optionName: string; isCollectionItem: boolean; }; keyboardNavigation: { optionName: string; isCollectionItem: boolean; }; loadPanel: { optionName: string; isCollectionItem: boolean; }; masterDetail: { optionName: string; isCollectionItem: boolean; }; pager: { optionName: string; isCollectionItem: boolean; }; paging: { optionName: string; isCollectionItem: boolean; }; remoteOperations: { optionName: string; isCollectionItem: boolean; }; rowDragging: { optionName: string; isCollectionItem: boolean; }; scrolling: { optionName: string; isCollectionItem: boolean; }; searchPanel: { optionName: string; isCollectionItem: boolean; }; selection: { optionName: string; isCollectionItem: boolean; }; sortByGroupSummaryInfo: { optionName: string; isCollectionItem: boolean; }; sorting: { optionName: string; isCollectionItem: boolean; }; stateStoring: { optionName: string; isCollectionItem: boolean; }; summary: { optionName: string; isCollectionItem: boolean; }; toolbar: { optionName: string; isCollectionItem: boolean; }; }; protected _templateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IAnimationProps = React.PropsWithChildren<{ hide?: any; show?: any; }>; declare class Animation extends NestedOption { static OptionName: string; static ExpectedChildren: { hide: { optionName: string; isCollectionItem: boolean; }; show: { optionName: string; isCollectionItem: boolean; }; }; } declare type IAsyncRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: any; message?: any; reevaluate?: any; type?: any; validationCallback?: any; }>; declare class AsyncRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type IAtProps = React.PropsWithChildren<{ x?: any; y?: any; }>; declare class At extends NestedOption { static OptionName: string; } declare type IBoundaryOffsetProps = React.PropsWithChildren<{ x?: any; y?: any; }>; declare class BoundaryOffset extends NestedOption { static OptionName: string; } declare type IButtonProps = React.PropsWithChildren<{ cssClass?: any; disabled?: any; hint?: any; icon?: any; name?: any; onClick?: any; template?: any; text?: any; visible?: any; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; keyFn?: (data: any) => string; }>; declare class Button extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IChangeProps = React.PropsWithChildren<{ data?: any; insertAfterKey?: any; insertBeforeKey?: any; key?: any; type?: any; }>; declare class Change extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; } declare type IColCountByScreenProps = React.PropsWithChildren<{ lg?: any; md?: any; sm?: any; xs?: any; }>; declare class ColCountByScreen extends NestedOption { static OptionName: string; } declare type ICollisionProps = React.PropsWithChildren<{ x?: any; y?: any; }>; declare class Collision extends NestedOption { static OptionName: string; } declare type IColumnProps = React.PropsWithChildren<{ alignment?: any; allowEditing?: any; allowExporting?: any; allowFiltering?: any; allowFixing?: any; allowGrouping?: any; allowHeaderFiltering?: any; allowHiding?: any; allowReordering?: any; allowResizing?: any; allowSearch?: any; allowSorting?: any; autoExpandGroup?: any; buttons?: any; calculateCellValue?: any; calculateDisplayValue?: any; calculateFilterExpression?: any; calculateGroupValue?: any; calculateSortValue?: any; caption?: any; cellTemplate?: any; columns?: any; cssClass?: any; customizeText?: any; dataField?: any; dataType?: any; editCellTemplate?: any; editorOptions?: any; encodeHtml?: any; falseText?: any; filterOperations?: any; filterType?: any; filterValue?: any; filterValues?: any; fixed?: any; fixedPosition?: any; format?: any; formItem?: any; groupCellTemplate?: any; grouped?: any; groupIndex?: any; headerCellTemplate?: any; headerFilter?: object | { allowSearch?: any; dataSource?: any; groupInterval?: any; height?: any; searchMode?: any; width?: any; }; hidingPriority?: any; isBand?: any; lookup?: object | { allowClearing?: any; calculateCellValue?: any; dataSource?: any; displayExpr?: any; valueExpr?: any; }; minWidth?: any; name?: any; ownerBand?: any; renderAsync?: any; resized?: any; selectedFilterOperation?: any; setCellValue?: any; showEditorAlways?: any; showInColumnChooser?: any; showWhenGrouped?: any; sortIndex?: any; sortingMethod?: any; sortOrder?: any; trueText?: any; type?: any; validationRules?: any; visible?: any; visibleIndex?: any; width?: any; defaultFilterValue?: any; onFilterValueChange?: (value: any) => void; defaultFilterValues?: any; onFilterValuesChange?: (value: any) => void; defaultGroupIndex?: any; onGroupIndexChange?: (value: any) => void; defaultSelectedFilterOperation?: any; onSelectedFilterOperationChange?: (value: any) => void; defaultSortOrder?: any; onSortOrderChange?: (value: any) => void; defaultVisible?: any; onVisibleChange?: (value: any) => void; defaultVisibleIndex?: any; onVisibleIndexChange?: (value: any) => void; cellRender?: (...params: any) => React.ReactNode; cellComponent?: React.ComponentType; cellKeyFn?: (data: any) => string; editCellRender?: (...params: any) => React.ReactNode; editCellComponent?: React.ComponentType; editCellKeyFn?: (data: any) => string; groupCellRender?: (...params: any) => React.ReactNode; groupCellComponent?: React.ComponentType; groupCellKeyFn?: (data: any) => string; headerCellRender?: (...params: any) => React.ReactNode; headerCellComponent?: React.ComponentType; headerCellKeyFn?: (data: any) => string; }>; declare class Column extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static DefaultsProps: { defaultFilterValue: string; defaultFilterValues: string; defaultGroupIndex: string; defaultSelectedFilterOperation: string; defaultSortOrder: string; defaultVisible: string; defaultVisibleIndex: string; }; static ExpectedChildren: { AsyncRule: { optionName: string; isCollectionItem: boolean; }; button: { optionName: string; isCollectionItem: boolean; }; columnHeaderFilter: { optionName: string; isCollectionItem: boolean; }; columnLookup: { optionName: string; isCollectionItem: boolean; }; CompareRule: { optionName: string; isCollectionItem: boolean; }; CustomRule: { optionName: string; isCollectionItem: boolean; }; EmailRule: { optionName: string; isCollectionItem: boolean; }; format: { optionName: string; isCollectionItem: boolean; }; formItem: { optionName: string; isCollectionItem: boolean; }; headerFilter: { optionName: string; isCollectionItem: boolean; }; lookup: { optionName: string; isCollectionItem: boolean; }; NumericRule: { optionName: string; isCollectionItem: boolean; }; PatternRule: { optionName: string; isCollectionItem: boolean; }; RangeRule: { optionName: string; isCollectionItem: boolean; }; RequiredRule: { optionName: string; isCollectionItem: boolean; }; StringLengthRule: { optionName: string; isCollectionItem: boolean; }; validationRule: { optionName: string; isCollectionItem: boolean; }; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IColumnChooserProps = React.PropsWithChildren<{ allowSearch?: any; emptyPanelText?: any; enabled?: any; height?: any; mode?: any; searchTimeout?: any; sortOrder?: any; title?: any; width?: any; }>; declare class ColumnChooser extends NestedOption { static OptionName: string; } declare type IColumnFixingProps = React.PropsWithChildren<{ enabled?: any; texts?: object | { fix?: any; leftPosition?: any; rightPosition?: any; unfix?: any; }; }>; declare class ColumnFixing extends NestedOption { static OptionName: string; static ExpectedChildren: { columnFixingTexts: { optionName: string; isCollectionItem: boolean; }; texts: { optionName: string; isCollectionItem: boolean; }; }; } declare type IColumnFixingTextsProps = React.PropsWithChildren<{ fix?: any; leftPosition?: any; rightPosition?: any; unfix?: any; }>; declare class ColumnFixingTexts extends NestedOption { static OptionName: string; } declare type IColumnHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: any; dataSource?: any; groupInterval?: any; height?: any; searchMode?: any; width?: any; }>; declare class ColumnHeaderFilter extends NestedOption { static OptionName: string; } declare type IColumnLookupProps = React.PropsWithChildren<{ allowClearing?: any; calculateCellValue?: any; dataSource?: any; displayExpr?: any; valueExpr?: any; }>; declare class ColumnLookup extends NestedOption { static OptionName: string; } declare type ICompareRuleProps = React.PropsWithChildren<{ comparisonTarget?: any; comparisonType?: any; ignoreEmptyValue?: any; message?: any; type?: any; }>; declare class CompareRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type ICursorOffsetProps = React.PropsWithChildren<{ x?: any; y?: any; }>; declare class CursorOffset extends NestedOption { static OptionName: string; } declare type ICustomOperationProps = React.PropsWithChildren<{ calculateFilterExpression?: any; caption?: any; customizeText?: any; dataTypes?: any; editorTemplate?: any; hasValue?: any; icon?: any; name?: any; editorRender?: (...params: any) => React.ReactNode; editorComponent?: React.ComponentType; editorKeyFn?: (data: any) => string; }>; declare class CustomOperation extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type ICustomRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: any; message?: any; reevaluate?: any; type?: any; validationCallback?: any; }>; declare class CustomRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type IDataGridHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: any; height?: any; searchTimeout?: any; texts?: object | { cancel?: any; emptyValue?: any; ok?: any; }; visible?: any; width?: any; }>; declare class DataGridHeaderFilter extends NestedOption { static OptionName: string; static ExpectedChildren: { dataGridHeaderFilterTexts: { optionName: string; isCollectionItem: boolean; }; texts: { optionName: string; isCollectionItem: boolean; }; }; } declare type IDataGridHeaderFilterTextsProps = React.PropsWithChildren<{ cancel?: any; emptyValue?: any; ok?: any; }>; declare class DataGridHeaderFilterTexts extends NestedOption { static OptionName: string; } declare type IEditingProps = React.PropsWithChildren<{ allowAdding?: any; allowDeleting?: any; allowUpdating?: any; changes?: any; confirmDelete?: any; editColumnName?: any; editRowKey?: any; form?: any; mode?: any; newRowPosition?: any; popup?: any; refreshMode?: any; selectTextOnEditStart?: any; startEditAction?: any; texts?: any | { addRow?: any; cancelAllChanges?: any; cancelRowChanges?: any; confirmDeleteMessage?: any; confirmDeleteTitle?: any; deleteRow?: any; editRow?: any; saveAllChanges?: any; saveRowChanges?: any; undeleteRow?: any; validationCancelChanges?: any; }; useIcons?: any; defaultChanges?: any; onChangesChange?: (value: any) => void; defaultEditColumnName?: any; onEditColumnNameChange?: (value: any) => void; defaultEditRowKey?: any; onEditRowKeyChange?: (value: any) => void; }>; declare class Editing extends NestedOption { static OptionName: string; static DefaultsProps: { defaultChanges: string; defaultEditColumnName: string; defaultEditRowKey: string; }; static ExpectedChildren: { change: { optionName: string; isCollectionItem: boolean; }; editingTexts: { optionName: string; isCollectionItem: boolean; }; form: { optionName: string; isCollectionItem: boolean; }; popup: { optionName: string; isCollectionItem: boolean; }; texts: { optionName: string; isCollectionItem: boolean; }; }; } declare type IEditingTextsProps = React.PropsWithChildren<{ addRow?: any; cancelAllChanges?: any; cancelRowChanges?: any; confirmDeleteMessage?: any; confirmDeleteTitle?: any; deleteRow?: any; editRow?: any; saveAllChanges?: any; saveRowChanges?: any; undeleteRow?: any; validationCancelChanges?: any; }>; declare class EditingTexts extends NestedOption { static OptionName: string; } declare type IEmailRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: any; message?: any; type?: any; }>; declare class EmailRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type IExportProps = React.PropsWithChildren<{ allowExportSelectedData?: any; enabled?: any; formats?: any; texts?: object | { exportAll?: any; exportSelectedRows?: any; exportTo?: any; }; }>; declare class Export extends NestedOption { static OptionName: string; static ExpectedChildren: { exportTexts: { optionName: string; isCollectionItem: boolean; }; texts: { optionName: string; isCollectionItem: boolean; }; }; } declare type IExportTextsProps = React.PropsWithChildren<{ exportAll?: any; exportSelectedRows?: any; exportTo?: any; }>; declare class ExportTexts extends NestedOption { static OptionName: string; } declare type IFieldProps = React.PropsWithChildren<{ calculateFilterExpression?: any; caption?: any; customizeText?: any; dataField?: any; dataType?: any; defaultFilterOperation?: any; editorOptions?: any; editorTemplate?: any; falseText?: any; filterOperations?: any; format?: any; lookup?: object | { allowClearing?: any; dataSource?: any; displayExpr?: any; valueExpr?: any; }; name?: any; trueText?: any; editorRender?: (...params: any) => React.ReactNode; editorComponent?: React.ComponentType; editorKeyFn?: (data: any) => string; }>; declare class Field extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static ExpectedChildren: { fieldLookup: { optionName: string; isCollectionItem: boolean; }; format: { optionName: string; isCollectionItem: boolean; }; lookup: { optionName: string; isCollectionItem: boolean; }; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IFieldLookupProps = React.PropsWithChildren<{ allowClearing?: any; dataSource?: any; displayExpr?: any; valueExpr?: any; }>; declare class FieldLookup extends NestedOption { static OptionName: string; } declare type IFilterBuilderProps = React.PropsWithChildren<{ accessKey?: any; activeStateEnabled?: any; allowHierarchicalFields?: any; bindingOptions?: any; customOperations?: any; disabled?: any; elementAttr?: any; fields?: any; filterOperationDescriptions?: object | { between?: any; contains?: any; endsWith?: any; equal?: any; greaterThan?: any; greaterThanOrEqual?: any; isBlank?: any; isNotBlank?: any; lessThan?: any; lessThanOrEqual?: any; notContains?: any; notEqual?: any; startsWith?: any; }; focusStateEnabled?: any; groupOperationDescriptions?: object | { and?: any; notAnd?: any; notOr?: any; or?: any; }; groupOperations?: any; height?: any; hint?: any; hoverStateEnabled?: any; maxGroupLevel?: any; onContentReady?: any; onDisposing?: any; onEditorPrepared?: any; onEditorPreparing?: any; onFocusIn?: any; onFocusOut?: any; onInitialized?: any; onOptionChanged?: any; onValueChanged?: any; rtlEnabled?: any; tabIndex?: any; value?: any; visible?: any; width?: any; defaultValue?: any; onValueChange?: (value: any) => void; }>; declare class FilterBuilder extends NestedOption { static OptionName: string; static DefaultsProps: { defaultValue: string; }; static ExpectedChildren: { customOperation: { optionName: string; isCollectionItem: boolean; }; field: { optionName: string; isCollectionItem: boolean; }; filterOperationDescriptions: { optionName: string; isCollectionItem: boolean; }; groupOperationDescriptions: { optionName: string; isCollectionItem: boolean; }; }; } declare type IFilterBuilderPopupProps = React.PropsWithChildren<{ accessKey?: any; activeStateEnabled?: any; animation?: object | { hide?: any; show?: any; }; bindingOptions?: any; closeOnOutsideClick?: any; container?: any; contentTemplate?: any; copyRootClassesToWrapper?: any; deferRendering?: any; disabled?: any; dragAndResizeArea?: any; dragEnabled?: any; dragOutsideBoundary?: any; elementAttr?: any; focusStateEnabled?: any; fullScreen?: any; height?: any; hideOnOutsideClick?: any; hideOnParentScroll?: any; hint?: any; hoverStateEnabled?: any; maxHeight?: any; maxWidth?: any; minHeight?: any; minWidth?: any; onContentReady?: any; onDisposing?: any; onFocusIn?: any; onFocusOut?: any; onHidden?: any; onHiding?: any; onInitialized?: any; onOptionChanged?: any; onResize?: any; onResizeEnd?: any; onResizeStart?: any; onShowing?: any; onShown?: any; onTitleRendered?: any; position?: any; resizeEnabled?: any; restorePosition?: any; rtlEnabled?: any; shading?: any; shadingColor?: any; showCloseButton?: any; showTitle?: any; tabIndex?: any; title?: any; titleTemplate?: any; toolbarItems?: any; visible?: any; width?: any; wrapperAttr?: any; defaultHeight?: any; onHeightChange?: (value: any) => void; defaultPosition?: any; onPositionChange?: (value: any) => void; defaultVisible?: any; onVisibleChange?: (value: any) => void; defaultWidth?: any; onWidthChange?: (value: any) => void; contentRender?: (...params: any) => React.ReactNode; contentComponent?: React.ComponentType; contentKeyFn?: (data: any) => string; titleRender?: (...params: any) => React.ReactNode; titleComponent?: React.ComponentType; titleKeyFn?: (data: any) => string; }>; declare class FilterBuilderPopup extends NestedOption { static OptionName: string; static DefaultsProps: { defaultHeight: string; defaultPosition: string; defaultVisible: string; defaultWidth: string; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IFilterOperationDescriptionsProps = React.PropsWithChildren<{ between?: any; contains?: any; endsWith?: any; equal?: any; greaterThan?: any; greaterThanOrEqual?: any; isBlank?: any; isNotBlank?: any; lessThan?: any; lessThanOrEqual?: any; notContains?: any; notEqual?: any; startsWith?: any; }>; declare class FilterOperationDescriptions extends NestedOption { static OptionName: string; } declare type IFilterPanelProps = React.PropsWithChildren<{ customizeText?: any; filterEnabled?: any; texts?: object | { clearFilter?: any; createFilter?: any; filterEnabledHint?: any; }; visible?: any; defaultFilterEnabled?: any; onFilterEnabledChange?: (value: any) => void; }>; declare class FilterPanel extends NestedOption { static OptionName: string; static DefaultsProps: { defaultFilterEnabled: string; }; static ExpectedChildren: { filterPanelTexts: { optionName: string; isCollectionItem: boolean; }; texts: { optionName: string; isCollectionItem: boolean; }; }; } declare type IFilterPanelTextsProps = React.PropsWithChildren<{ clearFilter?: any; createFilter?: any; filterEnabledHint?: any; }>; declare class FilterPanelTexts extends NestedOption { static OptionName: string; } declare type IFilterRowProps = React.PropsWithChildren<{ applyFilter?: any; applyFilterText?: any; betweenEndText?: any; betweenStartText?: any; operationDescriptions?: object | { between?: any; contains?: any; endsWith?: any; equal?: any; greaterThan?: any; greaterThanOrEqual?: any; lessThan?: any; lessThanOrEqual?: any; notContains?: any; notEqual?: any; startsWith?: any; }; resetOperationText?: any; showAllText?: any; showOperationChooser?: any; visible?: any; }>; declare class FilterRow extends NestedOption { static OptionName: string; static ExpectedChildren: { operationDescriptions: { optionName: string; isCollectionItem: boolean; }; }; } declare type IFormProps = React.PropsWithChildren<{ accessKey?: any; activeStateEnabled?: any; alignItemLabels?: any; alignItemLabelsInAllGroups?: any; bindingOptions?: any; colCount?: any; colCountByScreen?: object | { lg?: any; md?: any; sm?: any; xs?: any; }; customizeItem?: any; disabled?: any; elementAttr?: any; focusStateEnabled?: any; formData?: any; height?: any; hint?: any; hoverStateEnabled?: any; items?: any; labelLocation?: any; labelMode?: any; minColWidth?: any; onContentReady?: any; onDisposing?: any; onEditorEnterKey?: any; onFieldDataChanged?: any; onFocusIn?: any; onFocusOut?: any; onInitialized?: any; onOptionChanged?: any; optionalMark?: any; readOnly?: any; requiredMark?: any; requiredMessage?: any; rtlEnabled?: any; screenByWidth?: any; scrollingEnabled?: any; showColonAfterLabel?: any; showOptionalMark?: any; showRequiredMark?: any; showValidationSummary?: any; tabIndex?: any; validationGroup?: any; visible?: any; width?: any; defaultFormData?: any; onFormDataChange?: (value: any) => void; }>; declare class Form extends NestedOption { static OptionName: string; static DefaultsProps: { defaultFormData: string; }; static ExpectedChildren: { colCountByScreen: { optionName: string; isCollectionItem: boolean; }; }; } declare type IFormatProps = React.PropsWithChildren<{ currency?: any; formatter?: any; parser?: any; precision?: any; type?: any; useCurrencyAccountingStyle?: any; }>; declare class Format extends NestedOption { static OptionName: string; } declare type IFormItemProps = React.PropsWithChildren<{ colSpan?: any; cssClass?: any; dataField?: any; editorOptions?: any; editorType?: any; helpText?: any; isRequired?: any; itemType?: any; label?: object | { alignment?: any; location?: any; showColon?: any; template?: any; text?: any; visible?: any; }; name?: any; template?: any; validationRules?: any; visible?: any; visibleIndex?: any; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; keyFn?: (data: any) => string; }>; declare class FormItem extends NestedOption { static OptionName: string; static ExpectedChildren: { AsyncRule: { optionName: string; isCollectionItem: boolean; }; CompareRule: { optionName: string; isCollectionItem: boolean; }; CustomRule: { optionName: string; isCollectionItem: boolean; }; EmailRule: { optionName: string; isCollectionItem: boolean; }; label: { optionName: string; isCollectionItem: boolean; }; NumericRule: { optionName: string; isCollectionItem: boolean; }; PatternRule: { optionName: string; isCollectionItem: boolean; }; RangeRule: { optionName: string; isCollectionItem: boolean; }; RequiredRule: { optionName: string; isCollectionItem: boolean; }; StringLengthRule: { optionName: string; isCollectionItem: boolean; }; validationRule: { optionName: string; isCollectionItem: boolean; }; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IFromProps = React.PropsWithChildren<{ left?: any; opacity?: any; position?: any; scale?: any; top?: any; }>; declare class From extends NestedOption { static OptionName: string; static ExpectedChildren: { position: { optionName: string; isCollectionItem: boolean; }; }; } declare type IGroupingProps = React.PropsWithChildren<{ allowCollapsing?: any; autoExpandAll?: any; contextMenuEnabled?: any; expandMode?: any; texts?: object | { groupByThisColumn?: any; groupContinuedMessage?: any; groupContinuesMessage?: any; ungroup?: any; ungroupAll?: any; }; }>; declare class Grouping extends NestedOption { static OptionName: string; static ExpectedChildren: { groupingTexts: { optionName: string; isCollectionItem: boolean; }; texts: { optionName: string; isCollectionItem: boolean; }; }; } declare type IGroupingTextsProps = React.PropsWithChildren<{ groupByThisColumn?: any; groupContinuedMessage?: any; groupContinuesMessage?: any; ungroup?: any; ungroupAll?: any; }>; declare class GroupingTexts extends NestedOption { static OptionName: string; } declare type IGroupItemProps = React.PropsWithChildren<{ alignByColumn?: any; column?: any; customizeText?: any; displayFormat?: any; name?: any; showInColumn?: any; showInGroupFooter?: any; skipEmptyValues?: any; summaryType?: any; valueFormat?: any; }>; declare class GroupItem extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static ExpectedChildren: { valueFormat: { optionName: string; isCollectionItem: boolean; }; }; } declare type IGroupOperationDescriptionsProps = React.PropsWithChildren<{ and?: any; notAnd?: any; notOr?: any; or?: any; }>; declare class GroupOperationDescriptions extends NestedOption { static OptionName: string; } declare type IGroupPanelProps = React.PropsWithChildren<{ allowColumnDragging?: any; emptyPanelText?: any; visible?: any; defaultVisible?: any; onVisibleChange?: (value: any) => void; }>; declare class GroupPanel extends NestedOption { static OptionName: string; static DefaultsProps: { defaultVisible: string; }; } declare type IHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: any; dataSource?: any; groupInterval?: any; height?: any; searchMode?: any; width?: any; searchTimeout?: any; texts?: object | { cancel?: any; emptyValue?: any; ok?: any; }; visible?: any; }>; declare class HeaderFilter extends NestedOption { static OptionName: string; } declare type IHideProps = React.PropsWithChildren<{ complete?: any; delay?: any; direction?: any; duration?: any; easing?: any; from?: any; staggerDelay?: any; start?: any; to?: any; type?: any; }>; declare class Hide extends NestedOption { static OptionName: string; static ExpectedChildren: { from: { optionName: string; isCollectionItem: boolean; }; to: { optionName: string; isCollectionItem: boolean; }; }; } declare type IItemProps = React.PropsWithChildren<{ cssClass?: any; disabled?: any; html?: any; locateInMenu?: any; location?: any; menuItemTemplate?: any; name?: any; options?: any; showText?: any; template?: any; text?: any; visible?: any; widget?: any; menuItemRender?: (...params: any) => React.ReactNode; menuItemComponent?: React.ComponentType; menuItemKeyFn?: (data: any) => string; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; keyFn?: (data: any) => string; }>; declare class Item extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IKeyboardNavigationProps = React.PropsWithChildren<{ editOnKeyPress?: any; enabled?: any; enterKeyAction?: any; enterKeyDirection?: any; }>; declare class KeyboardNavigation extends NestedOption { static OptionName: string; } declare type ILabelProps = React.PropsWithChildren<{ alignment?: any; location?: any; showColon?: any; template?: any; text?: any; visible?: any; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; keyFn?: (data: any) => string; }>; declare class Label extends NestedOption { static OptionName: string; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type ILoadPanelProps = React.PropsWithChildren<{ enabled?: any; height?: any; indicatorSrc?: any; shading?: any; shadingColor?: any; showIndicator?: any; showPane?: any; text?: any; width?: any; }>; declare class LoadPanel extends NestedOption { static OptionName: string; } declare type ILookupProps = React.PropsWithChildren<{ allowClearing?: any; calculateCellValue?: any; dataSource?: any; displayExpr?: any; valueExpr?: any; }>; declare class Lookup extends NestedOption { static OptionName: string; } declare type IMasterDetailProps = React.PropsWithChildren<{ autoExpandAll?: any; enabled?: any; template?: any; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; keyFn?: (data: any) => string; }>; declare class MasterDetail extends NestedOption { static OptionName: string; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IMyProps = React.PropsWithChildren<{ x?: any; y?: any; }>; declare class My extends NestedOption { static OptionName: string; } declare type INumericRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: any; message?: any; type?: any; }>; declare class NumericRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type IOffsetProps = React.PropsWithChildren<{ x?: any; y?: any; }>; declare class Offset extends NestedOption { static OptionName: string; } declare type IOperationDescriptionsProps = React.PropsWithChildren<{ between?: any; contains?: any; endsWith?: any; equal?: any; greaterThan?: any; greaterThanOrEqual?: any; lessThan?: any; lessThanOrEqual?: any; notContains?: any; notEqual?: any; startsWith?: any; }>; declare class OperationDescriptions extends NestedOption { static OptionName: string; } declare type IPagerProps = React.PropsWithChildren<{ allowedPageSizes?: any; displayMode?: any; infoText?: any; label?: any; showInfo?: any; showNavigationButtons?: any; showPageSizeSelector?: any; visible?: any; }>; declare class Pager extends NestedOption { static OptionName: string; } declare type IPagingProps = React.PropsWithChildren<{ enabled?: any; pageIndex?: any; pageSize?: any; defaultPageIndex?: any; onPageIndexChange?: (value: any) => void; defaultPageSize?: any; onPageSizeChange?: (value: any) => void; }>; declare class Paging extends NestedOption { static OptionName: string; static DefaultsProps: { defaultPageIndex: string; defaultPageSize: string; }; } declare type IPatternRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: any; message?: any; pattern?: any; type?: any; }>; declare class PatternRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type IPopupProps = React.PropsWithChildren<{ accessKey?: any; activeStateEnabled?: any; animation?: object | { hide?: any; show?: any; }; bindingOptions?: any; closeOnOutsideClick?: any; container?: any; contentTemplate?: any; copyRootClassesToWrapper?: any; deferRendering?: any; disabled?: any; dragAndResizeArea?: any; dragEnabled?: any; dragOutsideBoundary?: any; elementAttr?: any; focusStateEnabled?: any; fullScreen?: any; height?: any; hideOnOutsideClick?: any; hideOnParentScroll?: any; hint?: any; hoverStateEnabled?: any; maxHeight?: any; maxWidth?: any; minHeight?: any; minWidth?: any; onContentReady?: any; onDisposing?: any; onFocusIn?: any; onFocusOut?: any; onHidden?: any; onHiding?: any; onInitialized?: any; onOptionChanged?: any; onResize?: any; onResizeEnd?: any; onResizeStart?: any; onShowing?: any; onShown?: any; onTitleRendered?: any; position?: any; resizeEnabled?: any; restorePosition?: any; rtlEnabled?: any; shading?: any; shadingColor?: any; showCloseButton?: any; showTitle?: any; tabIndex?: any; title?: any; titleTemplate?: any; toolbarItems?: any; visible?: any; width?: any; wrapperAttr?: any; defaultHeight?: any; onHeightChange?: (value: any) => void; defaultPosition?: any; onPositionChange?: (value: any) => void; defaultVisible?: any; onVisibleChange?: (value: any) => void; defaultWidth?: any; onWidthChange?: (value: any) => void; contentRender?: (...params: any) => React.ReactNode; contentComponent?: React.ComponentType; contentKeyFn?: (data: any) => string; titleRender?: (...params: any) => React.ReactNode; titleComponent?: React.ComponentType; titleKeyFn?: (data: any) => string; }>; declare class Popup extends NestedOption { static OptionName: string; static DefaultsProps: { defaultHeight: string; defaultPosition: string; defaultVisible: string; defaultWidth: string; }; static ExpectedChildren: { animation: { optionName: string; isCollectionItem: boolean; }; position: { optionName: string; isCollectionItem: boolean; }; toolbarItem: { optionName: string; isCollectionItem: boolean; }; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IPositionProps = React.PropsWithChildren<{ at?: object | string | { x?: any; y?: any; }; boundary?: any; boundaryOffset?: object | string | { x?: any; y?: any; }; collision?: object | string | { x?: any; y?: any; }; my?: object | string | { x?: any; y?: any; }; of?: any; offset?: object | string | { x?: any; y?: any; }; }>; declare class Position extends NestedOption { static OptionName: string; } declare type IRangeRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: any; max?: any; message?: any; min?: any; reevaluate?: any; type?: any; }>; declare class RangeRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type IRemoteOperationsProps = React.PropsWithChildren<{ filtering?: any; grouping?: any; groupPaging?: any; paging?: any; sorting?: any; summary?: any; }>; declare class RemoteOperations extends NestedOption { static OptionName: string; } declare type IRequiredRuleProps = React.PropsWithChildren<{ message?: any; trim?: any; type?: any; }>; declare class RequiredRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type IRowDraggingProps = React.PropsWithChildren<{ allowDropInsideItem?: any; allowReordering?: any; autoScroll?: any; boundary?: any; container?: any; cursorOffset?: object | string | { x?: any; y?: any; }; data?: any; dragDirection?: any; dragTemplate?: any; dropFeedbackMode?: any; filter?: any; group?: any; handle?: any; onAdd?: any; onDragChange?: any; onDragEnd?: any; onDragMove?: any; onDragStart?: any; onRemove?: any; onReorder?: any; scrollSensitivity?: any; scrollSpeed?: any; showDragIcons?: any; dragRender?: (...params: any) => React.ReactNode; dragComponent?: React.ComponentType; dragKeyFn?: (data: any) => string; }>; declare class RowDragging extends NestedOption { static OptionName: string; static ExpectedChildren: { cursorOffset: { optionName: string; isCollectionItem: boolean; }; }; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type IScrollingProps = React.PropsWithChildren<{ columnRenderingMode?: any; mode?: any; preloadEnabled?: any; renderAsync?: any; rowRenderingMode?: any; scrollByContent?: any; scrollByThumb?: any; showScrollbar?: any; useNative?: any; }>; declare class Scrolling extends NestedOption { static OptionName: string; } declare type ISearchPanelProps = React.PropsWithChildren<{ highlightCaseSensitive?: any; highlightSearchText?: any; placeholder?: any; searchVisibleColumnsOnly?: any; text?: any; visible?: any; width?: any; defaultText?: any; onTextChange?: (value: any) => void; }>; declare class SearchPanel extends NestedOption { static OptionName: string; static DefaultsProps: { defaultText: string; }; } declare type ISelectionProps = React.PropsWithChildren<{ allowSelectAll?: any; deferred?: any; maxFilterLengthInRequest?: any; mode?: any; selectAllMode?: any; showCheckBoxesMode?: any; }>; declare class Selection extends NestedOption { static OptionName: string; } declare type IShowProps = React.PropsWithChildren<{ complete?: any; delay?: any; direction?: any; duration?: any; easing?: any; from?: any; staggerDelay?: any; start?: any; to?: any; type?: any; }>; declare class Show extends NestedOption { static OptionName: string; } declare type ISortByGroupSummaryInfoProps = React.PropsWithChildren<{ groupColumn?: any; sortOrder?: any; summaryItem?: any; }>; declare class SortByGroupSummaryInfo extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; } declare type ISortingProps = React.PropsWithChildren<{ ascendingText?: any; clearText?: any; descendingText?: any; mode?: any; showSortIndexes?: any; }>; declare class Sorting extends NestedOption { static OptionName: string; } declare type IStateStoringProps = React.PropsWithChildren<{ customLoad?: any; customSave?: any; enabled?: any; savingTimeout?: any; storageKey?: any; type?: any; }>; declare class StateStoring extends NestedOption { static OptionName: string; } declare type IStringLengthRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: any; max?: any; message?: any; min?: any; trim?: any; type?: any; }>; declare class StringLengthRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type ISummaryProps = React.PropsWithChildren<{ calculateCustomSummary?: any; groupItems?: { alignByColumn?: any; column?: any; customizeText?: any; displayFormat?: any; name?: any; showInColumn?: any; showInGroupFooter?: any; skipEmptyValues?: any; summaryType?: any; valueFormat?: any; }[]; recalculateWhileEditing?: any; skipEmptyValues?: any; texts?: object | { avg?: any; avgOtherColumn?: any; count?: any; max?: any; maxOtherColumn?: any; min?: any; minOtherColumn?: any; sum?: any; sumOtherColumn?: any; }; totalItems?: { alignment?: any; column?: any; cssClass?: any; customizeText?: any; displayFormat?: any; name?: any; showInColumn?: any; skipEmptyValues?: any; summaryType?: any; valueFormat?: any; }[]; }>; declare class Summary extends NestedOption { static OptionName: string; static ExpectedChildren: { groupItem: { optionName: string; isCollectionItem: boolean; }; summaryTexts: { optionName: string; isCollectionItem: boolean; }; texts: { optionName: string; isCollectionItem: boolean; }; totalItem: { optionName: string; isCollectionItem: boolean; }; }; } declare type ISummaryTextsProps = React.PropsWithChildren<{ avg?: any; avgOtherColumn?: any; count?: any; max?: any; maxOtherColumn?: any; min?: any; minOtherColumn?: any; sum?: any; sumOtherColumn?: any; }>; declare class SummaryTexts extends NestedOption { static OptionName: string; } declare type ITextsProps = React.PropsWithChildren<{ addRow?: any; cancelAllChanges?: any; cancelRowChanges?: any; confirmDeleteMessage?: any; confirmDeleteTitle?: any; deleteRow?: any; editRow?: any; saveAllChanges?: any; saveRowChanges?: any; undeleteRow?: any; validationCancelChanges?: any; exportAll?: any; exportSelectedRows?: any; exportTo?: any; groupByThisColumn?: any; groupContinuedMessage?: any; groupContinuesMessage?: any; ungroup?: any; ungroupAll?: any; avg?: any; avgOtherColumn?: any; count?: any; max?: any; maxOtherColumn?: any; min?: any; minOtherColumn?: any; sum?: any; sumOtherColumn?: any; fix?: any; leftPosition?: any; rightPosition?: any; unfix?: any; clearFilter?: any; createFilter?: any; filterEnabledHint?: any; cancel?: any; emptyValue?: any; ok?: any; }>; declare class Texts extends NestedOption { static OptionName: string; } declare type IToProps = React.PropsWithChildren<{ left?: any; opacity?: any; position?: any; scale?: any; top?: any; }>; declare class To extends NestedOption { static OptionName: string; } declare type IToolbarProps = React.PropsWithChildren<{ disabled?: any; items?: any; visible?: any; }>; declare class Toolbar extends NestedOption { static OptionName: string; static ExpectedChildren: { item: { optionName: string; isCollectionItem: boolean; }; }; } declare type IToolbarItemProps = React.PropsWithChildren<{ cssClass?: any; disabled?: any; html?: any; locateInMenu?: any; location?: any; menuItemTemplate?: any; options?: any; showText?: any; template?: any; text?: any; toolbar?: any; visible?: any; widget?: any; menuItemRender?: (...params: any) => React.ReactNode; menuItemComponent?: React.ComponentType; menuItemKeyFn?: (data: any) => string; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; keyFn?: (data: any) => string; }>; declare class ToolbarItem extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static TemplateProps: { tmplOption: string; render: string; component: string; keyFn: string; }[]; } declare type ITotalItemProps = React.PropsWithChildren<{ alignment?: any; column?: any; cssClass?: any; customizeText?: any; displayFormat?: any; name?: any; showInColumn?: any; skipEmptyValues?: any; summaryType?: any; valueFormat?: any; }>; declare class TotalItem extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static ExpectedChildren: { valueFormat: { optionName: string; isCollectionItem: boolean; }; }; } declare type IValidationRuleProps = React.PropsWithChildren<{ message?: any; trim?: any; type?: any; ignoreEmptyValue?: any; max?: any; min?: any; reevaluate?: any; validationCallback?: any; comparisonTarget?: any; comparisonType?: any; pattern?: any; }>; declare class ValidationRule extends NestedOption { static OptionName: string; static IsCollectionItem: boolean; static PredefinedProps: { type: string; }; } declare type IValueFormatProps = React.PropsWithChildren<{ currency?: any; formatter?: any; parser?: any; precision?: any; type?: any; useCurrencyAccountingStyle?: any; }>; declare class ValueFormat extends NestedOption { static OptionName: string; } export default DataGrid; export { DataGrid, IDataGridOptions, Animation, IAnimationProps, AsyncRule, IAsyncRuleProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, Button, IButtonProps, Change, IChangeProps, ColCountByScreen, IColCountByScreenProps, Collision, ICollisionProps, Column, IColumnProps, ColumnChooser, IColumnChooserProps, ColumnFixing, IColumnFixingProps, ColumnFixingTexts, IColumnFixingTextsProps, ColumnHeaderFilter, IColumnHeaderFilterProps, ColumnLookup, IColumnLookupProps, CompareRule, ICompareRuleProps, CursorOffset, ICursorOffsetProps, CustomOperation, ICustomOperationProps, CustomRule, ICustomRuleProps, DataGridHeaderFilter, IDataGridHeaderFilterProps, DataGridHeaderFilterTexts, IDataGridHeaderFilterTextsProps, Editing, IEditingProps, EditingTexts, IEditingTextsProps, EmailRule, IEmailRuleProps, Export, IExportProps, ExportTexts, IExportTextsProps, Field, IFieldProps, FieldLookup, IFieldLookupProps, FilterBuilder, IFilterBuilderProps, FilterBuilderPopup, IFilterBuilderPopupProps, FilterOperationDescriptions, IFilterOperationDescriptionsProps, FilterPanel, IFilterPanelProps, FilterPanelTexts, IFilterPanelTextsProps, FilterRow, IFilterRowProps, Form, IFormProps, Format, IFormatProps, FormItem, IFormItemProps, From, IFromProps, Grouping, IGroupingProps, GroupingTexts, IGroupingTextsProps, GroupItem, IGroupItemProps, GroupOperationDescriptions, IGroupOperationDescriptionsProps, GroupPanel, IGroupPanelProps, HeaderFilter, IHeaderFilterProps, Hide, IHideProps, Item, IItemProps, KeyboardNavigation, IKeyboardNavigationProps, Label, ILabelProps, LoadPanel, ILoadPanelProps, Lookup, ILookupProps, MasterDetail, IMasterDetailProps, My, IMyProps, NumericRule, INumericRuleProps, Offset, IOffsetProps, OperationDescriptions, IOperationDescriptionsProps, Pager, IPagerProps, Paging, IPagingProps, PatternRule, IPatternRuleProps, Popup, IPopupProps, Position, IPositionProps, RangeRule, IRangeRuleProps, RemoteOperations, IRemoteOperationsProps, RequiredRule, IRequiredRuleProps, RowDragging, IRowDraggingProps, Scrolling, IScrollingProps, SearchPanel, ISearchPanelProps, Selection, ISelectionProps, Show, IShowProps, SortByGroupSummaryInfo, ISortByGroupSummaryInfoProps, Sorting, ISortingProps, StateStoring, IStateStoringProps, StringLengthRule, IStringLengthRuleProps, Summary, ISummaryProps, SummaryTexts, ISummaryTextsProps, Texts, ITextsProps, To, IToProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, TotalItem, ITotalItemProps, ValidationRule, IValidationRuleProps, ValueFormat, IValueFormatProps };