devextreme-react 22.1.2-beta → 22.1.3

package/scheduler.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
  *
@@ -39,7 +39,7 @@ var Scheduler = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = scheduler_1.default;
         _this.subscribableOptions = ["currentDate", "currentView"];
-        _this.independentEvents = ["onAppointmentAdded", "onAppointmentAdding", "onAppointmentClick", "onAppointmentContextMenu", "onAppointmentDblClick", "onAppointmentDeleted", "onAppointmentDeleting", "onAppointmentFormOpening", "onAppointmentRendered", "onAppointmentUpdated", "onAppointmentUpdating", "onCellClick", "onCellContextMenu", "onContentReady", "onDisposing", "onInitialized"];
+        _this.independentEvents = ["onAppointmentAdded", "onAppointmentAdding", "onAppointmentClick", "onAppointmentContextMenu", "onAppointmentDblClick", "onAppointmentDeleted", "onAppointmentDeleting", "onAppointmentFormOpening", "onAppointmentRendered", "onAppointmentTooltipShowing", "onAppointmentUpdated", "onAppointmentUpdating", "onCellClick", "onCellContextMenu", "onContentReady", "onDisposing", "onInitialized"];
         _this._defaults = {
             defaultCurrentDate: "currentDate",
             defaultCurrentView: "currentView"
@@ -108,6 +108,11 @@ Scheduler.propTypes = {
     accessKey: PropTypes.string,
     adaptivityEnabled: PropTypes.bool,
     allDayExpr: PropTypes.string,
+    allDayPanelMode: PropTypes.oneOf([
+        "all",
+        "allDay",
+        "hidden"
+    ]),
     appointmentDragging: PropTypes.object,
     cellDuration: PropTypes.number,
     crossScrollingEnabled: PropTypes.bool,
@@ -175,6 +180,7 @@ Scheduler.propTypes = {
     onAppointmentDeleting: PropTypes.func,
     onAppointmentFormOpening: PropTypes.func,
     onAppointmentRendered: PropTypes.func,
+    onAppointmentTooltipShowing: PropTypes.func,
     onAppointmentUpdated: PropTypes.func,
     onAppointmentUpdating: PropTypes.func,
     onCellClick: PropTypes.func,

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

package/scroll-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
  *

package/select-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 dxSelectBox, { Properties } from "devextreme/ui/select_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ISelectBoxOptions extends Properties, IHtmlOptions {
+declare type ISelectBoxOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
@@ -32,7 +32,7 @@ interface ISelectBoxOptions extends Properties, IHtmlOptions {
     defaultValue?: any;
     onOpenedChange?: (value: any) => void;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class SelectBox extends BaseComponent<ISelectBoxOptions> {
     get instance(): dxSelectBox;
     protected _WidgetClass: typeof dxSelectBox;
@@ -63,10 +63,10 @@ declare class SelectBox extends BaseComponent<ISelectBoxOptions> {
         keyFn: string;
     }[];
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -80,25 +80,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;
@@ -109,14 +109,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 | {
@@ -198,7 +198,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: {
@@ -228,13 +228,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: {
@@ -244,7 +244,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IHideProps {
+declare type IHideProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -255,7 +255,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -269,7 +269,7 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     template?: any;
@@ -278,7 +278,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;
@@ -289,21 +289,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;
@@ -334,7 +334,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: {
@@ -344,7 +344,7 @@ declare class Options extends NestedOption<IOptionsProps> {
         keyFn: string;
     }[];
 }
-interface IPositionProps {
+declare type IPositionProps = React.PropsWithChildren<{
     at?: object | string | {
         x?: any;
         y?: any;
@@ -367,11 +367,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;
@@ -382,21 +382,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;
@@ -409,7 +409,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/select-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/slide-out-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
  *
@@ -14,14 +14,14 @@
 /// <reference types="react" />
 import dxSlideOutView, { Properties } from "devextreme/ui/slide_out_view";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface ISlideOutViewOptions extends Properties, IHtmlOptions {
+declare type ISlideOutViewOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     contentKeyFn?: (data: any) => string;
     menuRender?: (...params: any) => React.ReactNode;
     menuComponent?: React.ComponentType<any>;
     menuKeyFn?: (data: any) => string;
-}
+}>;
 declare class SlideOutView extends BaseComponent<ISlideOutViewOptions> {
     get instance(): dxSlideOutView;
     protected _WidgetClass: typeof dxSlideOutView;

package/slide-out-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
  *

package/slide-out.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/slide_out";
 import dxSlideOut, { Properties } from "devextreme/ui/slide_out";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ISlideOutOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type ISlideOutOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
@@ -36,7 +36,7 @@ interface ISlideOutOptions<TItem = any, TKey = any> extends Properties<TItem, TK
     onItemsChange?: (value: any) => void;
     onSelectedIndexChange?: (value: any) => void;
     onSelectedItemChange?: (value: any) => void;
-}
+}>;
 declare class SlideOut<TItem = any, TKey = any> extends BaseComponent<ISlideOutOptions<TItem, TKey>> {
     get instance(): dxSlideOut<TItem, TKey>;
     protected _WidgetClass: typeof dxSlideOut;
@@ -60,7 +60,7 @@ declare class SlideOut<TItem = any, TKey = any> extends BaseComponent<ISlideOutO
         keyFn: string;
     }[];
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     menuTemplate?: any;
@@ -73,7 +73,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/slide-out.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/slider.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,13 +11,14 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+/// <reference types="react" />
 import dxSlider, { Properties } from "devextreme/ui/slider";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ISliderOptions extends Properties, IHtmlOptions {
+declare type ISliderOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class Slider extends BaseComponent<ISliderOptions> {
     get instance(): dxSlider;
     protected _WidgetClass: typeof dxSlider;
@@ -37,21 +38,22 @@ declare class Slider extends BaseComponent<ISliderOptions> {
         };
     };
 }
-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 ILabelProps {
+declare type ILabelProps = React.PropsWithChildren<{
     format?: any;
     position?: any;
     visible?: any;
-}
+}>;
 declare class Label extends NestedOption<ILabelProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -61,12 +63,12 @@ declare class Label extends NestedOption<ILabelProps> {
         };
     };
 }
-interface ITooltipProps {
+declare type ITooltipProps = React.PropsWithChildren<{
     enabled?: any;
     format?: any;
     position?: any;
     showMode?: any;
-}
+}>;
 declare class Tooltip extends NestedOption<ITooltipProps> {
     static OptionName: string;
     static ExpectedChildren: {

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

package/sortable.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/sparkline.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,8 +15,7 @@
 import dxSparkline, { Properties } from "devextreme/viz/sparkline";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ISparklineOptions extends Properties, IHtmlOptions {
-}
+declare type ISparklineOptions = React.PropsWithChildren<Properties & IHtmlOptions & {}>;
 declare class Sparkline extends BaseComponent<ISparklineOptions> {
     get instance(): dxSparkline;
     protected _WidgetClass: typeof dxSparkline;
@@ -36,63 +35,64 @@ declare class Sparkline extends BaseComponent<ISparklineOptions> {
         };
     };
 }
-interface IBorderProps {
+declare type IBorderProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Border extends NestedOption<IBorderProps> {
     static OptionName: string;
 }
-interface IFontProps {
+declare type IFontProps = React.PropsWithChildren<{
     color?: any;
     family?: any;
     opacity?: any;
     size?: any;
     weight?: any;
-}
+}>;
 declare class Font extends NestedOption<IFontProps> {
     static OptionName: string;
 }
-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 IMarginProps {
+declare type IMarginProps = React.PropsWithChildren<{
     bottom?: any;
     left?: any;
     right?: any;
     top?: any;
-}
+}>;
 declare class Margin extends NestedOption<IMarginProps> {
     static OptionName: string;
 }
-interface IShadowProps {
+declare type IShadowProps = React.PropsWithChildren<{
     blur?: any;
     color?: any;
     offsetX?: any;
     offsetY?: any;
     opacity?: any;
-}
+}>;
 declare class Shadow extends NestedOption<IShadowProps> {
     static OptionName: string;
 }
-interface ISizeProps {
+declare type ISizeProps = React.PropsWithChildren<{
     height?: any;
     width?: any;
-}
+}>;
 declare class Size extends NestedOption<ISizeProps> {
     static OptionName: string;
 }
-interface ITooltipProps {
+declare type ITooltipProps = React.PropsWithChildren<{
     arrowLength?: any;
     border?: object | {
         color?: any;
@@ -124,7 +124,7 @@ interface ITooltipProps {
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     contentKeyFn?: (data: any) => string;
-}
+}>;
 declare class Tooltip extends NestedOption<ITooltipProps> {
     static OptionName: string;
     static ExpectedChildren: {

package/sparkline.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
  *
@@ -95,7 +95,9 @@ Sparkline.propTypes = {
         "cross",
         "polygon",
         "square",
-        "triangle"
+        "triangle",
+        "triangleDown",
+        "triangleUp"
     ]),
     rtlEnabled: PropTypes.bool,
     showFirstLast: PropTypes.bool,