devextreme-react 21.2.6 → 21.2.8

package/range-selector.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/range-slider.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,13 +11,14 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+/// <reference types="react" />
 import dxRangeSlider, { Properties } from "devextreme/ui/range_slider";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IRangeSliderOptions extends Properties, IHtmlOptions {
+declare type IRangeSliderOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class RangeSlider extends BaseComponent<IRangeSliderOptions> {
     get instance(): dxRangeSlider;
     protected _WidgetClass: typeof dxRangeSlider;
@@ -37,21 +38,21 @@ declare class RangeSlider extends BaseComponent<IRangeSliderOptions> {
         };
     };
 }
-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 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 +62,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/range-slider.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/recurrence-editor.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 dxRecurrenceEditor, { Properties } from "devextreme/ui/recurrence_editor";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface IRecurrenceEditorOptions extends Properties, IHtmlOptions {
+declare type IRecurrenceEditorOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultValue?: any;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class RecurrenceEditor extends BaseComponent<IRecurrenceEditorOptions> {
     get instance(): dxRecurrenceEditor;
     protected _WidgetClass: typeof dxRecurrenceEditor;

package/recurrence-editor.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/resizable.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,14 +11,15 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+/// <reference types="react" />
 import dxResizable, { Properties } from "devextreme/ui/resizable";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface IResizableOptions extends Properties, IHtmlOptions {
+declare type IResizableOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultHeight?: any;
     defaultWidth?: any;
     onHeightChange?: (value: any) => void;
     onWidthChange?: (value: any) => void;
-}
+}>;
 declare class Resizable extends BaseComponent<IResizableOptions> {
     get instance(): dxResizable;
     protected _WidgetClass: typeof dxResizable;

package/resizable.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/responsive-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
  *
@@ -16,14 +16,14 @@ export { ExplicitTypes } from "devextreme/ui/responsive_box";
 import dxResponsiveBox, { Properties } from "devextreme/ui/responsive_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IResponsiveBoxOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type IResponsiveBoxOptions<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 ResponsiveBox<TItem = any, TKey = any> extends BaseComponent<IResponsiveBoxOptions<TItem, TKey>> {
     get instance(): dxResponsiveBox<TItem, TKey>;
     protected _WidgetClass: typeof dxResponsiveBox;
@@ -53,17 +53,17 @@ declare class ResponsiveBox<TItem = any, TKey = any> extends BaseComponent<IResp
         keyFn: string;
     }[];
 }
-interface IColProps {
+declare type IColProps = React.PropsWithChildren<{
     baseSize?: any;
     ratio?: any;
     screen?: any;
     shrink?: any;
-}
+}>;
 declare class Col extends NestedOption<IColProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     location?: object | {
@@ -79,7 +79,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;
@@ -96,23 +96,23 @@ declare class Item extends NestedOption<IItemProps> {
         keyFn: string;
     }[];
 }
-interface ILocationProps {
+declare type ILocationProps = React.PropsWithChildren<{
     col?: any;
     colspan?: any;
     row?: any;
     rowspan?: any;
     screen?: any;
-}
+}>;
 declare class Location extends NestedOption<ILocationProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IRowProps {
+declare type IRowProps = React.PropsWithChildren<{
     baseSize?: any;
     ratio?: any;
     screen?: any;
     shrink?: any;
-}
+}>;
 declare class Row extends NestedOption<IRowProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;

package/responsive-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/sankey.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 dxSankey, { Properties } from "devextreme/viz/sankey";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ISankeyOptions extends Properties, IHtmlOptions {
+declare type ISankeyOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultLoadingIndicator?: any;
     onLoadingIndicatorChange?: (value: any) => void;
-}
+}>;
 declare class Sankey extends BaseComponent<ISankeyOptions> {
     get instance(): dxSankey;
     protected _WidgetClass: typeof dxSankey;
@@ -70,25 +70,25 @@ declare class Sankey extends BaseComponent<ISankeyOptions> {
         };
     };
 }
-interface IAdaptiveLayoutProps {
+declare type IAdaptiveLayoutProps = React.PropsWithChildren<{
     height?: any;
     keepLabels?: any;
     width?: any;
-}
+}>;
 declare class AdaptiveLayout extends NestedOption<IAdaptiveLayoutProps> {
     static OptionName: string;
 }
-interface IBorderProps {
+declare type IBorderProps = React.PropsWithChildren<{
     color?: any;
     visible?: any;
     width?: any;
     dashStyle?: any;
     opacity?: any;
-}
+}>;
 declare class Border extends NestedOption<IBorderProps> {
     static OptionName: string;
 }
-interface IExportProps {
+declare type IExportProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     fileName?: any;
@@ -97,40 +97,40 @@ interface IExportProps {
     printingEnabled?: any;
     proxyUrl?: any;
     svgToCanvas?: any;
-}
+}>;
 declare class Export extends NestedOption<IExportProps> {
     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;
-}
+}>;
 declare class Format extends NestedOption<IFormatProps> {
     static OptionName: string;
 }
-interface IHatchingProps {
+declare type IHatchingProps = React.PropsWithChildren<{
     direction?: any;
     opacity?: any;
     step?: any;
     width?: any;
-}
+}>;
 declare class Hatching extends NestedOption<IHatchingProps> {
     static OptionName: string;
 }
-interface IHoverStyleProps {
+declare type IHoverStyleProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         visible?: any;
@@ -144,11 +144,11 @@ interface IHoverStyleProps {
         width?: any;
     };
     opacity?: any;
-}
+}>;
 declare class HoverStyle extends NestedOption<IHoverStyleProps> {
     static OptionName: string;
 }
-interface ILabelProps {
+declare type ILabelProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         visible?: any;
@@ -168,7 +168,7 @@ interface ILabelProps {
     useNodeColors?: any;
     verticalOffset?: any;
     visible?: any;
-}
+}>;
 declare class Label extends NestedOption<ILabelProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -190,7 +190,7 @@ declare class Label extends NestedOption<ILabelProps> {
         };
     };
 }
-interface ILinkProps {
+declare type ILinkProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         visible?: any;
@@ -214,7 +214,7 @@ interface ILinkProps {
         opacity?: any;
     };
     opacity?: any;
-}
+}>;
 declare class Link extends NestedOption<ILinkProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -232,7 +232,7 @@ declare class Link extends NestedOption<ILinkProps> {
         };
     };
 }
-interface ILoadingIndicatorProps {
+declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     font?: any;
@@ -240,7 +240,7 @@ interface ILoadingIndicatorProps {
     text?: any;
     defaultShow?: any;
     onShowChange?: (value: any) => void;
-}
+}>;
 declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -253,16 +253,16 @@ declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
         };
     };
 }
-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 INodeProps {
+declare type INodeProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         visible?: any;
@@ -287,7 +287,7 @@ interface INodeProps {
     opacity?: any;
     padding?: any;
     width?: any;
-}
+}>;
 declare class Node extends NestedOption<INodeProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -305,38 +305,38 @@ declare class Node extends NestedOption<INodeProps> {
         };
     };
 }
-interface ISankeyborderProps {
+declare type ISankeyborderProps = React.PropsWithChildren<{
     color?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Sankeyborder extends NestedOption<ISankeyborderProps> {
     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 ISubtitleProps {
+declare type ISubtitleProps = React.PropsWithChildren<{
     font?: any;
     offset?: any;
     text?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class Subtitle extends NestedOption<ISubtitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -346,7 +346,7 @@ declare class Subtitle extends NestedOption<ISubtitleProps> {
         };
     };
 }
-interface ITitleProps {
+declare type ITitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: number | object | {
@@ -367,7 +367,7 @@ interface ITitleProps {
     textOverflow?: any;
     verticalAlignment?: any;
     wordWrap?: any;
-}
+}>;
 declare class Title extends NestedOption<ITitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -385,7 +385,7 @@ declare class Title extends NestedOption<ITitleProps> {
         };
     };
 }
-interface ITooltipProps {
+declare type ITooltipProps = React.PropsWithChildren<{
     arrowLength?: any;
     border?: object | {
         color?: any;
@@ -421,7 +421,7 @@ interface ITooltipProps {
     nodeTooltipRender?: (...params: any) => React.ReactNode;
     nodeTooltipComponent?: React.ComponentType<any>;
     nodeTooltipKeyFn?: (data: any) => string;
-}
+}>;
 declare class Tooltip extends NestedOption<ITooltipProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -453,13 +453,13 @@ declare class Tooltip extends NestedOption<ITooltipProps> {
         keyFn: string;
     }[];
 }
-interface ITooltipBorderProps {
+declare type ITooltipBorderProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class TooltipBorder extends NestedOption<ITooltipBorderProps> {
     static OptionName: string;
 }

package/sankey.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/scheduler.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 dxScheduler, { Properties } from "devextreme/ui/scheduler";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ISchedulerOptions extends Properties, IHtmlOptions {
+declare type ISchedulerOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     appointmentCollectorRender?: (...params: any) => React.ReactNode;
     appointmentCollectorComponent?: React.ComponentType<any>;
     appointmentCollectorKeyFn?: (data: any) => string;
@@ -44,7 +44,7 @@ interface ISchedulerOptions extends Properties, IHtmlOptions {
     defaultCurrentView?: any;
     onCurrentDateChange?: (value: any) => void;
     onCurrentViewChange?: (value: any) => void;
-}
+}>;
 declare class Scheduler extends BaseComponent<ISchedulerOptions> {
     get instance(): dxScheduler;
     protected _WidgetClass: typeof dxScheduler;
@@ -83,7 +83,7 @@ declare class Scheduler extends BaseComponent<ISchedulerOptions> {
         keyFn: string;
     }[];
 }
-interface IAppointmentDraggingProps {
+declare type IAppointmentDraggingProps = React.PropsWithChildren<{
     autoScroll?: any;
     data?: any;
     group?: any;
@@ -94,22 +94,22 @@ interface IAppointmentDraggingProps {
     onRemove?: any;
     scrollSensitivity?: any;
     scrollSpeed?: any;
-}
+}>;
 declare class AppointmentDragging extends NestedOption<IAppointmentDraggingProps> {
     static OptionName: string;
 }
-interface IEditingProps {
+declare type IEditingProps = React.PropsWithChildren<{
     allowAdding?: any;
     allowDeleting?: any;
     allowDragging?: any;
     allowResizing?: any;
     allowTimeZoneEditing?: any;
     allowUpdating?: any;
-}
+}>;
 declare class Editing extends NestedOption<IEditingProps> {
     static OptionName: string;
 }
-interface IResourceProps {
+declare type IResourceProps = React.PropsWithChildren<{
     allowMultiple?: any;
     colorExpr?: any;
     dataSource?: any;
@@ -118,18 +118,18 @@ interface IResourceProps {
     label?: any;
     useColorAsDefault?: any;
     valueExpr?: any;
-}
+}>;
 declare class Resource extends NestedOption<IResourceProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IScrollingProps {
+declare type IScrollingProps = React.PropsWithChildren<{
     mode?: any;
-}
+}>;
 declare class Scrolling extends NestedOption<IScrollingProps> {
     static OptionName: string;
 }
-interface IViewProps {
+declare type IViewProps = React.PropsWithChildren<{
     agendaDuration?: any;
     appointmentCollectorTemplate?: any;
     appointmentTemplate?: any;
@@ -176,7 +176,7 @@ interface IViewProps {
     timeCellRender?: (...params: any) => React.ReactNode;
     timeCellComponent?: React.ComponentType<any>;
     timeCellKeyFn?: (data: any) => string;
-}
+}>;
 declare class View extends NestedOption<IViewProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;

package/scheduler.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/scroll-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
  *
@@ -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;