devextreme-react 21.2.6 → 21.2.8

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

package/check-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/circular-gauge.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,14 +15,14 @@
 import dxCircularGauge, { Properties } from "devextreme/viz/circular_gauge";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ICircularGaugeOptions extends Properties, IHtmlOptions {
+declare type ICircularGaugeOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultLoadingIndicator?: any;
     defaultSubvalues?: any;
     defaultValue?: any;
     onLoadingIndicatorChange?: (value: any) => void;
     onSubvaluesChange?: (value: any) => void;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class CircularGauge extends BaseComponent<ICircularGaugeOptions> {
     get instance(): dxCircularGauge;
     protected _WidgetClass: typeof dxCircularGauge;
@@ -84,25 +84,25 @@ declare class CircularGauge extends BaseComponent<ICircularGaugeOptions> {
         };
     };
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     duration?: any;
     easing?: any;
     enabled?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
 }
-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 IExportProps {
+declare type IExportProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     fileName?: any;
@@ -111,38 +111,38 @@ 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 IGeometryProps {
+declare type IGeometryProps = React.PropsWithChildren<{
     endAngle?: any;
     startAngle?: any;
-}
+}>;
 declare class Geometry extends NestedOption<IGeometryProps> {
     static OptionName: string;
 }
-interface ILabelProps {
+declare type ILabelProps = React.PropsWithChildren<{
     customizeText?: any;
     font?: any;
     format?: any;
@@ -151,7 +151,7 @@ interface ILabelProps {
     overlappingBehavior?: any;
     useRangeColors?: any;
     visible?: any;
-}
+}>;
 declare class Label extends NestedOption<ILabelProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -165,7 +165,7 @@ declare class Label extends NestedOption<ILabelProps> {
         };
     };
 }
-interface ILoadingIndicatorProps {
+declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     font?: any;
@@ -173,7 +173,7 @@ interface ILoadingIndicatorProps {
     text?: any;
     defaultShow?: any;
     onShowChange?: (value: any) => void;
-}
+}>;
 declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -186,35 +186,35 @@ 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 IMinorTickProps {
+declare type IMinorTickProps = React.PropsWithChildren<{
     color?: any;
     length?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class MinorTick extends NestedOption<IMinorTickProps> {
     static OptionName: string;
 }
-interface IRangeProps {
+declare type IRangeProps = React.PropsWithChildren<{
     color?: any;
     endValue?: any;
     startValue?: any;
-}
+}>;
 declare class Range extends NestedOption<IRangeProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IRangeContainerProps {
+declare type IRangeContainerProps = React.PropsWithChildren<{
     backgroundColor?: any;
     offset?: any;
     orientation?: any;
@@ -226,7 +226,7 @@ interface IRangeContainerProps {
         startValue?: any;
     }[];
     width?: any;
-}
+}>;
 declare class RangeContainer extends NestedOption<IRangeContainerProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -236,7 +236,7 @@ declare class RangeContainer extends NestedOption<IRangeContainerProps> {
         };
     };
 }
-interface IScaleProps {
+declare type IScaleProps = React.PropsWithChildren<{
     allowDecimals?: any;
     customMinorTicks?: any;
     customTicks?: any;
@@ -270,7 +270,7 @@ interface IScaleProps {
         width?: any;
     };
     tickInterval?: any;
-}
+}>;
 declare class Scale extends NestedOption<IScaleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -288,30 +288,30 @@ declare class Scale extends NestedOption<IScaleProps> {
         };
     };
 }
-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: {
@@ -321,7 +321,7 @@ declare class Subtitle extends NestedOption<ISubtitleProps> {
         };
     };
 }
-interface ISubvalueIndicatorProps {
+declare type ISubvalueIndicatorProps = React.PropsWithChildren<{
     arrowLength?: any;
     backgroundColor?: any;
     baseValue?: any;
@@ -346,7 +346,7 @@ interface ISubvalueIndicatorProps {
     type?: any;
     verticalOrientation?: any;
     width?: any;
-}
+}>;
 declare class SubvalueIndicator extends NestedOption<ISubvalueIndicatorProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -356,12 +356,12 @@ declare class SubvalueIndicator extends NestedOption<ISubvalueIndicatorProps> {
         };
     };
 }
-interface ITextProps {
+declare type ITextProps = React.PropsWithChildren<{
     customizeText?: any;
     font?: any;
     format?: any;
     indent?: any;
-}
+}>;
 declare class Text extends NestedOption<ITextProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -375,17 +375,17 @@ declare class Text extends NestedOption<ITextProps> {
         };
     };
 }
-interface ITickProps {
+declare type ITickProps = React.PropsWithChildren<{
     color?: any;
     length?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Tick extends NestedOption<ITickProps> {
     static OptionName: string;
 }
-interface ITitleProps {
+declare type ITitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: number | object | {
@@ -406,7 +406,7 @@ interface ITitleProps {
     textOverflow?: any;
     verticalAlignment?: any;
     wordWrap?: any;
-}
+}>;
 declare class Title extends NestedOption<ITitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -424,7 +424,7 @@ declare class Title extends NestedOption<ITitleProps> {
         };
     };
 }
-interface ITooltipProps {
+declare type ITooltipProps = React.PropsWithChildren<{
     arrowLength?: any;
     border?: object | {
         color?: any;
@@ -456,7 +456,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: {
@@ -484,7 +484,7 @@ declare class Tooltip extends NestedOption<ITooltipProps> {
         keyFn: string;
     }[];
 }
-interface IValueIndicatorProps {
+declare type IValueIndicatorProps = React.PropsWithChildren<{
     arrowLength?: any;
     backgroundColor?: any;
     baseValue?: any;
@@ -509,7 +509,7 @@ interface IValueIndicatorProps {
     type?: any;
     verticalOrientation?: any;
     width?: any;
-}
+}>;
 declare class ValueIndicator extends NestedOption<IValueIndicatorProps> {
     static OptionName: string;
 }

package/circular-gauge.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/color-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,7 +15,7 @@
 import dxColorBox, { Properties } from "devextreme/ui/color_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IColorBoxOptions extends Properties, IHtmlOptions {
+declare type IColorBoxOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
@@ -26,7 +26,7 @@ interface IColorBoxOptions extends Properties, IHtmlOptions {
     defaultValue?: any;
     onOpenedChange?: (value: any) => void;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class ColorBox extends BaseComponent<IColorBoxOptions> {
     get instance(): dxColorBox;
     protected _WidgetClass: typeof dxColorBox;
@@ -53,10 +53,10 @@ declare class ColorBox extends BaseComponent<IColorBoxOptions> {
         keyFn: string;
     }[];
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -70,25 +70,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;
@@ -99,14 +99,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 | {
@@ -187,7 +187,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: {
@@ -217,13 +217,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: {
@@ -233,7 +233,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IHideProps {
+declare type IHideProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -244,7 +244,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -258,21 +258,21 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-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;
@@ -303,7 +303,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: {
@@ -313,7 +313,7 @@ declare class Options extends NestedOption<IOptionsProps> {
         keyFn: string;
     }[];
 }
-interface IPositionProps {
+declare type IPositionProps = React.PropsWithChildren<{
     at?: object | string | {
         x?: any;
         y?: any;
@@ -336,11 +336,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;
@@ -351,21 +351,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;
@@ -378,7 +378,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/color-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
  *