devextreme-react 21.2.6 → 21.2.8

package/menu.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/menu";
 import dxMenu, { Properties } from "devextreme/ui/menu";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IMenuOptions<TKey = any> extends Properties<TKey>, IHtmlOptions {
+declare type IMenuOptions<TKey = any> = React.PropsWithChildren<Properties<TKey> & IHtmlOptions & {
     dataSource?: Properties<TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
@@ -25,7 +25,7 @@ interface IMenuOptions<TKey = any> extends Properties<TKey>, IHtmlOptions {
     defaultSelectedItem?: any;
     onItemsChange?: (value: any) => void;
     onSelectedItemChange?: (value: any) => void;
-}
+}>;
 declare class Menu<TKey = any> extends BaseComponent<IMenuOptions<TKey>> {
     get instance(): dxMenu<TKey>;
     protected _WidgetClass: typeof dxMenu;
@@ -60,10 +60,10 @@ declare class Menu<TKey = any> extends BaseComponent<IMenuOptions<TKey>> {
         keyFn: string;
     }[];
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -77,41 +77,41 @@ 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 IDelayProps {
+declare type IDelayProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Delay extends NestedOption<IDelayProps> {
     static OptionName: 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: {
@@ -121,7 +121,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IHideProps {
+declare type IHideProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -132,7 +132,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -146,7 +146,7 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     beginGroup?: any;
     closeMenuOnClick?: any;
     disabled?: any;
@@ -161,7 +161,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;
@@ -172,21 +172,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;
@@ -209,7 +209,7 @@ interface IPositionProps {
         x?: any;
         y?: any;
     };
-}
+}>;
 declare class Position extends NestedOption<IPositionProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -235,7 +235,7 @@ declare class Position extends NestedOption<IPositionProps> {
         };
     };
 }
-interface IShowProps {
+declare type IShowProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -246,17 +246,17 @@ interface IShowProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Show extends NestedOption<IShowProps> {
     static OptionName: string;
 }
-interface IShowFirstSubmenuModeProps {
+declare type IShowFirstSubmenuModeProps = React.PropsWithChildren<{
     delay?: number | object | {
         hide?: any;
         show?: any;
     };
     name?: any;
-}
+}>;
 declare class ShowFirstSubmenuMode extends NestedOption<IShowFirstSubmenuModeProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -266,13 +266,13 @@ declare class ShowFirstSubmenuMode extends NestedOption<IShowFirstSubmenuModePro
         };
     };
 }
-interface IShowSubmenuModeProps {
+declare type IShowSubmenuModeProps = React.PropsWithChildren<{
     delay?: number | object | {
         hide?: any;
         show?: any;
     };
     name?: any;
-}
+}>;
 declare class ShowSubmenuMode extends NestedOption<IShowSubmenuModeProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -282,13 +282,13 @@ declare class ShowSubmenuMode extends NestedOption<IShowSubmenuModeProps> {
         };
     };
 }
-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;
 }

package/menu.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/multi-view.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/multi_view";
 import dxMultiView, { Properties } from "devextreme/ui/multi_view";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IMultiViewOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type IMultiViewOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
@@ -27,7 +27,7 @@ interface IMultiViewOptions<TItem = any, TKey = any> extends Properties<TItem, T
     onItemsChange?: (value: any) => void;
     onSelectedIndexChange?: (value: any) => void;
     onSelectedItemChange?: (value: any) => void;
-}
+}>;
 declare class MultiView<TItem = any, TKey = any> extends BaseComponent<IMultiViewOptions<TItem, TKey>> {
     get instance(): dxMultiView<TItem, TKey>;
     protected _WidgetClass: typeof dxMultiView;
@@ -51,7 +51,7 @@ declare class MultiView<TItem = any, TKey = any> extends BaseComponent<IMultiVie
         keyFn: string;
     }[];
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     template?: any;
@@ -60,7 +60,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;

package/multi-view.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/nav-bar.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/nav_bar";
 import dxNavBar, { Properties } from "devextreme/ui/nav_bar";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface INavBarOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type INavBarOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
@@ -31,7 +31,7 @@ interface INavBarOptions<TItem = any, TKey = any> extends Properties<TItem, TKey
     onSelectedItemChange?: (value: any) => void;
     onSelectedItemKeysChange?: (value: any) => void;
     onSelectedItemsChange?: (value: any) => void;
-}
+}>;
 declare class NavBar<TItem = any, TKey = any> extends BaseComponent<INavBarOptions<TItem, TKey>> {
     get instance(): dxNavBar<TItem, TKey>;
     protected _WidgetClass: typeof dxNavBar;
@@ -57,7 +57,7 @@ declare class NavBar<TItem = any, TKey = any> extends BaseComponent<INavBarOptio
         keyFn: string;
     }[];
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     badge?: any;
     disabled?: any;
     html?: any;
@@ -68,7 +68,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;

package/nav-bar.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/number-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,10 +15,10 @@
 import dxNumberBox, { Properties } from "devextreme/ui/number_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface INumberBoxOptions extends Properties, IHtmlOptions {
+declare type INumberBoxOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class NumberBox extends BaseComponent<INumberBoxOptions> {
     get instance(): dxNumberBox;
     protected _WidgetClass: typeof dxNumberBox;
@@ -38,11 +38,11 @@ declare class NumberBox extends BaseComponent<INumberBoxOptions> {
         };
     };
 }
-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;
@@ -53,17 +53,17 @@ declare class Button extends NestedOption<IButtonProps> {
         };
     };
 }
-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 IOptionsProps {
+declare type IOptionsProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     bindingOptions?: any;
@@ -94,7 +94,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: {

package/number-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/package.json

@@ -1 +1 @@
-{"author":"Developer Express Inc.","name":"devextreme-react","version":"21.2.6","description":"DevExtreme React UI and Visualization Components","repository":{"type":"git","url":"https://github.com/DevExpress/devextreme-react.git"},"main":"index.js","types":"index.d.ts","scripts":{"clean":"gulp clean","build":"npm run clean && gulp generate","pack":"npm run clean && gulp npm.pack","test":"npm run build && jest"},"keywords":["react","devextreme","devexpress"],"license":"MIT","peerDependencies":{"devextreme":"~21.2.6","react":"^16.2.0 || ^17.0.0","react-dom":"^16.2.0 || ^17.0.0"},"dependencies":{"prop-types":"^15.6.1"},"devDependencies":{"@testing-library/react":"^11.2.5","@testing-library/user-event":"^13.0.1","@types/enzyme":"^3.1.14","@types/enzyme-adapter-react-16":"^1.0.2","@types/jest":"^22.1.2","@types/react":"^16.9.2","@types/react-dom":"^16.0.9","del":"^3.0.0","devextreme":"~21.2.6","devextreme-react-generator":"^1.3.0","enzyme":"^3.7.0","enzyme-adapter-react-16":"^1.6.0","gulp":"^4.0.0","gulp-header":"^2.0.5","gulp-shell":"^0.6.5","gulp-typescript":"^5.0.0","jest":"^24.8.0","react":"^16.5.2","react-dom":"^16.5.2","ts-jest":"^24.0.2","typescript":"^3.9.7"},"resolutions":{"@types/react":"^16.9.2"}}
+{"author":"Developer Express Inc.","name":"devextreme-react","version":"21.2.8","description":"DevExtreme React UI and Visualization Components","repository":{"type":"git","url":"https://github.com/DevExpress/devextreme-react.git"},"main":"index.js","types":"index.d.ts","scripts":{"clean":"gulp clean","build":"npm run clean && gulp generate","pack":"npm run clean && gulp npm.pack","test":"npm run build && jest"},"keywords":["react","devextreme","devexpress"],"license":"MIT","peerDependencies":{"devextreme":"~21.2.8","react":"^16.2.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.2.0 || ^17.0.0 || ^18.0.0"},"dependencies":{"prop-types":"^15.6.1"},"devDependencies":{"@testing-library/react":"^11.2.5","@testing-library/user-event":"^13.0.1","@types/enzyme":"^3.1.14","@types/enzyme-adapter-react-16":"^1.0.2","@types/jest":"^22.1.2","@types/react":"^16.9.2","@types/react-dom":"^16.0.9","del":"^3.0.0","devextreme":"~21.2.8","devextreme-react-generator":"^1.3.0","enzyme":"^3.7.0","enzyme-adapter-react-16":"^1.6.0","gulp":"^4.0.0","gulp-header":"^2.0.5","gulp-shell":"^0.6.5","gulp-typescript":"^5.0.0","jest":"^24.8.0","react":"^16.5.2","react-dom":"^16.5.2","ts-jest":"^24.0.2","typescript":"^3.9.7"},"resolutions":{"@types/react":"^16.9.2"}}