devextreme-react 21.2.6 → 21.2.8

package/drop-down-box.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
  *
@@ -15,7 +15,7 @@
 import dxDropDownBox, { Properties } from "devextreme/ui/drop_down_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IDropDownBoxOptions extends Properties, IHtmlOptions {
+declare type IDropDownBoxOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     contentKeyFn?: (data: any) => string;
@@ -27,7 +27,7 @@ interface IDropDownBoxOptions extends Properties, IHtmlOptions {
     fieldKeyFn?: (data: any) => string;
     defaultOpened?: any;
     onOpenedChange?: (value: any) => void;
-}
+}>;
 declare class DropDownBox extends BaseComponent<IDropDownBoxOptions> {
     get instance(): dxDropDownBox;
     protected _WidgetClass: typeof dxDropDownBox;
@@ -53,10 +53,10 @@ declare class DropDownBox extends BaseComponent<IDropDownBoxOptions> {
         keyFn: string;
     }[];
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -70,25 +70,25 @@ declare class Animation extends NestedOption<IAnimationProps> {
         };
     };
 }
-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<{
     location?: any;
     name?: any;
     options?: any;
-}
+}>;
 declare class Button extends NestedOption<IButtonProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -99,14 +99,14 @@ declare class Button extends NestedOption<IButtonProps> {
         };
     };
 }
-interface ICollisionProps {
+declare type ICollisionProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class Collision extends NestedOption<ICollisionProps> {
     static OptionName: string;
 }
-interface IDropDownOptionsProps {
+declare type IDropDownOptionsProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     animation?: object | {
@@ -187,7 +187,7 @@ interface IDropDownOptionsProps {
     titleRender?: (...params: any) => React.ReactNode;
     titleComponent?: React.ComponentType<any>;
     titleKeyFn?: (data: any) => string;
-}
+}>;
 declare class DropDownOptions extends NestedOption<IDropDownOptionsProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -217,13 +217,13 @@ declare class DropDownOptions extends NestedOption<IDropDownOptionsProps> {
         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: {
@@ -233,7 +233,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IHideProps {
+declare type IHideProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -244,7 +244,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -258,21 +258,21 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-interface IMyProps {
+declare type IMyProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class My extends NestedOption<IMyProps> {
     static OptionName: string;
 }
-interface IOffsetProps {
+declare type IOffsetProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class Offset extends NestedOption<IOffsetProps> {
     static OptionName: string;
 }
-interface IOptionsProps {
+declare type IOptionsProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     bindingOptions?: any;
@@ -303,7 +303,7 @@ interface IOptionsProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class Options extends NestedOption<IOptionsProps> {
     static OptionName: string;
     static TemplateProps: {
@@ -313,7 +313,7 @@ declare class Options extends NestedOption<IOptionsProps> {
         keyFn: string;
     }[];
 }
-interface IPositionProps {
+declare type IPositionProps = React.PropsWithChildren<{
     at?: object | string | {
         x?: any;
         y?: any;
@@ -336,11 +336,11 @@ interface IPositionProps {
         x?: any;
         y?: any;
     };
-}
+}>;
 declare class Position extends NestedOption<IPositionProps> {
     static OptionName: string;
 }
-interface IShowProps {
+declare type IShowProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -351,21 +351,21 @@ interface IShowProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Show extends NestedOption<IShowProps> {
     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 IToolbarItemProps {
+declare type IToolbarItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     location?: any;
@@ -378,7 +378,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;

package/drop-down-box.js

@@ -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
  *

package/drop-down-button.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
  *
@@ -15,14 +15,14 @@
 import dxDropDownButton, { Properties } from "devextreme/ui/drop_down_button";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IDropDownButtonOptions extends Properties, IHtmlOptions {
+declare type IDropDownButtonOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     dropDownContentRender?: (...params: any) => React.ReactNode;
     dropDownContentComponent?: React.ComponentType<any>;
     dropDownContentKeyFn?: (data: any) => string;
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;
-}
+}>;
 declare class DropDownButton extends BaseComponent<IDropDownButtonOptions> {
     get instance(): dxDropDownButton;
     protected _WidgetClass: typeof dxDropDownButton;
@@ -44,10 +44,10 @@ declare class DropDownButton extends BaseComponent<IDropDownButtonOptions> {
         keyFn: string;
     }[];
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -61,28 +61,28 @@ declare class Animation extends NestedOption<IAnimationProps> {
         };
     };
 }
-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 ICollisionProps {
+declare type ICollisionProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class Collision extends NestedOption<ICollisionProps> {
     static OptionName: string;
 }
-interface IDropDownOptionsProps {
+declare type IDropDownOptionsProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     animation?: object | {
@@ -163,7 +163,7 @@ interface IDropDownOptionsProps {
     titleRender?: (...params: any) => React.ReactNode;
     titleComponent?: React.ComponentType<any>;
     titleKeyFn?: (data: any) => string;
-}
+}>;
 declare class DropDownOptions extends NestedOption<IDropDownOptionsProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -193,13 +193,13 @@ declare class DropDownOptions extends NestedOption<IDropDownOptionsProps> {
         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: {
@@ -209,7 +209,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IHideProps {
+declare type IHideProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -220,7 +220,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -234,7 +234,7 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     badge?: any;
     disabled?: any;
     html?: any;
@@ -248,7 +248,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;
@@ -259,21 +259,21 @@ declare class Item extends NestedOption<IItemProps> {
         keyFn: string;
     }[];
 }
-interface IMyProps {
+declare type IMyProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class My extends NestedOption<IMyProps> {
     static OptionName: string;
 }
-interface IOffsetProps {
+declare type IOffsetProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class Offset extends NestedOption<IOffsetProps> {
     static OptionName: string;
 }
-interface IPositionProps {
+declare type IPositionProps = React.PropsWithChildren<{
     at?: object | string | {
         x?: any;
         y?: any;
@@ -296,11 +296,11 @@ interface IPositionProps {
         x?: any;
         y?: any;
     };
-}
+}>;
 declare class Position extends NestedOption<IPositionProps> {
     static OptionName: string;
 }
-interface IShowProps {
+declare type IShowProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -311,21 +311,21 @@ interface IShowProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Show extends NestedOption<IShowProps> {
     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 IToolbarItemProps {
+declare type IToolbarItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     location?: any;
@@ -338,7 +338,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;

package/drop-down-button.js

@@ -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
  *

package/file-manager.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
  *
@@ -15,8 +15,7 @@
 import dxFileManager, { Properties } from "devextreme/ui/file_manager";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IFileManagerOptions extends Properties, IHtmlOptions {
-}
+declare type IFileManagerOptions = React.PropsWithChildren<Properties & IHtmlOptions & {}>;
 declare class FileManager extends BaseComponent<IFileManagerOptions> {
     get instance(): dxFileManager;
     protected _WidgetClass: typeof dxFileManager;
@@ -48,7 +47,7 @@ declare class FileManager extends BaseComponent<IFileManagerOptions> {
         };
     };
 }
-interface IColumnProps {
+declare type IColumnProps = React.PropsWithChildren<{
     alignment?: any;
     caption?: any;
     cssClass?: any;
@@ -60,14 +59,14 @@ interface IColumnProps {
     visible?: any;
     visibleIndex?: any;
     width?: any;
-}
+}>;
 declare class Column extends NestedOption<IColumnProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IContextMenuProps {
+declare type IContextMenuProps = React.PropsWithChildren<{
     items?: any;
-}
+}>;
 declare class ContextMenu extends NestedOption<IContextMenuProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -81,7 +80,7 @@ declare class ContextMenu extends NestedOption<IContextMenuProps> {
         };
     };
 }
-interface IContextMenuItemProps {
+declare type IContextMenuItemProps = React.PropsWithChildren<{
     beginGroup?: any;
     closeMenuOnClick?: any;
     disabled?: any;
@@ -97,7 +96,7 @@ interface IContextMenuItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class ContextMenuItem extends NestedOption<IContextMenuItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -108,9 +107,9 @@ declare class ContextMenuItem extends NestedOption<IContextMenuItemProps> {
         keyFn: string;
     }[];
 }
-interface IDetailsProps {
+declare type IDetailsProps = React.PropsWithChildren<{
     columns?: any;
-}
+}>;
 declare class Details extends NestedOption<IDetailsProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -120,7 +119,7 @@ declare class Details extends NestedOption<IDetailsProps> {
         };
     };
 }
-interface IFileSelectionItemProps {
+declare type IFileSelectionItemProps = React.PropsWithChildren<{
     cssClass?: any;
     disabled?: any;
     html?: any;
@@ -141,7 +140,7 @@ interface IFileSelectionItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class FileSelectionItem extends NestedOption<IFileSelectionItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -152,7 +151,7 @@ declare class FileSelectionItem extends NestedOption<IFileSelectionItemProps> {
         keyFn: string;
     }[];
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     beginGroup?: any;
     closeMenuOnClick?: any;
     disabled?: any;
@@ -178,7 +177,7 @@ interface IItemProps {
     menuItemRender?: (...params: any) => React.ReactNode;
     menuItemComponent?: React.ComponentType<any>;
     menuItemKeyFn?: (data: any) => string;
-}
+}>;
 declare class Item extends NestedOption<IItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -189,14 +188,14 @@ declare class Item extends NestedOption<IItemProps> {
         keyFn: string;
     }[];
 }
-interface IItemViewProps {
+declare type IItemViewProps = React.PropsWithChildren<{
     details?: object | {
         columns?: any;
     };
     mode?: any;
     showFolders?: any;
     showParentFolder?: any;
-}
+}>;
 declare class ItemView extends NestedOption<IItemViewProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -206,14 +205,14 @@ declare class ItemView extends NestedOption<IItemViewProps> {
         };
     };
 }
-interface INotificationsProps {
+declare type INotificationsProps = React.PropsWithChildren<{
     showPanel?: any;
     showPopup?: any;
-}
+}>;
 declare class Notifications extends NestedOption<INotificationsProps> {
     static OptionName: string;
 }
-interface IPermissionsProps {
+declare type IPermissionsProps = React.PropsWithChildren<{
     copy?: any;
     create?: any;
     delete?: any;
@@ -221,14 +220,14 @@ interface IPermissionsProps {
     move?: any;
     rename?: any;
     upload?: any;
-}
+}>;
 declare class Permissions extends NestedOption<IPermissionsProps> {
     static OptionName: string;
 }
-interface IToolbarProps {
+declare type IToolbarProps = React.PropsWithChildren<{
     fileSelectionItems?: any;
     items?: any;
-}
+}>;
 declare class Toolbar extends NestedOption<IToolbarProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -246,7 +245,7 @@ declare class Toolbar extends NestedOption<IToolbarProps> {
         };
     };
 }
-interface IToolbarItemProps {
+declare type IToolbarItemProps = React.PropsWithChildren<{
     cssClass?: any;
     disabled?: any;
     html?: any;
@@ -267,7 +266,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;
@@ -278,10 +277,10 @@ declare class ToolbarItem extends NestedOption<IToolbarItemProps> {
         keyFn: string;
     }[];
 }
-interface IUploadProps {
+declare type IUploadProps = React.PropsWithChildren<{
     chunkSize?: any;
     maxFileSize?: any;
-}
+}>;
 declare class Upload extends NestedOption<IUploadProps> {
     static OptionName: string;
 }

package/file-manager.js

@@ -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
  *

package/file-uploader.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
  *
@@ -11,12 +11,13 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+/// <reference types="react" />
 import dxFileUploader, { Properties } from "devextreme/ui/file_uploader";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface IFileUploaderOptions extends Properties, IHtmlOptions {
+declare type IFileUploaderOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class FileUploader extends BaseComponent<IFileUploaderOptions> {
     get instance(): dxFileUploader;
     protected _WidgetClass: typeof dxFileUploader;

package/file-uploader.js

@@ -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
  *