devextreme-react 21.2.6 → 21.2.8

package/diagram.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 dxDiagram, { Properties } from "devextreme/ui/diagram";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IDiagramOptions extends Properties, IHtmlOptions {
+declare type IDiagramOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     customShapeRender?: (...params: any) => React.ReactNode;
     customShapeComponent?: React.ComponentType<any>;
     customShapeKeyFn?: (data: any) => string;
@@ -28,7 +28,7 @@ interface IDiagramOptions extends Properties, IHtmlOptions {
     onGridSizeChange?: (value: any) => void;
     onPageSizeChange?: (value: any) => void;
     onZoomLevelChange?: (value: any) => void;
-}
+}>;
 declare class Diagram extends BaseComponent<IDiagramOptions> {
     get instance(): dxDiagram;
     protected _WidgetClass: typeof dxDiagram;
@@ -112,47 +112,47 @@ declare class Diagram extends BaseComponent<IDiagramOptions> {
         keyFn: string;
     }[];
 }
-interface IAutoLayoutProps {
+declare type IAutoLayoutProps = React.PropsWithChildren<{
     orientation?: any;
     type?: any;
-}
+}>;
 declare class AutoLayout extends NestedOption<IAutoLayoutProps> {
     static OptionName: string;
 }
-interface ICommandProps {
+declare type ICommandProps = React.PropsWithChildren<{
     icon?: any;
     items?: any;
     location?: any;
     name?: any;
     text?: any;
-}
+}>;
 declare class Command extends NestedOption<ICommandProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface ICommandItemProps {
+declare type ICommandItemProps = React.PropsWithChildren<{
     icon?: any;
     items?: any;
     location?: any;
     name?: any;
     text?: any;
-}
+}>;
 declare class CommandItem extends NestedOption<ICommandItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IConnectionPointProps {
+declare type IConnectionPointProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class ConnectionPoint extends NestedOption<IConnectionPointProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IContextMenuProps {
+declare type IContextMenuProps = React.PropsWithChildren<{
     commands?: any;
     enabled?: any;
-}
+}>;
 declare class ContextMenu extends NestedOption<IContextMenuProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -162,18 +162,18 @@ declare class ContextMenu extends NestedOption<IContextMenuProps> {
         };
     };
 }
-interface IContextToolboxProps {
+declare type IContextToolboxProps = React.PropsWithChildren<{
     category?: any;
     displayMode?: any;
     enabled?: any;
     shapeIconsPerRow?: any;
     shapes?: any;
     width?: any;
-}
+}>;
 declare class ContextToolbox extends NestedOption<IContextToolboxProps> {
     static OptionName: string;
 }
-interface ICustomShapeProps {
+declare type ICustomShapeProps = React.PropsWithChildren<{
     allowEditImage?: any;
     allowEditText?: any;
     allowResize?: any;
@@ -221,7 +221,7 @@ interface ICustomShapeProps {
     toolboxRender?: (...params: any) => React.ReactNode;
     toolboxComponent?: React.ComponentType<any>;
     toolboxKeyFn?: (data: any) => string;
-}
+}>;
 declare class CustomShape extends NestedOption<ICustomShapeProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -238,7 +238,7 @@ declare class CustomShape extends NestedOption<ICustomShapeProps> {
         keyFn: string;
     }[];
 }
-interface IDefaultItemPropertiesProps {
+declare type IDefaultItemPropertiesProps = React.PropsWithChildren<{
     connectorLineEnd?: any;
     connectorLineStart?: any;
     connectorLineType?: any;
@@ -248,11 +248,11 @@ interface IDefaultItemPropertiesProps {
     shapeMinWidth?: any;
     style?: any;
     textStyle?: any;
-}
+}>;
 declare class DefaultItemProperties extends NestedOption<IDefaultItemPropertiesProps> {
     static OptionName: string;
 }
-interface IEdgesProps {
+declare type IEdgesProps = React.PropsWithChildren<{
     customDataExpr?: any;
     dataSource?: any;
     fromExpr?: any;
@@ -269,11 +269,11 @@ interface IEdgesProps {
     toLineEndExpr?: any;
     toPointIndexExpr?: any;
     zIndexExpr?: any;
-}
+}>;
 declare class Edges extends NestedOption<IEdgesProps> {
     static OptionName: string;
 }
-interface IEditingProps {
+declare type IEditingProps = React.PropsWithChildren<{
     allowAddShape?: any;
     allowChangeConnection?: any;
     allowChangeConnectorPoints?: any;
@@ -283,45 +283,45 @@ interface IEditingProps {
     allowDeleteShape?: any;
     allowMoveShape?: any;
     allowResizeShape?: any;
-}
+}>;
 declare class Editing extends NestedOption<IEditingProps> {
     static OptionName: string;
 }
-interface IExportProps {
+declare type IExportProps = React.PropsWithChildren<{
     fileName?: any;
     proxyUrl?: any;
-}
+}>;
 declare class Export extends NestedOption<IExportProps> {
     static OptionName: string;
 }
-interface IGridSizeProps {
+declare type IGridSizeProps = React.PropsWithChildren<{
     items?: any;
     value?: any;
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class GridSize extends NestedOption<IGridSizeProps> {
     static OptionName: string;
     static DefaultsProps: {
         defaultValue: string;
     };
 }
-interface IGroupProps {
+declare type IGroupProps = React.PropsWithChildren<{
     commands?: any;
     title?: any;
     category?: any;
     displayMode?: any;
     expanded?: any;
     shapes?: any;
-}
+}>;
 declare class Group extends NestedOption<IGroupProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IHistoryToolbarProps {
+declare type IHistoryToolbarProps = React.PropsWithChildren<{
     commands?: any;
     visible?: any;
-}
+}>;
 declare class HistoryToolbar extends NestedOption<IHistoryToolbarProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -331,7 +331,7 @@ declare class HistoryToolbar extends NestedOption<IHistoryToolbarProps> {
         };
     };
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     icon?: any;
     items?: any;
     location?: any;
@@ -339,15 +339,15 @@ interface IItemProps {
     text?: any;
     height?: any;
     width?: any;
-}
+}>;
 declare class Item extends NestedOption<IItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IMainToolbarProps {
+declare type IMainToolbarProps = React.PropsWithChildren<{
     commands?: any;
     visible?: any;
-}
+}>;
 declare class MainToolbar extends NestedOption<IMainToolbarProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -357,7 +357,7 @@ declare class MainToolbar extends NestedOption<IMainToolbarProps> {
         };
     };
 }
-interface INodesProps {
+declare type INodesProps = React.PropsWithChildren<{
     autoLayout?: object | string | {
         orientation?: any;
         type?: any;
@@ -381,7 +381,7 @@ interface INodesProps {
     typeExpr?: any;
     widthExpr?: any;
     zIndexExpr?: any;
-}
+}>;
 declare class Nodes extends NestedOption<INodesProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -391,7 +391,7 @@ declare class Nodes extends NestedOption<INodesProps> {
         };
     };
 }
-interface IPageSizeProps {
+declare type IPageSizeProps = React.PropsWithChildren<{
     height?: any;
     items?: {
         height?: any;
@@ -403,7 +403,7 @@ interface IPageSizeProps {
     onHeightChange?: (value: any) => void;
     defaultWidth?: any;
     onWidthChange?: (value: any) => void;
-}
+}>;
 declare class PageSize extends NestedOption<IPageSizeProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -421,16 +421,16 @@ declare class PageSize extends NestedOption<IPageSizeProps> {
         };
     };
 }
-interface IPageSizeItemProps {
+declare type IPageSizeItemProps = React.PropsWithChildren<{
     height?: any;
     text?: any;
     width?: any;
-}
+}>;
 declare class PageSizeItem extends NestedOption<IPageSizeItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IPropertiesPanelProps {
+declare type IPropertiesPanelProps = React.PropsWithChildren<{
     tabs?: {
         commands?: any;
         groups?: {
@@ -440,7 +440,7 @@ interface IPropertiesPanelProps {
         title?: any;
     }[];
     visibility?: any;
-}
+}>;
 declare class PropertiesPanel extends NestedOption<IPropertiesPanelProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -450,14 +450,14 @@ declare class PropertiesPanel extends NestedOption<IPropertiesPanelProps> {
         };
     };
 }
-interface ITabProps {
+declare type ITabProps = React.PropsWithChildren<{
     commands?: any;
     groups?: {
         commands?: any;
         title?: any;
     }[];
     title?: any;
-}
+}>;
 declare class Tab extends NestedOption<ITabProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -476,10 +476,10 @@ declare class Tab extends NestedOption<ITabProps> {
         };
     };
 }
-interface ITabGroupProps {
+declare type ITabGroupProps = React.PropsWithChildren<{
     commands?: any;
     title?: any;
-}
+}>;
 declare class TabGroup extends NestedOption<ITabGroupProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -490,7 +490,7 @@ declare class TabGroup extends NestedOption<ITabGroupProps> {
         };
     };
 }
-interface IToolboxProps {
+declare type IToolboxProps = React.PropsWithChildren<{
     groups?: {
         category?: any;
         displayMode?: any;
@@ -502,7 +502,7 @@ interface IToolboxProps {
     showSearch?: any;
     visibility?: any;
     width?: any;
-}
+}>;
 declare class Toolbox extends NestedOption<IToolboxProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -516,21 +516,21 @@ declare class Toolbox extends NestedOption<IToolboxProps> {
         };
     };
 }
-interface IToolboxGroupProps {
+declare type IToolboxGroupProps = React.PropsWithChildren<{
     category?: any;
     displayMode?: any;
     expanded?: any;
     shapes?: any;
     title?: any;
-}
+}>;
 declare class ToolboxGroup extends NestedOption<IToolboxGroupProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IViewToolbarProps {
+declare type IViewToolbarProps = React.PropsWithChildren<{
     commands?: any;
     visible?: any;
-}
+}>;
 declare class ViewToolbar extends NestedOption<IViewToolbarProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -540,12 +540,12 @@ declare class ViewToolbar extends NestedOption<IViewToolbarProps> {
         };
     };
 }
-interface IZoomLevelProps {
+declare type IZoomLevelProps = React.PropsWithChildren<{
     items?: any;
     value?: any;
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class ZoomLevel extends NestedOption<IZoomLevelProps> {
     static OptionName: string;
     static DefaultsProps: {

package/diagram.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/draggable.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,11 +15,11 @@
 import dxDraggable, { Properties } from "devextreme/ui/draggable";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IDraggableOptions extends Properties, IHtmlOptions {
+declare type IDraggableOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     dragRender?: (...params: any) => React.ReactNode;
     dragComponent?: React.ComponentType<any>;
     dragKeyFn?: (data: any) => string;
-}
+}>;
 declare class Draggable extends BaseComponent<IDraggableOptions> {
     get instance(): dxDraggable;
     protected _WidgetClass: typeof dxDraggable;
@@ -37,10 +37,10 @@ declare class Draggable extends BaseComponent<IDraggableOptions> {
         keyFn: string;
     }[];
 }
-interface ICursorOffsetProps {
+declare type ICursorOffsetProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class CursorOffset extends NestedOption<ICursorOffsetProps> {
     static OptionName: string;
 }

package/draggable.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/drawer.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
  *
@@ -14,13 +14,13 @@
 /// <reference types="react" />
 import dxDrawer, { Properties } from "devextreme/ui/drawer";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface IDrawerOptions extends Properties, IHtmlOptions {
+declare type IDrawerOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
     defaultOpened?: any;
     onOpenedChange?: (value: any) => void;
-}
+}>;
 declare class Drawer extends BaseComponent<IDrawerOptions> {
     get instance(): dxDrawer;
     protected _WidgetClass: typeof dxDrawer;

package/drawer.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
  *