devextreme-react 21.2.6 → 21.2.8

package/pie-chart.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,13 +15,13 @@
 import dxPieChart, { Properties } from "devextreme/viz/pie_chart";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IPieChartOptions extends Properties, IHtmlOptions {
+declare type IPieChartOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     centerRender?: (...params: any) => React.ReactNode;
     centerComponent?: React.ComponentType<any>;
     centerKeyFn?: (data: any) => string;
     defaultLoadingIndicator?: any;
     onLoadingIndicatorChange?: (value: any) => void;
-}
+}>;
 declare class PieChart extends BaseComponent<IPieChartOptions> {
     get instance(): dxPieChart;
     protected _WidgetClass: typeof dxPieChart;
@@ -99,24 +99,24 @@ declare class PieChart extends BaseComponent<IPieChartOptions> {
         keyFn: string;
     }[];
 }
-interface IAdaptiveLayoutProps {
+declare type IAdaptiveLayoutProps = React.PropsWithChildren<{
     height?: any;
     keepLabels?: any;
     width?: any;
-}
+}>;
 declare class AdaptiveLayout extends NestedOption<IAdaptiveLayoutProps> {
     static OptionName: string;
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     duration?: any;
     easing?: any;
     enabled?: any;
     maxPointCountSupported?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
 }
-interface IAnnotationProps {
+declare type IAnnotationProps = React.PropsWithChildren<{
     allowDragging?: any;
     argument?: any;
     arrowLength?: any;
@@ -171,7 +171,7 @@ interface IAnnotationProps {
     tooltipRender?: (...params: any) => React.ReactNode;
     tooltipComponent?: React.ComponentType<any>;
     tooltipKeyFn?: (data: any) => string;
-}
+}>;
 declare class Annotation extends NestedOption<IAnnotationProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -204,39 +204,39 @@ declare class Annotation extends NestedOption<IAnnotationProps> {
         keyFn: string;
     }[];
 }
-interface IAnnotationBorderProps {
+declare type IAnnotationBorderProps = React.PropsWithChildren<{
     color?: any;
     cornerRadius?: any;
     dashStyle?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class AnnotationBorder extends NestedOption<IAnnotationBorderProps> {
     static OptionName: string;
 }
-interface IArgumentFormatProps {
+declare type IArgumentFormatProps = React.PropsWithChildren<{
     currency?: any;
     formatter?: any;
     parser?: any;
     precision?: any;
     type?: any;
-}
+}>;
 declare class ArgumentFormat extends NestedOption<IArgumentFormatProps> {
     static OptionName: string;
 }
-interface IBorderProps {
+declare type IBorderProps = React.PropsWithChildren<{
     color?: any;
     cornerRadius?: any;
     dashStyle?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Border extends NestedOption<IBorderProps> {
     static OptionName: string;
 }
-interface ICommonAnnotationSettingsProps {
+declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     allowDragging?: any;
     argument?: any;
     arrowLength?: any;
@@ -290,7 +290,7 @@ interface ICommonAnnotationSettingsProps {
     tooltipRender?: (...params: any) => React.ReactNode;
     tooltipComponent?: React.ComponentType<any>;
     tooltipKeyFn?: (data: any) => string;
-}
+}>;
 declare class CommonAnnotationSettings extends NestedOption<ICommonAnnotationSettingsProps> {
     static OptionName: string;
     static TemplateProps: {
@@ -300,7 +300,7 @@ declare class CommonAnnotationSettings extends NestedOption<ICommonAnnotationSet
         keyFn: string;
     }[];
 }
-interface ICommonSeriesSettingsProps {
+declare type ICommonSeriesSettingsProps = React.PropsWithChildren<{
     argumentField?: any;
     argumentType?: any;
     border?: object | {
@@ -376,7 +376,7 @@ interface ICommonSeriesSettingsProps {
     };
     tagField?: any;
     valueField?: any;
-}
+}>;
 declare class CommonSeriesSettings extends NestedOption<ICommonSeriesSettingsProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -406,15 +406,15 @@ declare class CommonSeriesSettings extends NestedOption<ICommonSeriesSettingsPro
         };
     };
 }
-interface IConnectorProps {
+declare type IConnectorProps = React.PropsWithChildren<{
     color?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Connector extends NestedOption<IConnectorProps> {
     static OptionName: string;
 }
-interface IExportProps {
+declare type IExportProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     fileName?: any;
@@ -423,40 +423,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;
         dashStyle?: any;
@@ -470,7 +470,7 @@ interface IHoverStyleProps {
         step?: any;
         width?: any;
     };
-}
+}>;
 declare class HoverStyle extends NestedOption<IHoverStyleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -488,15 +488,15 @@ declare class HoverStyle extends NestedOption<IHoverStyleProps> {
         };
     };
 }
-interface IImageProps {
+declare type IImageProps = React.PropsWithChildren<{
     height?: any;
     url?: any;
     width?: any;
-}
+}>;
 declare class Image extends NestedOption<IImageProps> {
     static OptionName: string;
 }
-interface ILabelProps {
+declare type ILabelProps = React.PropsWithChildren<{
     argumentFormat?: any;
     backgroundColor?: any;
     border?: object | {
@@ -519,7 +519,7 @@ interface ILabelProps {
     textOverflow?: any;
     visible?: any;
     wordWrap?: any;
-}
+}>;
 declare class Label extends NestedOption<ILabelProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -549,7 +549,7 @@ declare class Label extends NestedOption<ILabelProps> {
         };
     };
 }
-interface ILegendProps {
+declare type ILegendProps = React.PropsWithChildren<{
     backgroundColor?: any;
     border?: object | {
         color?: any;
@@ -605,7 +605,7 @@ interface ILegendProps {
     markerRender?: (...params: any) => React.ReactNode;
     markerComponent?: React.ComponentType<any>;
     markerKeyFn?: (data: any) => string;
-}
+}>;
 declare class Legend extends NestedOption<ILegendProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -641,7 +641,7 @@ declare class Legend extends NestedOption<ILegendProps> {
         keyFn: string;
     }[];
 }
-interface ILegendTitleProps {
+declare type ILegendTitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: object | {
@@ -658,7 +658,7 @@ interface ILegendTitleProps {
     };
     text?: any;
     verticalAlignment?: any;
-}
+}>;
 declare class LegendTitle extends NestedOption<ILegendTitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -680,11 +680,11 @@ declare class LegendTitle extends NestedOption<ILegendTitleProps> {
         };
     };
 }
-interface ILegendTitleSubtitleProps {
+declare type ILegendTitleSubtitleProps = React.PropsWithChildren<{
     font?: any;
     offset?: any;
     text?: any;
-}
+}>;
 declare class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -694,7 +694,7 @@ declare class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps
         };
     };
 }
-interface ILoadingIndicatorProps {
+declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     font?: any;
@@ -702,7 +702,7 @@ interface ILoadingIndicatorProps {
     text?: any;
     defaultShow?: any;
     onShowChange?: (value: any) => void;
-}
+}>;
 declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -715,16 +715,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 IPieChartTitleProps {
+declare type IPieChartTitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: number | object | {
@@ -745,7 +745,7 @@ interface IPieChartTitleProps {
     textOverflow?: any;
     verticalAlignment?: any;
     wordWrap?: any;
-}
+}>;
 declare class PieChartTitle extends NestedOption<IPieChartTitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -767,13 +767,13 @@ declare class PieChartTitle extends NestedOption<IPieChartTitleProps> {
         };
     };
 }
-interface IPieChartTitleSubtitleProps {
+declare type IPieChartTitleSubtitleProps = React.PropsWithChildren<{
     font?: any;
     offset?: any;
     text?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class PieChartTitleSubtitle extends NestedOption<IPieChartTitleSubtitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -783,7 +783,7 @@ declare class PieChartTitleSubtitle extends NestedOption<IPieChartTitleSubtitleP
         };
     };
 }
-interface ISelectionStyleProps {
+declare type ISelectionStyleProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         dashStyle?: any;
@@ -797,7 +797,7 @@ interface ISelectionStyleProps {
         step?: any;
         width?: any;
     };
-}
+}>;
 declare class SelectionStyle extends NestedOption<ISelectionStyleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -815,7 +815,7 @@ declare class SelectionStyle extends NestedOption<ISelectionStyleProps> {
         };
     };
 }
-interface ISeriesProps {
+declare type ISeriesProps = React.PropsWithChildren<{
     argumentField?: any;
     argumentType?: any;
     border?: object | {
@@ -893,64 +893,64 @@ interface ISeriesProps {
     tag?: any;
     tagField?: any;
     valueField?: any;
-}
+}>;
 declare class Series extends NestedOption<ISeriesProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface ISeriesBorderProps {
+declare type ISeriesBorderProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class SeriesBorder extends NestedOption<ISeriesBorderProps> {
     static OptionName: string;
 }
-interface ISeriesTemplateProps {
+declare type ISeriesTemplateProps = React.PropsWithChildren<{
     customizeSeries?: any;
     nameField?: any;
-}
+}>;
 declare class SeriesTemplate extends NestedOption<ISeriesTemplateProps> {
     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 ISmallValuesGroupingProps {
+declare type ISmallValuesGroupingProps = React.PropsWithChildren<{
     groupName?: any;
     mode?: any;
     threshold?: any;
     topCount?: any;
-}
+}>;
 declare class SmallValuesGrouping extends NestedOption<ISmallValuesGroupingProps> {
     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;
 }
-interface ITitleProps {
+declare type ITitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: object | {
@@ -969,11 +969,11 @@ interface ITitleProps {
     verticalAlignment?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class Title extends NestedOption<ITitleProps> {
     static OptionName: string;
 }
-interface ITooltipProps {
+declare type ITooltipProps = React.PropsWithChildren<{
     argumentFormat?: any;
     arrowLength?: any;
     border?: object | {
@@ -1007,7 +1007,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: {
@@ -1043,13 +1043,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/pie-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/pivot-grid-field-chooser.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,11 +11,11 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+/// <reference types="react" />
 import dxPivotGridFieldChooser, { Properties } from "devextreme/ui/pivot_grid_field_chooser";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IPivotGridFieldChooserOptions extends Properties, IHtmlOptions {
-}
+declare type IPivotGridFieldChooserOptions = React.PropsWithChildren<Properties & IHtmlOptions & {}>;
 declare class PivotGridFieldChooser extends BaseComponent<IPivotGridFieldChooserOptions> {
     get instance(): dxPivotGridFieldChooser;
     protected _WidgetClass: typeof dxPivotGridFieldChooser;
@@ -35,7 +35,7 @@ declare class PivotGridFieldChooser extends BaseComponent<IPivotGridFieldChooser
         };
     };
 }
-interface IHeaderFilterProps {
+declare type IHeaderFilterProps = React.PropsWithChildren<{
     allowSearch?: any;
     height?: any;
     searchTimeout?: any;
@@ -46,7 +46,7 @@ interface IHeaderFilterProps {
         ok?: any;
     };
     width?: any;
-}
+}>;
 declare class HeaderFilter extends NestedOption<IHeaderFilterProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -60,25 +60,25 @@ declare class HeaderFilter extends NestedOption<IHeaderFilterProps> {
         };
     };
 }
-interface IHeaderFilterTextsProps {
+declare type IHeaderFilterTextsProps = React.PropsWithChildren<{
     cancel?: any;
     emptyValue?: any;
     ok?: any;
-}
+}>;
 declare class HeaderFilterTexts extends NestedOption<IHeaderFilterTextsProps> {
     static OptionName: string;
 }
-interface IPivotGridFieldChooserTextsProps {
+declare type IPivotGridFieldChooserTextsProps = React.PropsWithChildren<{
     allFields?: any;
     columnFields?: any;
     dataFields?: any;
     filterFields?: any;
     rowFields?: any;
-}
+}>;
 declare class PivotGridFieldChooserTexts extends NestedOption<IPivotGridFieldChooserTextsProps> {
     static OptionName: string;
 }
-interface ITextsProps {
+declare type ITextsProps = React.PropsWithChildren<{
     cancel?: any;
     emptyValue?: any;
     ok?: any;
@@ -87,7 +87,7 @@ interface ITextsProps {
     dataFields?: any;
     filterFields?: any;
     rowFields?: any;
-}
+}>;
 declare class Texts extends NestedOption<ITextsProps> {
     static OptionName: string;
 }

package/pivot-grid-field-chooser.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
  *