devextreme-react 22.1.2-beta → 22.1.3

package/data-grid.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 22.1.2-beta
- * Build date: Tue May 17 2022
+ * Version: 22.1.3
+ * Build date: Mon Jun 13 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;
@@ -187,10 +187,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: {
@@ -204,13 +204,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;
@@ -218,21 +218,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;
@@ -245,7 +245,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;
@@ -256,34 +256,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;
@@ -390,7 +390,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;
@@ -481,7 +481,7 @@ declare class Column extends NestedOption<IColumnProps> {
         keyFn: string;
     }[];
 }
-interface IColumnChooserProps {
+declare type IColumnChooserProps = React.PropsWithChildren<{
     allowSearch?: any;
     emptyPanelText?: any;
     enabled?: any;
@@ -491,11 +491,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;
@@ -503,7 +503,7 @@ interface IColumnFixingProps {
         rightPosition?: any;
         unfix?: any;
     };
-}
+}>;
 declare class ColumnFixing extends NestedOption<IColumnFixingProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -517,43 +517,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;
@@ -561,14 +561,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;
@@ -580,7 +580,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;
@@ -591,13 +591,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;
@@ -605,7 +605,7 @@ declare class CustomRule extends NestedOption<ICustomRuleProps> {
         type: string;
     };
 }
-interface IDataGridHeaderFilterProps {
+declare type IDataGridHeaderFilterProps = React.PropsWithChildren<{
     allowSearch?: any;
     height?: any;
     searchTimeout?: any;
@@ -616,7 +616,7 @@ interface IDataGridHeaderFilterProps {
     };
     visible?: any;
     width?: any;
-}
+}>;
 declare class DataGridHeaderFilter extends NestedOption<IDataGridHeaderFilterProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -630,15 +630,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;
@@ -673,7 +673,7 @@ interface IEditingProps {
     onEditColumnNameChange?: (value: any) => void;
     defaultEditRowKey?: any;
     onEditRowKeyChange?: (value: any) => void;
-}
+}>;
 declare class Editing extends NestedOption<IEditingProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -704,7 +704,7 @@ declare class Editing extends NestedOption<IEditingProps> {
         };
     };
 }
-interface IEditingTextsProps {
+declare type IEditingTextsProps = React.PropsWithChildren<{
     addRow?: any;
     cancelAllChanges?: any;
     cancelRowChanges?: any;
@@ -716,15 +716,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;
@@ -732,7 +732,7 @@ declare class EmailRule extends NestedOption<IEmailRuleProps> {
         type: string;
     };
 }
-interface IExportProps {
+declare type IExportProps = React.PropsWithChildren<{
     allowExportSelectedData?: any;
     customizeExcelCell?: any;
     enabled?: any;
@@ -747,7 +747,7 @@ interface IExportProps {
         exportSelectedRows?: any;
         exportTo?: any;
     };
-}
+}>;
 declare class Export extends NestedOption<IExportProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -761,15 +761,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;
@@ -792,7 +792,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;
@@ -817,16 +817,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;
@@ -878,7 +878,7 @@ interface IFilterBuilderProps {
     width?: any;
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class FilterBuilder extends NestedOption<IFilterBuilderProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -903,7 +903,7 @@ declare class FilterBuilder extends NestedOption<IFilterBuilderProps> {
         };
     };
 }
-interface IFilterBuilderPopupProps {
+declare type IFilterBuilderPopupProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     animation?: object | {
@@ -985,7 +985,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: {
@@ -1001,7 +1001,7 @@ declare class FilterBuilderPopup extends NestedOption<IFilterBuilderPopupProps>
         keyFn: string;
     }[];
 }
-interface IFilterOperationDescriptionsProps {
+declare type IFilterOperationDescriptionsProps = React.PropsWithChildren<{
     between?: any;
     contains?: any;
     endsWith?: any;
@@ -1015,11 +1015,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 | {
@@ -1030,7 +1030,7 @@ interface IFilterPanelProps {
     visible?: any;
     defaultFilterEnabled?: any;
     onFilterEnabledChange?: (value: any) => void;
-}
+}>;
 declare class FilterPanel extends NestedOption<IFilterPanelProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -1047,15 +1047,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;
@@ -1077,7 +1077,7 @@ interface IFilterRowProps {
     showAllText?: any;
     showOperationChooser?: any;
     visible?: any;
-}
+}>;
 declare class FilterRow extends NestedOption<IFilterRowProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1087,7 +1087,7 @@ declare class FilterRow extends NestedOption<IFilterRowProps> {
         };
     };
 }
-interface IFormProps {
+declare type IFormProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     alignItemLabels?: any;
@@ -1137,7 +1137,7 @@ interface IFormProps {
     width?: any;
     defaultFormData?: any;
     onFormDataChange?: (value: any) => void;
-}
+}>;
 declare class Form extends NestedOption<IFormProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -1150,17 +1150,18 @@ declare class Form extends NestedOption<IFormProps> {
         };
     };
 }
-interface IFormatProps {
+declare type IFormatProps = React.PropsWithChildren<{
     currency?: any;
     formatter?: any;
     parser?: any;
     precision?: any;
     type?: any;
-}
+    useCurrencyAccountingStyle?: any;
+}>;
 declare class Format extends NestedOption<IFormatProps> {
     static OptionName: string;
 }
-interface IFormItemProps {
+declare type IFormItemProps = React.PropsWithChildren<{
     colSpan?: any;
     cssClass?: any;
     dataField?: any;
@@ -1184,7 +1185,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: {
@@ -1240,13 +1241,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: {
@@ -1256,7 +1257,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IGroupingProps {
+declare type IGroupingProps = React.PropsWithChildren<{
     allowCollapsing?: any;
     autoExpandAll?: any;
     contextMenuEnabled?: any;
@@ -1268,7 +1269,7 @@ interface IGroupingProps {
         ungroup?: any;
         ungroupAll?: any;
     };
-}
+}>;
 declare class Grouping extends NestedOption<IGroupingProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1282,17 +1283,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;
@@ -1303,7 +1304,7 @@ interface IGroupItemProps {
     skipEmptyValues?: any;
     summaryType?: any;
     valueFormat?: any;
-}
+}>;
 declare class GroupItem extends NestedOption<IGroupItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -1314,24 +1315,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;
@@ -1345,11 +1346,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;
@@ -1360,7 +1361,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1374,7 +1375,7 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     cssClass?: any;
     disabled?: any;
     html?: any;
@@ -1394,7 +1395,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;
@@ -1405,26 +1406,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;
@@ -1434,28 +1435,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: {
@@ -1465,18 +1466,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;
@@ -1484,14 +1485,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;
@@ -1503,11 +1504,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;
@@ -1515,11 +1516,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;
@@ -1527,7 +1528,7 @@ interface IPagingProps {
     onPageIndexChange?: (value: any) => void;
     defaultPageSize?: any;
     onPageSizeChange?: (value: any) => void;
-}
+}>;
 declare class Paging extends NestedOption<IPagingProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -1535,12 +1536,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;
@@ -1548,7 +1549,7 @@ declare class PatternRule extends NestedOption<IPatternRuleProps> {
         type: string;
     };
 }
-interface IPopupProps {
+declare type IPopupProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     animation?: object | {
@@ -1630,7 +1631,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: {
@@ -1660,7 +1661,7 @@ declare class Popup extends NestedOption<IPopupProps> {
         keyFn: string;
     }[];
 }
-interface IPositionProps {
+declare type IPositionProps = React.PropsWithChildren<{
     at?: object | string | {
         x?: any;
         y?: any;
@@ -1683,18 +1684,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;
@@ -1702,22 +1703,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;
@@ -1725,7 +1726,7 @@ declare class RequiredRule extends NestedOption<IRequiredRuleProps> {
         type: string;
     };
 }
-interface IRowDraggingProps {
+declare type IRowDraggingProps = React.PropsWithChildren<{
     allowDropInsideItem?: any;
     allowReordering?: any;
     autoScroll?: any;
@@ -1755,7 +1756,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: {
@@ -1771,7 +1772,7 @@ declare class RowDragging extends NestedOption<IRowDraggingProps> {
         keyFn: string;
     }[];
 }
-interface IScrollingProps {
+declare type IScrollingProps = React.PropsWithChildren<{
     columnRenderingMode?: any;
     mode?: any;
     preloadEnabled?: any;
@@ -1781,11 +1782,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;
@@ -1795,25 +1796,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;
@@ -1824,48 +1825,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;
@@ -1873,7 +1874,7 @@ declare class StringLengthRule extends NestedOption<IStringLengthRuleProps> {
         type: string;
     };
 }
-interface ISummaryProps {
+declare type ISummaryProps = React.PropsWithChildren<{
     calculateCustomSummary?: any;
     groupItems?: {
         alignByColumn?: any;
@@ -1912,7 +1913,7 @@ interface ISummaryProps {
         summaryType?: any;
         valueFormat?: any;
     }[];
-}
+}>;
 declare class Summary extends NestedOption<ISummaryProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1934,7 +1935,7 @@ declare class Summary extends NestedOption<ISummaryProps> {
         };
     };
 }
-interface ISummaryTextsProps {
+declare type ISummaryTextsProps = React.PropsWithChildren<{
     avg?: any;
     avgOtherColumn?: any;
     count?: any;
@@ -1944,11 +1945,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;
@@ -1987,25 +1988,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: {
@@ -2015,7 +2016,7 @@ declare class Toolbar extends NestedOption<IToolbarProps> {
         };
     };
 }
-interface IToolbarItemProps {
+declare type IToolbarItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     location?: any;
@@ -2028,7 +2029,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;
@@ -2039,7 +2040,7 @@ declare class ToolbarItem extends NestedOption<IToolbarItemProps> {
         keyFn: string;
     }[];
 }
-interface ITotalItemProps {
+declare type ITotalItemProps = React.PropsWithChildren<{
     alignment?: any;
     column?: any;
     cssClass?: any;
@@ -2050,7 +2051,7 @@ interface ITotalItemProps {
     skipEmptyValues?: any;
     summaryType?: any;
     valueFormat?: any;
-}
+}>;
 declare class TotalItem extends NestedOption<ITotalItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -2061,7 +2062,7 @@ declare class TotalItem extends NestedOption<ITotalItemProps> {
         };
     };
 }
-interface IValidationRuleProps {
+declare type IValidationRuleProps = React.PropsWithChildren<{
     message?: any;
     trim?: any;
     type?: any;
@@ -2073,7 +2074,7 @@ interface IValidationRuleProps {
     comparisonTarget?: any;
     comparisonType?: any;
     pattern?: any;
-}
+}>;
 declare class ValidationRule extends NestedOption<IValidationRuleProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -2081,13 +2082,14 @@ 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;
-}
+    useCurrencyAccountingStyle?: any;
+}>;
 declare class ValueFormat extends NestedOption<IValueFormatProps> {
     static OptionName: string;
 }