devextreme-react 21.2.6 → 21.2.8

package/data-grid.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.6
- * Build date: Tue Mar 01 2022
+ * Version: 21.2.8
+ * Build date: Tue Jun 07 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,7 +16,7 @@ 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";
-interface IDataGridOptions<TRowData = any, TKey = any> extends Properties<TRowData, TKey>, IHtmlOptions {
+declare type IDataGridOptions<TRowData = any, TKey = any> = React.PropsWithChildren<Properties<TRowData, TKey> & IHtmlOptions & {
     dataSource?: Properties<TRowData, TKey>["dataSource"];
     dataRowRender?: (...params: any) => React.ReactNode;
     dataRowComponent?: React.ComponentType<any>;
@@ -46,7 +46,7 @@ interface IDataGridOptions<TRowData = any, TKey = any> extends Properties<TRowDa
     onSearchPanelChange?: (value: any) => void;
     onSelectedRowKeysChange?: (value: any) => void;
     onSelectionFilterChange?: (value: any) => void;
-}
+}>;
 declare class DataGrid<TRowData = any, TKey = any> extends BaseComponent<IDataGridOptions<TRowData, TKey>> {
     get instance(): dxDataGrid<TRowData, TKey>;
     protected _WidgetClass: typeof dxDataGrid;
@@ -186,10 +186,10 @@ declare class DataGrid<TRowData = any, TKey = any> extends BaseComponent<IDataGr
         keyFn: string;
     }[];
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -203,13 +203,13 @@ declare class Animation extends NestedOption<IAnimationProps> {
         };
     };
 }
-interface IAsyncRuleProps {
+declare type IAsyncRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: any;
     message?: any;
     reevaluate?: any;
     type?: any;
     validationCallback?: any;
-}
+}>;
 declare class AsyncRule extends NestedOption<IAsyncRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -217,21 +217,21 @@ declare class AsyncRule extends NestedOption<IAsyncRuleProps> {
         type: string;
     };
 }
-interface IAtProps {
+declare type IAtProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class At extends NestedOption<IAtProps> {
     static OptionName: string;
 }
-interface IBoundaryOffsetProps {
+declare type IBoundaryOffsetProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class BoundaryOffset extends NestedOption<IBoundaryOffsetProps> {
     static OptionName: string;
 }
-interface IButtonProps {
+declare type IButtonProps = React.PropsWithChildren<{
     cssClass?: any;
     disabled?: any;
     hint?: any;
@@ -244,7 +244,7 @@ interface IButtonProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class Button extends NestedOption<IButtonProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -255,34 +255,34 @@ declare class Button extends NestedOption<IButtonProps> {
         keyFn: string;
     }[];
 }
-interface IChangeProps {
+declare type IChangeProps = React.PropsWithChildren<{
     data?: any;
     insertAfterKey?: any;
     insertBeforeKey?: any;
     key?: any;
     type?: any;
-}
+}>;
 declare class Change extends NestedOption<IChangeProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IColCountByScreenProps {
+declare type IColCountByScreenProps = React.PropsWithChildren<{
     lg?: any;
     md?: any;
     sm?: any;
     xs?: any;
-}
+}>;
 declare class ColCountByScreen extends NestedOption<IColCountByScreenProps> {
     static OptionName: string;
 }
-interface ICollisionProps {
+declare type ICollisionProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class Collision extends NestedOption<ICollisionProps> {
     static OptionName: string;
 }
-interface IColumnProps {
+declare type IColumnProps = React.PropsWithChildren<{
     alignment?: any;
     allowEditing?: any;
     allowExporting?: any;
@@ -389,7 +389,7 @@ interface IColumnProps {
     headerCellRender?: (...params: any) => React.ReactNode;
     headerCellComponent?: React.ComponentType<any>;
     headerCellKeyFn?: (data: any) => string;
-}
+}>;
 declare class Column extends NestedOption<IColumnProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -480,7 +480,7 @@ declare class Column extends NestedOption<IColumnProps> {
         keyFn: string;
     }[];
 }
-interface IColumnChooserProps {
+declare type IColumnChooserProps = React.PropsWithChildren<{
     allowSearch?: any;
     emptyPanelText?: any;
     enabled?: any;
@@ -490,11 +490,11 @@ interface IColumnChooserProps {
     sortOrder?: any;
     title?: any;
     width?: any;
-}
+}>;
 declare class ColumnChooser extends NestedOption<IColumnChooserProps> {
     static OptionName: string;
 }
-interface IColumnFixingProps {
+declare type IColumnFixingProps = React.PropsWithChildren<{
     enabled?: any;
     texts?: object | {
         fix?: any;
@@ -502,7 +502,7 @@ interface IColumnFixingProps {
         rightPosition?: any;
         unfix?: any;
     };
-}
+}>;
 declare class ColumnFixing extends NestedOption<IColumnFixingProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -516,43 +516,43 @@ declare class ColumnFixing extends NestedOption<IColumnFixingProps> {
         };
     };
 }
-interface IColumnFixingTextsProps {
+declare type IColumnFixingTextsProps = React.PropsWithChildren<{
     fix?: any;
     leftPosition?: any;
     rightPosition?: any;
     unfix?: any;
-}
+}>;
 declare class ColumnFixingTexts extends NestedOption<IColumnFixingTextsProps> {
     static OptionName: string;
 }
-interface IColumnHeaderFilterProps {
+declare type IColumnHeaderFilterProps = React.PropsWithChildren<{
     allowSearch?: any;
     dataSource?: any;
     groupInterval?: any;
     height?: any;
     searchMode?: any;
     width?: any;
-}
+}>;
 declare class ColumnHeaderFilter extends NestedOption<IColumnHeaderFilterProps> {
     static OptionName: string;
 }
-interface IColumnLookupProps {
+declare type IColumnLookupProps = React.PropsWithChildren<{
     allowClearing?: any;
     calculateCellValue?: any;
     dataSource?: any;
     displayExpr?: any;
     valueExpr?: any;
-}
+}>;
 declare class ColumnLookup extends NestedOption<IColumnLookupProps> {
     static OptionName: string;
 }
-interface ICompareRuleProps {
+declare type ICompareRuleProps = React.PropsWithChildren<{
     comparisonTarget?: any;
     comparisonType?: any;
     ignoreEmptyValue?: any;
     message?: any;
     type?: any;
-}
+}>;
 declare class CompareRule extends NestedOption<ICompareRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -560,14 +560,14 @@ declare class CompareRule extends NestedOption<ICompareRuleProps> {
         type: string;
     };
 }
-interface ICursorOffsetProps {
+declare type ICursorOffsetProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class CursorOffset extends NestedOption<ICursorOffsetProps> {
     static OptionName: string;
 }
-interface ICustomOperationProps {
+declare type ICustomOperationProps = React.PropsWithChildren<{
     calculateFilterExpression?: any;
     caption?: any;
     customizeText?: any;
@@ -579,7 +579,7 @@ interface ICustomOperationProps {
     editorRender?: (...params: any) => React.ReactNode;
     editorComponent?: React.ComponentType<any>;
     editorKeyFn?: (data: any) => string;
-}
+}>;
 declare class CustomOperation extends NestedOption<ICustomOperationProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -590,13 +590,13 @@ declare class CustomOperation extends NestedOption<ICustomOperationProps> {
         keyFn: string;
     }[];
 }
-interface ICustomRuleProps {
+declare type ICustomRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: any;
     message?: any;
     reevaluate?: any;
     type?: any;
     validationCallback?: any;
-}
+}>;
 declare class CustomRule extends NestedOption<ICustomRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -604,7 +604,7 @@ declare class CustomRule extends NestedOption<ICustomRuleProps> {
         type: string;
     };
 }
-interface IDataGridHeaderFilterProps {
+declare type IDataGridHeaderFilterProps = React.PropsWithChildren<{
     allowSearch?: any;
     height?: any;
     searchTimeout?: any;
@@ -615,7 +615,7 @@ interface IDataGridHeaderFilterProps {
     };
     visible?: any;
     width?: any;
-}
+}>;
 declare class DataGridHeaderFilter extends NestedOption<IDataGridHeaderFilterProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -629,15 +629,15 @@ declare class DataGridHeaderFilter extends NestedOption<IDataGridHeaderFilterPro
         };
     };
 }
-interface IDataGridHeaderFilterTextsProps {
+declare type IDataGridHeaderFilterTextsProps = React.PropsWithChildren<{
     cancel?: any;
     emptyValue?: any;
     ok?: any;
-}
+}>;
 declare class DataGridHeaderFilterTexts extends NestedOption<IDataGridHeaderFilterTextsProps> {
     static OptionName: string;
 }
-interface IEditingProps {
+declare type IEditingProps = React.PropsWithChildren<{
     allowAdding?: any;
     allowDeleting?: any;
     allowUpdating?: any;
@@ -672,7 +672,7 @@ interface IEditingProps {
     onEditColumnNameChange?: (value: any) => void;
     defaultEditRowKey?: any;
     onEditRowKeyChange?: (value: any) => void;
-}
+}>;
 declare class Editing extends NestedOption<IEditingProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -703,7 +703,7 @@ declare class Editing extends NestedOption<IEditingProps> {
         };
     };
 }
-interface IEditingTextsProps {
+declare type IEditingTextsProps = React.PropsWithChildren<{
     addRow?: any;
     cancelAllChanges?: any;
     cancelRowChanges?: any;
@@ -715,15 +715,15 @@ interface IEditingTextsProps {
     saveRowChanges?: any;
     undeleteRow?: any;
     validationCancelChanges?: any;
-}
+}>;
 declare class EditingTexts extends NestedOption<IEditingTextsProps> {
     static OptionName: string;
 }
-interface IEmailRuleProps {
+declare type IEmailRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: any;
     message?: any;
     type?: any;
-}
+}>;
 declare class EmailRule extends NestedOption<IEmailRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -731,7 +731,7 @@ declare class EmailRule extends NestedOption<IEmailRuleProps> {
         type: string;
     };
 }
-interface IExportProps {
+declare type IExportProps = React.PropsWithChildren<{
     allowExportSelectedData?: any;
     customizeExcelCell?: any;
     enabled?: any;
@@ -745,7 +745,7 @@ interface IExportProps {
         exportSelectedRows?: any;
         exportTo?: any;
     };
-}
+}>;
 declare class Export extends NestedOption<IExportProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -759,15 +759,15 @@ declare class Export extends NestedOption<IExportProps> {
         };
     };
 }
-interface IExportTextsProps {
+declare type IExportTextsProps = React.PropsWithChildren<{
     exportAll?: any;
     exportSelectedRows?: any;
     exportTo?: any;
-}
+}>;
 declare class ExportTexts extends NestedOption<IExportTextsProps> {
     static OptionName: string;
 }
-interface IFieldProps {
+declare type IFieldProps = React.PropsWithChildren<{
     calculateFilterExpression?: any;
     caption?: any;
     customizeText?: any;
@@ -790,7 +790,7 @@ interface IFieldProps {
     editorRender?: (...params: any) => React.ReactNode;
     editorComponent?: React.ComponentType<any>;
     editorKeyFn?: (data: any) => string;
-}
+}>;
 declare class Field extends NestedOption<IFieldProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -815,16 +815,16 @@ declare class Field extends NestedOption<IFieldProps> {
         keyFn: string;
     }[];
 }
-interface IFieldLookupProps {
+declare type IFieldLookupProps = React.PropsWithChildren<{
     allowClearing?: any;
     dataSource?: any;
     displayExpr?: any;
     valueExpr?: any;
-}
+}>;
 declare class FieldLookup extends NestedOption<IFieldLookupProps> {
     static OptionName: string;
 }
-interface IFilterBuilderProps {
+declare type IFilterBuilderProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     allowHierarchicalFields?: any;
@@ -876,7 +876,7 @@ interface IFilterBuilderProps {
     width?: any;
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class FilterBuilder extends NestedOption<IFilterBuilderProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -901,7 +901,7 @@ declare class FilterBuilder extends NestedOption<IFilterBuilderProps> {
         };
     };
 }
-interface IFilterBuilderPopupProps {
+declare type IFilterBuilderPopupProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     animation?: object | {
@@ -982,7 +982,7 @@ interface IFilterBuilderPopupProps {
     titleRender?: (...params: any) => React.ReactNode;
     titleComponent?: React.ComponentType<any>;
     titleKeyFn?: (data: any) => string;
-}
+}>;
 declare class FilterBuilderPopup extends NestedOption<IFilterBuilderPopupProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -998,7 +998,7 @@ declare class FilterBuilderPopup extends NestedOption<IFilterBuilderPopupProps>
         keyFn: string;
     }[];
 }
-interface IFilterOperationDescriptionsProps {
+declare type IFilterOperationDescriptionsProps = React.PropsWithChildren<{
     between?: any;
     contains?: any;
     endsWith?: any;
@@ -1012,11 +1012,11 @@ interface IFilterOperationDescriptionsProps {
     notContains?: any;
     notEqual?: any;
     startsWith?: any;
-}
+}>;
 declare class FilterOperationDescriptions extends NestedOption<IFilterOperationDescriptionsProps> {
     static OptionName: string;
 }
-interface IFilterPanelProps {
+declare type IFilterPanelProps = React.PropsWithChildren<{
     customizeText?: any;
     filterEnabled?: any;
     texts?: object | {
@@ -1027,7 +1027,7 @@ interface IFilterPanelProps {
     visible?: any;
     defaultFilterEnabled?: any;
     onFilterEnabledChange?: (value: any) => void;
-}
+}>;
 declare class FilterPanel extends NestedOption<IFilterPanelProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -1044,15 +1044,15 @@ declare class FilterPanel extends NestedOption<IFilterPanelProps> {
         };
     };
 }
-interface IFilterPanelTextsProps {
+declare type IFilterPanelTextsProps = React.PropsWithChildren<{
     clearFilter?: any;
     createFilter?: any;
     filterEnabledHint?: any;
-}
+}>;
 declare class FilterPanelTexts extends NestedOption<IFilterPanelTextsProps> {
     static OptionName: string;
 }
-interface IFilterRowProps {
+declare type IFilterRowProps = React.PropsWithChildren<{
     applyFilter?: any;
     applyFilterText?: any;
     betweenEndText?: any;
@@ -1074,7 +1074,7 @@ interface IFilterRowProps {
     showAllText?: any;
     showOperationChooser?: any;
     visible?: any;
-}
+}>;
 declare class FilterRow extends NestedOption<IFilterRowProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1084,7 +1084,7 @@ declare class FilterRow extends NestedOption<IFilterRowProps> {
         };
     };
 }
-interface IFormProps {
+declare type IFormProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     alignItemLabels?: any;
@@ -1134,7 +1134,7 @@ interface IFormProps {
     width?: any;
     defaultFormData?: any;
     onFormDataChange?: (value: any) => void;
-}
+}>;
 declare class Form extends NestedOption<IFormProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -1147,17 +1147,17 @@ declare class Form extends NestedOption<IFormProps> {
         };
     };
 }
-interface IFormatProps {
+declare type IFormatProps = React.PropsWithChildren<{
     currency?: any;
     formatter?: any;
     parser?: any;
     precision?: any;
     type?: any;
-}
+}>;
 declare class Format extends NestedOption<IFormatProps> {
     static OptionName: string;
 }
-interface IFormItemProps {
+declare type IFormItemProps = React.PropsWithChildren<{
     colSpan?: any;
     cssClass?: any;
     dataField?: any;
@@ -1181,7 +1181,7 @@ interface IFormItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class FormItem extends NestedOption<IFormItemProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1237,13 +1237,13 @@ declare class FormItem extends NestedOption<IFormItemProps> {
         keyFn: string;
     }[];
 }
-interface IFromProps {
+declare type IFromProps = React.PropsWithChildren<{
     left?: any;
     opacity?: any;
     position?: any;
     scale?: any;
     top?: any;
-}
+}>;
 declare class From extends NestedOption<IFromProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1253,7 +1253,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IGroupingProps {
+declare type IGroupingProps = React.PropsWithChildren<{
     allowCollapsing?: any;
     autoExpandAll?: any;
     contextMenuEnabled?: any;
@@ -1265,7 +1265,7 @@ interface IGroupingProps {
         ungroup?: any;
         ungroupAll?: any;
     };
-}
+}>;
 declare class Grouping extends NestedOption<IGroupingProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1279,17 +1279,17 @@ declare class Grouping extends NestedOption<IGroupingProps> {
         };
     };
 }
-interface IGroupingTextsProps {
+declare type IGroupingTextsProps = React.PropsWithChildren<{
     groupByThisColumn?: any;
     groupContinuedMessage?: any;
     groupContinuesMessage?: any;
     ungroup?: any;
     ungroupAll?: any;
-}
+}>;
 declare class GroupingTexts extends NestedOption<IGroupingTextsProps> {
     static OptionName: string;
 }
-interface IGroupItemProps {
+declare type IGroupItemProps = React.PropsWithChildren<{
     alignByColumn?: any;
     column?: any;
     customizeText?: any;
@@ -1300,7 +1300,7 @@ interface IGroupItemProps {
     skipEmptyValues?: any;
     summaryType?: any;
     valueFormat?: any;
-}
+}>;
 declare class GroupItem extends NestedOption<IGroupItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -1311,24 +1311,24 @@ declare class GroupItem extends NestedOption<IGroupItemProps> {
         };
     };
 }
-interface IGroupOperationDescriptionsProps {
+declare type IGroupOperationDescriptionsProps = React.PropsWithChildren<{
     and?: any;
     notAnd?: any;
     notOr?: any;
     or?: any;
-}
+}>;
 declare class GroupOperationDescriptions extends NestedOption<IGroupOperationDescriptionsProps> {
     static OptionName: string;
 }
-interface IGroupPanelProps {
+declare type IGroupPanelProps = React.PropsWithChildren<{
     allowColumnDragging?: any;
     emptyPanelText?: any;
     visible?: any;
-}
+}>;
 declare class GroupPanel extends NestedOption<IGroupPanelProps> {
     static OptionName: string;
 }
-interface IHeaderFilterProps {
+declare type IHeaderFilterProps = React.PropsWithChildren<{
     allowSearch?: any;
     dataSource?: any;
     groupInterval?: any;
@@ -1342,11 +1342,11 @@ interface IHeaderFilterProps {
         ok?: any;
     };
     visible?: any;
-}
+}>;
 declare class HeaderFilter extends NestedOption<IHeaderFilterProps> {
     static OptionName: string;
 }
-interface IHideProps {
+declare type IHideProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -1357,7 +1357,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1371,7 +1371,7 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     cssClass?: any;
     disabled?: any;
     html?: any;
@@ -1391,7 +1391,7 @@ interface IItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class Item extends NestedOption<IItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -1402,26 +1402,26 @@ declare class Item extends NestedOption<IItemProps> {
         keyFn: string;
     }[];
 }
-interface IKeyboardNavigationProps {
+declare type IKeyboardNavigationProps = React.PropsWithChildren<{
     editOnKeyPress?: any;
     enabled?: any;
     enterKeyAction?: any;
     enterKeyDirection?: any;
-}
+}>;
 declare class KeyboardNavigation extends NestedOption<IKeyboardNavigationProps> {
     static OptionName: string;
 }
-interface ILabelProps {
+declare type ILabelProps = React.PropsWithChildren<{
     alignment?: any;
     location?: any;
     showColon?: any;
     text?: any;
     visible?: any;
-}
+}>;
 declare class Label extends NestedOption<ILabelProps> {
     static OptionName: string;
 }
-interface ILoadPanelProps {
+declare type ILoadPanelProps = React.PropsWithChildren<{
     enabled?: any;
     height?: any;
     indicatorSrc?: any;
@@ -1431,28 +1431,28 @@ interface ILoadPanelProps {
     showPane?: any;
     text?: any;
     width?: any;
-}
+}>;
 declare class LoadPanel extends NestedOption<ILoadPanelProps> {
     static OptionName: string;
 }
-interface ILookupProps {
+declare type ILookupProps = React.PropsWithChildren<{
     allowClearing?: any;
     calculateCellValue?: any;
     dataSource?: any;
     displayExpr?: any;
     valueExpr?: any;
-}
+}>;
 declare class Lookup extends NestedOption<ILookupProps> {
     static OptionName: string;
 }
-interface IMasterDetailProps {
+declare type IMasterDetailProps = React.PropsWithChildren<{
     autoExpandAll?: any;
     enabled?: any;
     template?: any;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class MasterDetail extends NestedOption<IMasterDetailProps> {
     static OptionName: string;
     static TemplateProps: {
@@ -1462,18 +1462,18 @@ declare class MasterDetail extends NestedOption<IMasterDetailProps> {
         keyFn: string;
     }[];
 }
-interface IMyProps {
+declare type IMyProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class My extends NestedOption<IMyProps> {
     static OptionName: string;
 }
-interface INumericRuleProps {
+declare type INumericRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: any;
     message?: any;
     type?: any;
-}
+}>;
 declare class NumericRule extends NestedOption<INumericRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -1481,14 +1481,14 @@ declare class NumericRule extends NestedOption<INumericRuleProps> {
         type: string;
     };
 }
-interface IOffsetProps {
+declare type IOffsetProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class Offset extends NestedOption<IOffsetProps> {
     static OptionName: string;
 }
-interface IOperationDescriptionsProps {
+declare type IOperationDescriptionsProps = React.PropsWithChildren<{
     between?: any;
     contains?: any;
     endsWith?: any;
@@ -1500,11 +1500,11 @@ interface IOperationDescriptionsProps {
     notContains?: any;
     notEqual?: any;
     startsWith?: any;
-}
+}>;
 declare class OperationDescriptions extends NestedOption<IOperationDescriptionsProps> {
     static OptionName: string;
 }
-interface IPagerProps {
+declare type IPagerProps = React.PropsWithChildren<{
     allowedPageSizes?: any;
     displayMode?: any;
     infoText?: any;
@@ -1512,11 +1512,11 @@ interface IPagerProps {
     showNavigationButtons?: any;
     showPageSizeSelector?: any;
     visible?: any;
-}
+}>;
 declare class Pager extends NestedOption<IPagerProps> {
     static OptionName: string;
 }
-interface IPagingProps {
+declare type IPagingProps = React.PropsWithChildren<{
     enabled?: any;
     pageIndex?: any;
     pageSize?: any;
@@ -1524,7 +1524,7 @@ interface IPagingProps {
     onPageIndexChange?: (value: any) => void;
     defaultPageSize?: any;
     onPageSizeChange?: (value: any) => void;
-}
+}>;
 declare class Paging extends NestedOption<IPagingProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -1532,12 +1532,12 @@ declare class Paging extends NestedOption<IPagingProps> {
         defaultPageSize: string;
     };
 }
-interface IPatternRuleProps {
+declare type IPatternRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: any;
     message?: any;
     pattern?: any;
     type?: any;
-}
+}>;
 declare class PatternRule extends NestedOption<IPatternRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -1545,7 +1545,7 @@ declare class PatternRule extends NestedOption<IPatternRuleProps> {
         type: string;
     };
 }
-interface IPopupProps {
+declare type IPopupProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     animation?: object | {
@@ -1626,7 +1626,7 @@ interface IPopupProps {
     titleRender?: (...params: any) => React.ReactNode;
     titleComponent?: React.ComponentType<any>;
     titleKeyFn?: (data: any) => string;
-}
+}>;
 declare class Popup extends NestedOption<IPopupProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -1656,7 +1656,7 @@ declare class Popup extends NestedOption<IPopupProps> {
         keyFn: string;
     }[];
 }
-interface IPositionProps {
+declare type IPositionProps = React.PropsWithChildren<{
     at?: object | string | {
         x?: any;
         y?: any;
@@ -1679,18 +1679,18 @@ interface IPositionProps {
         x?: any;
         y?: any;
     };
-}
+}>;
 declare class Position extends NestedOption<IPositionProps> {
     static OptionName: string;
 }
-interface IRangeRuleProps {
+declare type IRangeRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: any;
     max?: any;
     message?: any;
     min?: any;
     reevaluate?: any;
     type?: any;
-}
+}>;
 declare class RangeRule extends NestedOption<IRangeRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -1698,22 +1698,22 @@ declare class RangeRule extends NestedOption<IRangeRuleProps> {
         type: string;
     };
 }
-interface IRemoteOperationsProps {
+declare type IRemoteOperationsProps = React.PropsWithChildren<{
     filtering?: any;
     grouping?: any;
     groupPaging?: any;
     paging?: any;
     sorting?: any;
     summary?: any;
-}
+}>;
 declare class RemoteOperations extends NestedOption<IRemoteOperationsProps> {
     static OptionName: string;
 }
-interface IRequiredRuleProps {
+declare type IRequiredRuleProps = React.PropsWithChildren<{
     message?: any;
     trim?: any;
     type?: any;
-}
+}>;
 declare class RequiredRule extends NestedOption<IRequiredRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -1721,7 +1721,7 @@ declare class RequiredRule extends NestedOption<IRequiredRuleProps> {
         type: string;
     };
 }
-interface IRowDraggingProps {
+declare type IRowDraggingProps = React.PropsWithChildren<{
     allowDropInsideItem?: any;
     allowReordering?: any;
     autoScroll?: any;
@@ -1751,7 +1751,7 @@ interface IRowDraggingProps {
     dragRender?: (...params: any) => React.ReactNode;
     dragComponent?: React.ComponentType<any>;
     dragKeyFn?: (data: any) => string;
-}
+}>;
 declare class RowDragging extends NestedOption<IRowDraggingProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1767,7 +1767,7 @@ declare class RowDragging extends NestedOption<IRowDraggingProps> {
         keyFn: string;
     }[];
 }
-interface IScrollingProps {
+declare type IScrollingProps = React.PropsWithChildren<{
     columnRenderingMode?: any;
     mode?: any;
     preloadEnabled?: any;
@@ -1777,11 +1777,11 @@ interface IScrollingProps {
     scrollByThumb?: any;
     showScrollbar?: any;
     useNative?: any;
-}
+}>;
 declare class Scrolling extends NestedOption<IScrollingProps> {
     static OptionName: string;
 }
-interface ISearchPanelProps {
+declare type ISearchPanelProps = React.PropsWithChildren<{
     highlightCaseSensitive?: any;
     highlightSearchText?: any;
     placeholder?: any;
@@ -1791,25 +1791,25 @@ interface ISearchPanelProps {
     width?: any;
     defaultText?: any;
     onTextChange?: (value: any) => void;
-}
+}>;
 declare class SearchPanel extends NestedOption<ISearchPanelProps> {
     static OptionName: string;
     static DefaultsProps: {
         defaultText: string;
     };
 }
-interface ISelectionProps {
+declare type ISelectionProps = React.PropsWithChildren<{
     allowSelectAll?: any;
     deferred?: any;
     maxFilterLengthInRequest?: any;
     mode?: any;
     selectAllMode?: any;
     showCheckBoxesMode?: any;
-}
+}>;
 declare class Selection extends NestedOption<ISelectionProps> {
     static OptionName: string;
 }
-interface IShowProps {
+declare type IShowProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -1820,48 +1820,48 @@ interface IShowProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Show extends NestedOption<IShowProps> {
     static OptionName: string;
 }
-interface ISortByGroupSummaryInfoProps {
+declare type ISortByGroupSummaryInfoProps = React.PropsWithChildren<{
     groupColumn?: any;
     sortOrder?: any;
     summaryItem?: any;
-}
+}>;
 declare class SortByGroupSummaryInfo extends NestedOption<ISortByGroupSummaryInfoProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface ISortingProps {
+declare type ISortingProps = React.PropsWithChildren<{
     ascendingText?: any;
     clearText?: any;
     descendingText?: any;
     mode?: any;
     showSortIndexes?: any;
-}
+}>;
 declare class Sorting extends NestedOption<ISortingProps> {
     static OptionName: string;
 }
-interface IStateStoringProps {
+declare type IStateStoringProps = React.PropsWithChildren<{
     customLoad?: any;
     customSave?: any;
     enabled?: any;
     savingTimeout?: any;
     storageKey?: any;
     type?: any;
-}
+}>;
 declare class StateStoring extends NestedOption<IStateStoringProps> {
     static OptionName: string;
 }
-interface IStringLengthRuleProps {
+declare type IStringLengthRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: any;
     max?: any;
     message?: any;
     min?: any;
     trim?: any;
     type?: any;
-}
+}>;
 declare class StringLengthRule extends NestedOption<IStringLengthRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -1869,7 +1869,7 @@ declare class StringLengthRule extends NestedOption<IStringLengthRuleProps> {
         type: string;
     };
 }
-interface ISummaryProps {
+declare type ISummaryProps = React.PropsWithChildren<{
     calculateCustomSummary?: any;
     groupItems?: {
         alignByColumn?: any;
@@ -1908,7 +1908,7 @@ interface ISummaryProps {
         summaryType?: any;
         valueFormat?: any;
     }[];
-}
+}>;
 declare class Summary extends NestedOption<ISummaryProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1930,7 +1930,7 @@ declare class Summary extends NestedOption<ISummaryProps> {
         };
     };
 }
-interface ISummaryTextsProps {
+declare type ISummaryTextsProps = React.PropsWithChildren<{
     avg?: any;
     avgOtherColumn?: any;
     count?: any;
@@ -1940,11 +1940,11 @@ interface ISummaryTextsProps {
     minOtherColumn?: any;
     sum?: any;
     sumOtherColumn?: any;
-}
+}>;
 declare class SummaryTexts extends NestedOption<ISummaryTextsProps> {
     static OptionName: string;
 }
-interface ITextsProps {
+declare type ITextsProps = React.PropsWithChildren<{
     addRow?: any;
     cancelAllChanges?: any;
     cancelRowChanges?: any;
@@ -1983,25 +1983,25 @@ interface ITextsProps {
     cancel?: any;
     emptyValue?: any;
     ok?: any;
-}
+}>;
 declare class Texts extends NestedOption<ITextsProps> {
     static OptionName: string;
 }
-interface IToProps {
+declare type IToProps = React.PropsWithChildren<{
     left?: any;
     opacity?: any;
     position?: any;
     scale?: any;
     top?: any;
-}
+}>;
 declare class To extends NestedOption<IToProps> {
     static OptionName: string;
 }
-interface IToolbarProps {
+declare type IToolbarProps = React.PropsWithChildren<{
     disabled?: any;
     items?: any;
     visible?: any;
-}
+}>;
 declare class Toolbar extends NestedOption<IToolbarProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -2011,7 +2011,7 @@ declare class Toolbar extends NestedOption<IToolbarProps> {
         };
     };
 }
-interface IToolbarItemProps {
+declare type IToolbarItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     location?: any;
@@ -2024,7 +2024,7 @@ interface IToolbarItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class ToolbarItem extends NestedOption<IToolbarItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -2035,7 +2035,7 @@ declare class ToolbarItem extends NestedOption<IToolbarItemProps> {
         keyFn: string;
     }[];
 }
-interface ITotalItemProps {
+declare type ITotalItemProps = React.PropsWithChildren<{
     alignment?: any;
     column?: any;
     cssClass?: any;
@@ -2046,7 +2046,7 @@ interface ITotalItemProps {
     skipEmptyValues?: any;
     summaryType?: any;
     valueFormat?: any;
-}
+}>;
 declare class TotalItem extends NestedOption<ITotalItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -2057,7 +2057,7 @@ declare class TotalItem extends NestedOption<ITotalItemProps> {
         };
     };
 }
-interface IValidationRuleProps {
+declare type IValidationRuleProps = React.PropsWithChildren<{
     message?: any;
     trim?: any;
     type?: any;
@@ -2069,7 +2069,7 @@ interface IValidationRuleProps {
     comparisonTarget?: any;
     comparisonType?: any;
     pattern?: any;
-}
+}>;
 declare class ValidationRule extends NestedOption<IValidationRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -2077,13 +2077,13 @@ declare class ValidationRule extends NestedOption<IValidationRuleProps> {
         type: string;
     };
 }
-interface IValueFormatProps {
+declare type IValueFormatProps = React.PropsWithChildren<{
     currency?: any;
     formatter?: any;
     parser?: any;
     precision?: any;
     type?: any;
-}
+}>;
 declare class ValueFormat extends NestedOption<IValueFormatProps> {
     static OptionName: string;
 }