devextreme-react 22.1.2-beta → 22.1.3

package/speed-dial-action.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
  *
@@ -11,10 +11,10 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+/// <reference types="react" />
 import dxSpeedDialAction, { Properties } from "devextreme/ui/speed_dial_action";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface ISpeedDialActionOptions extends Properties, IHtmlOptions {
-}
+declare type ISpeedDialActionOptions = React.PropsWithChildren<Properties & IHtmlOptions & {}>;
 declare class SpeedDialAction extends BaseComponent<ISpeedDialActionOptions> {
     get instance(): dxSpeedDialAction;
     protected _WidgetClass: typeof dxSpeedDialAction;

package/speed-dial-action.js

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

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

package/switch.js

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

package/tab-panel.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/tab_panel";
 import dxTabPanel, { Properties } from "devextreme/ui/tab_panel";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ITabPanelOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type ITabPanelOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
@@ -30,7 +30,7 @@ interface ITabPanelOptions<TItem = any, TKey = any> extends Properties<TItem, TK
     onItemsChange?: (value: any) => void;
     onSelectedIndexChange?: (value: any) => void;
     onSelectedItemChange?: (value: any) => void;
-}
+}>;
 declare class TabPanel<TItem = any, TKey = any> extends BaseComponent<ITabPanelOptions<TItem, TKey>> {
     get instance(): dxTabPanel<TItem, TKey>;
     protected _WidgetClass: typeof dxTabPanel;
@@ -54,7 +54,7 @@ declare class TabPanel<TItem = any, TKey = any> extends BaseComponent<ITabPanelO
         keyFn: string;
     }[];
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     badge?: any;
     disabled?: any;
     html?: any;
@@ -70,7 +70,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/tab-panel.js

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

package/tabs.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/tabs";
 import dxTabs, { Properties } from "devextreme/ui/tabs";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ITabsOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type ITabsOptions<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 ITabsOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>,
     onSelectedItemChange?: (value: any) => void;
     onSelectedItemKeysChange?: (value: any) => void;
     onSelectedItemsChange?: (value: any) => void;
-}
+}>;
 declare class Tabs<TItem = any, TKey = any> extends BaseComponent<ITabsOptions<TItem, TKey>> {
     get instance(): dxTabs<TItem, TKey>;
     protected _WidgetClass: typeof dxTabs;
@@ -57,7 +57,7 @@ declare class Tabs<TItem = any, TKey = any> extends BaseComponent<ITabsOptions<T
         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/tabs.js

@@ -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
  *
@@ -109,8 +109,8 @@ Tabs.propTypes = {
     selectedItemKeys: PropTypes.array,
     selectedItems: PropTypes.array,
     selectionMode: PropTypes.oneOf([
-        "multiple",
-        "single"
+        "single",
+        "multiple"
     ]),
     showNavButtons: PropTypes.bool,
     tabIndex: PropTypes.number,

package/tag-box.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
  *
@@ -15,7 +15,7 @@
 import dxTagBox, { Properties } from "devextreme/ui/tag_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ITagBoxOptions extends Properties, IHtmlOptions {
+declare type ITagBoxOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
@@ -35,7 +35,7 @@ interface ITagBoxOptions extends Properties, IHtmlOptions {
     defaultValue?: any;
     onOpenedChange?: (value: any) => void;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class TagBox extends BaseComponent<ITagBoxOptions> {
     get instance(): dxTagBox;
     protected _WidgetClass: typeof dxTagBox;
@@ -66,10 +66,10 @@ declare class TagBox extends BaseComponent<ITagBoxOptions> {
         keyFn: string;
     }[];
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -83,25 +83,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;
@@ -112,14 +112,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 | {
@@ -201,7 +201,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: {
@@ -231,13 +231,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: {
@@ -247,7 +247,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IHideProps {
+declare type IHideProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -258,7 +258,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -272,7 +272,7 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     template?: any;
@@ -281,7 +281,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;
@@ -292,21 +292,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 IOptionsProps {
+declare type IOptionsProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     bindingOptions?: any;
@@ -337,7 +337,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: {
@@ -347,7 +347,7 @@ declare class Options extends NestedOption<IOptionsProps> {
         keyFn: string;
     }[];
 }
-interface IPositionProps {
+declare type IPositionProps = React.PropsWithChildren<{
     at?: object | string | {
         x?: any;
         y?: any;
@@ -370,11 +370,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;
@@ -385,21 +385,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;
@@ -412,7 +412,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/tag-box.js

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

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

package/text-area.js

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

package/text-box.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
  *
@@ -15,10 +15,10 @@
 import dxTextBox, { Properties } from "devextreme/ui/text_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ITextBoxOptions extends Properties, IHtmlOptions {
+declare type ITextBoxOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class TextBox extends BaseComponent<ITextBoxOptions> {
     get instance(): dxTextBox;
     protected _WidgetClass: typeof dxTextBox;
@@ -34,11 +34,11 @@ declare class TextBox extends BaseComponent<ITextBoxOptions> {
         };
     };
 }
-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;
@@ -49,7 +49,7 @@ declare class Button extends NestedOption<IButtonProps> {
         };
     };
 }
-interface IOptionsProps {
+declare type IOptionsProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     bindingOptions?: any;
@@ -80,7 +80,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/text-box.js

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

package/tile-view.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,14 +16,14 @@ export { ExplicitTypes } from "devextreme/ui/tile_view";
 import dxTileView, { Properties } from "devextreme/ui/tile_view";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ITileViewOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type ITileViewOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;
     defaultItems?: any;
     onItemsChange?: (value: any) => void;
-}
+}>;
 declare class TileView<TItem = any, TKey = any> extends BaseComponent<ITileViewOptions<TItem, TKey>> {
     get instance(): dxTileView<TItem, TKey>;
     protected _WidgetClass: typeof dxTileView;
@@ -45,7 +45,7 @@ declare class TileView<TItem = any, TKey = any> extends BaseComponent<ITileViewO
         keyFn: string;
     }[];
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     heightRatio?: any;
     html?: any;
@@ -56,7 +56,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/tile-view.js

@@ -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
  *
@@ -101,7 +101,12 @@ TileView.propTypes = {
     onItemRendered: PropTypes.func,
     onOptionChanged: PropTypes.func,
     rtlEnabled: PropTypes.bool,
-    showScrollbar: PropTypes.bool,
+    showScrollbar: PropTypes.oneOf([
+        "always",
+        "never",
+        "onHover",
+        "onScroll"
+    ]),
     tabIndex: PropTypes.number,
     visible: PropTypes.bool,
     width: PropTypes.oneOfType([