devextreme-react 22.1.2-beta → 22.1.3

package/chart.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,14 +15,14 @@
 import dxChart, { Properties } from "devextreme/viz/chart";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IChartOptions extends Properties, IHtmlOptions {
+declare type IChartOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultArgumentAxis?: any;
     defaultLoadingIndicator?: any;
     defaultValueAxis?: any;
     onArgumentAxisChange?: (value: any) => void;
     onLoadingIndicatorChange?: (value: any) => void;
     onValueAxisChange?: (value: any) => void;
-}
+}>;
 declare class Chart extends BaseComponent<IChartOptions> {
     get instance(): dxChart;
     protected _WidgetClass: typeof dxChart;
@@ -133,23 +133,23 @@ declare class Chart extends BaseComponent<IChartOptions> {
         };
     };
 }
-interface IAdaptiveLayoutProps {
+declare type IAdaptiveLayoutProps = React.PropsWithChildren<{
     height?: any;
     keepLabels?: any;
     width?: any;
-}
+}>;
 declare class AdaptiveLayout extends NestedOption<IAdaptiveLayoutProps> {
     static OptionName: string;
 }
-interface IAggregationProps {
+declare type IAggregationProps = React.PropsWithChildren<{
     calculate?: any;
     enabled?: any;
     method?: any;
-}
+}>;
 declare class Aggregation extends NestedOption<IAggregationProps> {
     static OptionName: string;
 }
-interface IAggregationIntervalProps {
+declare type IAggregationIntervalProps = React.PropsWithChildren<{
     days?: any;
     hours?: any;
     milliseconds?: any;
@@ -159,20 +159,20 @@ interface IAggregationIntervalProps {
     seconds?: any;
     weeks?: any;
     years?: any;
-}
+}>;
 declare class AggregationInterval extends NestedOption<IAggregationIntervalProps> {
     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;
@@ -228,7 +228,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;
@@ -265,26 +265,26 @@ 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 IAnnotationImageProps {
+declare type IAnnotationImageProps = React.PropsWithChildren<{
     height?: any;
     url?: any;
     width?: any;
-}
+}>;
 declare class AnnotationImage extends NestedOption<IAnnotationImageProps> {
     static OptionName: string;
 }
-interface IArgumentAxisProps {
+declare type IArgumentAxisProps = React.PropsWithChildren<{
     aggregateByCategory?: any;
     aggregatedPointsPosition?: any;
     aggregationGroupWidth?: any;
@@ -481,7 +481,7 @@ interface IArgumentAxisProps {
     workWeek?: any;
     defaultVisualRange?: any;
     onVisualRangeChange?: (value: any) => void;
-}
+}>;
 declare class ArgumentAxis extends NestedOption<IArgumentAxisProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -574,17 +574,18 @@ declare class ArgumentAxis extends NestedOption<IArgumentAxisProps> {
         };
     };
 }
-interface IArgumentFormatProps {
+declare type IArgumentFormatProps = React.PropsWithChildren<{
     currency?: any;
     formatter?: any;
     parser?: any;
     precision?: any;
     type?: any;
-}
+    useCurrencyAccountingStyle?: any;
+}>;
 declare class ArgumentFormat extends NestedOption<IArgumentFormatProps> {
     static OptionName: string;
 }
-interface IAxisConstantLineStyleProps {
+declare type IAxisConstantLineStyleProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     label?: object | {
@@ -597,21 +598,21 @@ interface IAxisConstantLineStyleProps {
     paddingLeftRight?: any;
     paddingTopBottom?: any;
     width?: any;
-}
+}>;
 declare class AxisConstantLineStyle extends NestedOption<IAxisConstantLineStyleProps> {
     static OptionName: string;
 }
-interface IAxisConstantLineStyleLabelProps {
+declare type IAxisConstantLineStyleLabelProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     position?: any;
     verticalAlignment?: any;
     visible?: any;
-}
+}>;
 declare class AxisConstantLineStyleLabel extends NestedOption<IAxisConstantLineStyleLabelProps> {
     static OptionName: string;
 }
-interface IAxisLabelProps {
+declare type IAxisLabelProps = React.PropsWithChildren<{
     alignment?: any;
     customizeHint?: any;
     customizeText?: any;
@@ -630,7 +631,7 @@ interface IAxisLabelProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class AxisLabel extends NestedOption<IAxisLabelProps> {
     static OptionName: string;
     static TemplateProps: {
@@ -640,18 +641,18 @@ declare class AxisLabel extends NestedOption<IAxisLabelProps> {
         keyFn: string;
     }[];
 }
-interface IAxisTitleProps {
+declare type IAxisTitleProps = React.PropsWithChildren<{
     alignment?: any;
     font?: any;
     margin?: any;
     text?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class AxisTitle extends NestedOption<IAxisTitleProps> {
     static OptionName: string;
 }
-interface IBorderProps {
+declare type IBorderProps = React.PropsWithChildren<{
     color?: any;
     cornerRadius?: any;
     dashStyle?: any;
@@ -662,27 +663,27 @@ interface IBorderProps {
     left?: any;
     right?: any;
     top?: any;
-}
+}>;
 declare class Border extends NestedOption<IBorderProps> {
     static OptionName: string;
 }
-interface IBreakProps {
+declare type IBreakProps = React.PropsWithChildren<{
     endValue?: any;
     startValue?: any;
-}
+}>;
 declare class Break extends NestedOption<IBreakProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IBreakStyleProps {
+declare type IBreakStyleProps = React.PropsWithChildren<{
     color?: any;
     line?: any;
     width?: any;
-}
+}>;
 declare class BreakStyle extends NestedOption<IBreakStyleProps> {
     static OptionName: string;
 }
-interface IChartTitleProps {
+declare type IChartTitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: number | object | {
@@ -703,7 +704,7 @@ interface IChartTitleProps {
     textOverflow?: any;
     verticalAlignment?: any;
     wordWrap?: any;
-}
+}>;
 declare class ChartTitle extends NestedOption<IChartTitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -725,13 +726,13 @@ declare class ChartTitle extends NestedOption<IChartTitleProps> {
         };
     };
 }
-interface IChartTitleSubtitleProps {
+declare type IChartTitleSubtitleProps = React.PropsWithChildren<{
     font?: any;
     offset?: any;
     text?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class ChartTitleSubtitle extends NestedOption<IChartTitleSubtitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -741,7 +742,7 @@ declare class ChartTitleSubtitle extends NestedOption<IChartTitleSubtitleProps>
         };
     };
 }
-interface ICommonAnnotationSettingsProps {
+declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     allowDragging?: any;
     argument?: any;
     arrowLength?: any;
@@ -796,7 +797,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: {
@@ -806,7 +807,7 @@ declare class CommonAnnotationSettings extends NestedOption<ICommonAnnotationSet
         keyFn: string;
     }[];
 }
-interface ICommonAxisSettingsProps {
+declare type ICommonAxisSettingsProps = React.PropsWithChildren<{
     aggregatedPointsPosition?: any;
     allowDecimals?: any;
     breakStyle?: object | {
@@ -895,7 +896,7 @@ interface ICommonAxisSettingsProps {
     valueMarginsEnabled?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class CommonAxisSettings extends NestedOption<ICommonAxisSettingsProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -925,7 +926,7 @@ declare class CommonAxisSettings extends NestedOption<ICommonAxisSettingsProps>
         };
     };
 }
-interface ICommonAxisSettingsConstantLineStyleProps {
+declare type ICommonAxisSettingsConstantLineStyleProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     label?: object | {
@@ -936,7 +937,7 @@ interface ICommonAxisSettingsConstantLineStyleProps {
     paddingLeftRight?: any;
     paddingTopBottom?: any;
     width?: any;
-}
+}>;
 declare class CommonAxisSettingsConstantLineStyle extends NestedOption<ICommonAxisSettingsConstantLineStyleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -950,15 +951,15 @@ declare class CommonAxisSettingsConstantLineStyle extends NestedOption<ICommonAx
         };
     };
 }
-interface ICommonAxisSettingsConstantLineStyleLabelProps {
+declare type ICommonAxisSettingsConstantLineStyleLabelProps = React.PropsWithChildren<{
     font?: any;
     position?: any;
     visible?: any;
-}
+}>;
 declare class CommonAxisSettingsConstantLineStyleLabel extends NestedOption<ICommonAxisSettingsConstantLineStyleLabelProps> {
     static OptionName: string;
 }
-interface ICommonAxisSettingsLabelProps {
+declare type ICommonAxisSettingsLabelProps = React.PropsWithChildren<{
     alignment?: any;
     displayMode?: any;
     font?: any;
@@ -974,7 +975,7 @@ interface ICommonAxisSettingsLabelProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class CommonAxisSettingsLabel extends NestedOption<ICommonAxisSettingsLabelProps> {
     static OptionName: string;
     static TemplateProps: {
@@ -984,17 +985,17 @@ declare class CommonAxisSettingsLabel extends NestedOption<ICommonAxisSettingsLa
         keyFn: string;
     }[];
 }
-interface ICommonAxisSettingsTitleProps {
+declare type ICommonAxisSettingsTitleProps = React.PropsWithChildren<{
     alignment?: any;
     font?: any;
     margin?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class CommonAxisSettingsTitle extends NestedOption<ICommonAxisSettingsTitleProps> {
     static OptionName: string;
 }
-interface ICommonPaneSettingsProps {
+declare type ICommonPaneSettingsProps = React.PropsWithChildren<{
     backgroundColor?: any;
     border?: object | {
         bottom?: any;
@@ -1007,7 +1008,7 @@ interface ICommonPaneSettingsProps {
         visible?: any;
         width?: any;
     };
-}
+}>;
 declare class CommonPaneSettings extends NestedOption<ICommonPaneSettingsProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1021,7 +1022,7 @@ declare class CommonPaneSettings extends NestedOption<ICommonPaneSettingsProps>
         };
     };
 }
-interface ICommonSeriesSettingsProps {
+declare type ICommonSeriesSettingsProps = React.PropsWithChildren<{
     aggregation?: object | {
         calculate?: any;
         enabled?: any;
@@ -1206,7 +1207,7 @@ interface ICommonSeriesSettingsProps {
     valueField?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class CommonSeriesSettings extends NestedOption<ICommonSeriesSettingsProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1260,7 +1261,7 @@ declare class CommonSeriesSettings extends NestedOption<ICommonSeriesSettingsPro
         };
     };
 }
-interface ICommonSeriesSettingsHoverStyleProps {
+declare type ICommonSeriesSettingsHoverStyleProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         dashStyle?: any;
@@ -1276,7 +1277,7 @@ interface ICommonSeriesSettingsHoverStyleProps {
         width?: any;
     };
     width?: any;
-}
+}>;
 declare class CommonSeriesSettingsHoverStyle extends NestedOption<ICommonSeriesSettingsHoverStyleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1294,7 +1295,7 @@ declare class CommonSeriesSettingsHoverStyle extends NestedOption<ICommonSeriesS
         };
     };
 }
-interface ICommonSeriesSettingsLabelProps {
+declare type ICommonSeriesSettingsLabelProps = React.PropsWithChildren<{
     alignment?: any;
     argumentFormat?: any;
     backgroundColor?: any;
@@ -1319,7 +1320,7 @@ interface ICommonSeriesSettingsLabelProps {
     showForZeroValues?: any;
     verticalOffset?: any;
     visible?: any;
-}
+}>;
 declare class CommonSeriesSettingsLabel extends NestedOption<ICommonSeriesSettingsLabelProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1349,7 +1350,7 @@ declare class CommonSeriesSettingsLabel extends NestedOption<ICommonSeriesSettin
         };
     };
 }
-interface ICommonSeriesSettingsSelectionStyleProps {
+declare type ICommonSeriesSettingsSelectionStyleProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         dashStyle?: any;
@@ -1365,7 +1366,7 @@ interface ICommonSeriesSettingsSelectionStyleProps {
         width?: any;
     };
     width?: any;
-}
+}>;
 declare class CommonSeriesSettingsSelectionStyle extends NestedOption<ICommonSeriesSettingsSelectionStyleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1383,15 +1384,15 @@ declare class CommonSeriesSettingsSelectionStyle extends NestedOption<ICommonSer
         };
     };
 }
-interface IConnectorProps {
+declare type IConnectorProps = React.PropsWithChildren<{
     color?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Connector extends NestedOption<IConnectorProps> {
     static OptionName: string;
 }
-interface IConstantLineProps {
+declare type IConstantLineProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     displayBehindSeries?: any;
@@ -1408,23 +1409,23 @@ interface IConstantLineProps {
     paddingTopBottom?: any;
     value?: any;
     width?: any;
-}
+}>;
 declare class ConstantLine extends NestedOption<IConstantLineProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IConstantLineLabelProps {
+declare type IConstantLineLabelProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     position?: any;
     text?: any;
     verticalAlignment?: any;
     visible?: any;
-}
+}>;
 declare class ConstantLineLabel extends NestedOption<IConstantLineLabelProps> {
     static OptionName: string;
 }
-interface IConstantLineStyleProps {
+declare type IConstantLineStyleProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     label?: object | {
@@ -1437,11 +1438,11 @@ interface IConstantLineStyleProps {
     paddingLeftRight?: any;
     paddingTopBottom?: any;
     width?: any;
-}
+}>;
 declare class ConstantLineStyle extends NestedOption<IConstantLineStyleProps> {
     static OptionName: string;
 }
-interface ICrosshairProps {
+declare type ICrosshairProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     enabled?: any;
@@ -1482,7 +1483,7 @@ interface ICrosshairProps {
         width?: any;
     };
     width?: any;
-}
+}>;
 declare class Crosshair extends NestedOption<ICrosshairProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1504,22 +1505,22 @@ declare class Crosshair extends NestedOption<ICrosshairProps> {
         };
     };
 }
-interface IDataPrepareSettingsProps {
+declare type IDataPrepareSettingsProps = React.PropsWithChildren<{
     checkTypeForAllData?: any;
     convertToAxisDataType?: any;
     sortingMethod?: any;
-}
+}>;
 declare class DataPrepareSettings extends NestedOption<IDataPrepareSettingsProps> {
     static OptionName: string;
 }
-interface IDragBoxStyleProps {
+declare type IDragBoxStyleProps = React.PropsWithChildren<{
     color?: any;
     opacity?: any;
-}
+}>;
 declare class DragBoxStyle extends NestedOption<IDragBoxStyleProps> {
     static OptionName: string;
 }
-interface IExportProps {
+declare type IExportProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     fileName?: any;
@@ -1528,56 +1529,57 @@ 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;
-}
+    useCurrencyAccountingStyle?: any;
+}>;
 declare class Format extends NestedOption<IFormatProps> {
     static OptionName: string;
 }
-interface IGridProps {
+declare type IGridProps = React.PropsWithChildren<{
     color?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Grid extends NestedOption<IGridProps> {
     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 IHeightProps {
+declare type IHeightProps = React.PropsWithChildren<{
     rangeMaxPoint?: any;
     rangeMinPoint?: any;
-}
+}>;
 declare class Height extends NestedOption<IHeightProps> {
     static OptionName: string;
 }
-interface IHorizontalLineProps {
+declare type IHorizontalLineProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     label?: object | {
@@ -1590,7 +1592,7 @@ interface IHorizontalLineProps {
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class HorizontalLine extends NestedOption<IHorizontalLineProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1604,17 +1606,17 @@ declare class HorizontalLine extends NestedOption<IHorizontalLineProps> {
         };
     };
 }
-interface IHorizontalLineLabelProps {
+declare type IHorizontalLineLabelProps = React.PropsWithChildren<{
     backgroundColor?: any;
     customizeText?: any;
     font?: any;
     format?: any;
     visible?: any;
-}
+}>;
 declare class HorizontalLineLabel extends NestedOption<IHorizontalLineLabelProps> {
     static OptionName: string;
 }
-interface IHoverStyleProps {
+declare type IHoverStyleProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         dashStyle?: any;
@@ -1631,19 +1633,19 @@ interface IHoverStyleProps {
     };
     width?: any;
     size?: any;
-}
+}>;
 declare class HoverStyle extends NestedOption<IHoverStyleProps> {
     static OptionName: string;
 }
-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<{
     font?: any;
     horizontalAlignment?: any;
     position?: any;
@@ -1682,7 +1684,7 @@ interface ILabelProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class Label extends NestedOption<ILabelProps> {
     static OptionName: string;
     static TemplateProps: {
@@ -1692,7 +1694,7 @@ declare class Label extends NestedOption<ILabelProps> {
         keyFn: string;
     }[];
 }
-interface ILegendProps {
+declare type ILegendProps = React.PropsWithChildren<{
     backgroundColor?: any;
     border?: object | {
         color?: any;
@@ -1749,7 +1751,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: {
@@ -1785,7 +1787,7 @@ declare class Legend extends NestedOption<ILegendProps> {
         keyFn: string;
     }[];
 }
-interface ILegendTitleProps {
+declare type ILegendTitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: object | {
@@ -1802,7 +1804,7 @@ interface ILegendTitleProps {
     };
     text?: any;
     verticalAlignment?: any;
-}
+}>;
 declare class LegendTitle extends NestedOption<ILegendTitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -1824,11 +1826,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: {
@@ -1838,7 +1840,7 @@ declare class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps
         };
     };
 }
-interface ILengthProps {
+declare type ILengthProps = React.PropsWithChildren<{
     days?: any;
     hours?: any;
     milliseconds?: any;
@@ -1848,11 +1850,11 @@ interface ILengthProps {
     seconds?: any;
     weeks?: any;
     years?: any;
-}
+}>;
 declare class Length extends NestedOption<ILengthProps> {
     static OptionName: string;
 }
-interface ILoadingIndicatorProps {
+declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     font?: any;
@@ -1860,7 +1862,7 @@ interface ILoadingIndicatorProps {
     text?: any;
     defaultShow?: any;
     onShowChange?: (value: any) => void;
-}
+}>;
 declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -1873,36 +1875,36 @@ 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 IMinorGridProps {
+declare type IMinorGridProps = React.PropsWithChildren<{
     color?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class MinorGrid extends NestedOption<IMinorGridProps> {
     static OptionName: string;
 }
-interface IMinorTickProps {
+declare type IMinorTickProps = React.PropsWithChildren<{
     color?: any;
     length?: any;
     opacity?: any;
     shift?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class MinorTick extends NestedOption<IMinorTickProps> {
     static OptionName: string;
 }
-interface IMinorTickIntervalProps {
+declare type IMinorTickIntervalProps = React.PropsWithChildren<{
     days?: any;
     hours?: any;
     milliseconds?: any;
@@ -1912,11 +1914,11 @@ interface IMinorTickIntervalProps {
     seconds?: any;
     weeks?: any;
     years?: any;
-}
+}>;
 declare class MinorTickInterval extends NestedOption<IMinorTickIntervalProps> {
     static OptionName: string;
 }
-interface IMinVisualRangeLengthProps {
+declare type IMinVisualRangeLengthProps = React.PropsWithChildren<{
     days?: any;
     hours?: any;
     milliseconds?: any;
@@ -1926,11 +1928,11 @@ interface IMinVisualRangeLengthProps {
     seconds?: any;
     weeks?: any;
     years?: any;
-}
+}>;
 declare class MinVisualRangeLength extends NestedOption<IMinVisualRangeLengthProps> {
     static OptionName: string;
 }
-interface IPaneProps {
+declare type IPaneProps = React.PropsWithChildren<{
     backgroundColor?: any;
     border?: object | {
         bottom?: any;
@@ -1945,12 +1947,12 @@ interface IPaneProps {
     };
     height?: any;
     name?: any;
-}
+}>;
 declare class Pane extends NestedOption<IPaneProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IPaneBorderProps {
+declare type IPaneBorderProps = React.PropsWithChildren<{
     bottom?: any;
     color?: any;
     dashStyle?: any;
@@ -1960,11 +1962,11 @@ interface IPaneBorderProps {
     top?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class PaneBorder extends NestedOption<IPaneBorderProps> {
     static OptionName: string;
 }
-interface IPointProps {
+declare type IPointProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         visible?: any;
@@ -2008,7 +2010,7 @@ interface IPointProps {
     size?: any;
     symbol?: any;
     visible?: any;
-}
+}>;
 declare class Point extends NestedOption<IPointProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -2046,15 +2048,15 @@ declare class Point extends NestedOption<IPointProps> {
         };
     };
 }
-interface IPointBorderProps {
+declare type IPointBorderProps = React.PropsWithChildren<{
     color?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class PointBorder extends NestedOption<IPointBorderProps> {
     static OptionName: string;
 }
-interface IPointHoverStyleProps {
+declare type IPointHoverStyleProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         visible?: any;
@@ -2062,7 +2064,7 @@ interface IPointHoverStyleProps {
     };
     color?: any;
     size?: any;
-}
+}>;
 declare class PointHoverStyle extends NestedOption<IPointHoverStyleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -2076,7 +2078,7 @@ declare class PointHoverStyle extends NestedOption<IPointHoverStyleProps> {
         };
     };
 }
-interface IPointImageProps {
+declare type IPointImageProps = React.PropsWithChildren<{
     height?: number | object | {
         rangeMaxPoint?: any;
         rangeMinPoint?: any;
@@ -2089,7 +2091,7 @@ interface IPointImageProps {
         rangeMaxPoint?: any;
         rangeMinPoint?: any;
     };
-}
+}>;
 declare class PointImage extends NestedOption<IPointImageProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -2107,7 +2109,7 @@ declare class PointImage extends NestedOption<IPointImageProps> {
         };
     };
 }
-interface IPointSelectionStyleProps {
+declare type IPointSelectionStyleProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         visible?: any;
@@ -2115,7 +2117,7 @@ interface IPointSelectionStyleProps {
     };
     color?: any;
     size?: any;
-}
+}>;
 declare class PointSelectionStyle extends NestedOption<IPointSelectionStyleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -2129,25 +2131,25 @@ declare class PointSelectionStyle extends NestedOption<IPointSelectionStyleProps
         };
     };
 }
-interface IReductionProps {
+declare type IReductionProps = React.PropsWithChildren<{
     color?: any;
     level?: any;
-}
+}>;
 declare class Reduction extends NestedOption<IReductionProps> {
     static OptionName: string;
 }
-interface IScrollBarProps {
+declare type IScrollBarProps = React.PropsWithChildren<{
     color?: any;
     offset?: any;
     opacity?: any;
     position?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class ScrollBar extends NestedOption<IScrollBarProps> {
     static OptionName: string;
 }
-interface ISelectionStyleProps {
+declare type ISelectionStyleProps = React.PropsWithChildren<{
     border?: object | {
         color?: any;
         visible?: any;
@@ -2163,11 +2165,11 @@ interface ISelectionStyleProps {
         width?: any;
     };
     width?: any;
-}
+}>;
 declare class SelectionStyle extends NestedOption<ISelectionStyleProps> {
     static OptionName: string;
 }
-interface ISeriesProps {
+declare type ISeriesProps = React.PropsWithChildren<{
     aggregation?: object | {
         calculate?: any;
         enabled?: any;
@@ -2331,45 +2333,45 @@ interface ISeriesProps {
     valueField?: any;
     visible?: any;
     width?: 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 IStripProps {
+declare type IStripProps = React.PropsWithChildren<{
     color?: any;
     endValue?: any;
     label?: object | {
@@ -2381,21 +2383,21 @@ interface IStripProps {
     paddingLeftRight?: any;
     paddingTopBottom?: any;
     startValue?: any;
-}
+}>;
 declare class Strip extends NestedOption<IStripProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
-interface IStripLabelProps {
+declare type IStripLabelProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     text?: any;
     verticalAlignment?: any;
-}
+}>;
 declare class StripLabel extends NestedOption<IStripLabelProps> {
     static OptionName: string;
 }
-interface IStripStyleProps {
+declare type IStripStyleProps = React.PropsWithChildren<{
     label?: object | {
         font?: any;
         horizontalAlignment?: any;
@@ -2403,7 +2405,7 @@ interface IStripStyleProps {
     };
     paddingLeftRight?: any;
     paddingTopBottom?: any;
-}
+}>;
 declare class StripStyle extends NestedOption<IStripStyleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -2417,36 +2419,36 @@ declare class StripStyle extends NestedOption<IStripStyleProps> {
         };
     };
 }
-interface IStripStyleLabelProps {
+declare type IStripStyleLabelProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     verticalAlignment?: any;
-}
+}>;
 declare class StripStyleLabel extends NestedOption<IStripStyleLabelProps> {
     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 ITickProps {
+declare type ITickProps = React.PropsWithChildren<{
     color?: any;
     length?: any;
     opacity?: any;
     shift?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Tick extends NestedOption<ITickProps> {
     static OptionName: string;
 }
-interface ITickIntervalProps {
+declare type ITickIntervalProps = React.PropsWithChildren<{
     days?: any;
     hours?: any;
     milliseconds?: any;
@@ -2456,11 +2458,11 @@ interface ITickIntervalProps {
     seconds?: any;
     weeks?: any;
     years?: any;
-}
+}>;
 declare class TickInterval extends NestedOption<ITickIntervalProps> {
     static OptionName: string;
 }
-interface ITitleProps {
+declare type ITitleProps = React.PropsWithChildren<{
     alignment?: any;
     font?: any;
     margin?: any;
@@ -2475,11 +2477,11 @@ interface ITitleProps {
         text?: any;
     };
     verticalAlignment?: any;
-}
+}>;
 declare class Title extends NestedOption<ITitleProps> {
     static OptionName: string;
 }
-interface ITooltipProps {
+declare type ITooltipProps = React.PropsWithChildren<{
     argumentFormat?: any;
     arrowLength?: any;
     border?: object | {
@@ -2514,7 +2516,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: {
@@ -2550,24 +2552,24 @@ 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;
 }
-interface IUrlProps {
+declare type IUrlProps = React.PropsWithChildren<{
     rangeMaxPoint?: any;
     rangeMinPoint?: any;
-}
+}>;
 declare class Url extends NestedOption<IUrlProps> {
     static OptionName: string;
 }
-interface IValueAxisProps {
+declare type IValueAxisProps = React.PropsWithChildren<{
     aggregatedPointsPosition?: any;
     allowDecimals?: any;
     autoBreaksEnabled?: any;
@@ -2752,7 +2754,7 @@ interface IValueAxisProps {
     width?: any;
     defaultVisualRange?: any;
     onVisualRangeChange?: (value: any) => void;
-}
+}>;
 declare class ValueAxis extends NestedOption<IValueAxisProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -2818,7 +2820,7 @@ declare class ValueAxis extends NestedOption<IValueAxisProps> {
         };
     };
 }
-interface IValueErrorBarProps {
+declare type IValueErrorBarProps = React.PropsWithChildren<{
     color?: any;
     displayMode?: any;
     edgeLength?: any;
@@ -2828,11 +2830,11 @@ interface IValueErrorBarProps {
     opacity?: any;
     type?: any;
     value?: any;
-}
+}>;
 declare class ValueErrorBar extends NestedOption<IValueErrorBarProps> {
     static OptionName: string;
 }
-interface IVerticalLineProps {
+declare type IVerticalLineProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     label?: object | {
@@ -2845,7 +2847,7 @@ interface IVerticalLineProps {
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class VerticalLine extends NestedOption<IVerticalLineProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -2859,7 +2861,7 @@ declare class VerticalLine extends NestedOption<IVerticalLineProps> {
         };
     };
 }
-interface IVisualRangeProps {
+declare type IVisualRangeProps = React.PropsWithChildren<{
     endValue?: any;
     length?: number | object | string | {
         days?: any;
@@ -2877,7 +2879,7 @@ interface IVisualRangeProps {
     onEndValueChange?: (value: any) => void;
     defaultStartValue?: any;
     onStartValueChange?: (value: any) => void;
-}
+}>;
 declare class VisualRange extends NestedOption<IVisualRangeProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -2885,7 +2887,7 @@ declare class VisualRange extends NestedOption<IVisualRangeProps> {
         defaultStartValue: string;
     };
 }
-interface IWholeRangeProps {
+declare type IWholeRangeProps = React.PropsWithChildren<{
     endValue?: any;
     length?: number | object | string | {
         days?: any;
@@ -2903,7 +2905,7 @@ interface IWholeRangeProps {
     onEndValueChange?: (value: any) => void;
     defaultStartValue?: any;
     onStartValueChange?: (value: any) => void;
-}
+}>;
 declare class WholeRange extends NestedOption<IWholeRangeProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -2911,14 +2913,14 @@ declare class WholeRange extends NestedOption<IWholeRangeProps> {
         defaultStartValue: string;
     };
 }
-interface IWidthProps {
+declare type IWidthProps = React.PropsWithChildren<{
     rangeMaxPoint?: any;
     rangeMinPoint?: any;
-}
+}>;
 declare class Width extends NestedOption<IWidthProps> {
     static OptionName: string;
 }
-interface IZoomAndPanProps {
+declare type IZoomAndPanProps = React.PropsWithChildren<{
     allowMouseWheel?: any;
     allowTouchGestures?: any;
     argumentAxis?: any;
@@ -2929,7 +2931,7 @@ interface IZoomAndPanProps {
     dragToZoom?: any;
     panKey?: any;
     valueAxis?: any;
-}
+}>;
 declare class ZoomAndPan extends NestedOption<IZoomAndPanProps> {
     static OptionName: string;
     static ExpectedChildren: {