devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/vector-map.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,20 +11,20 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-/// <reference types="react" />
+import * as React from "react";
+import { Ref, ReactElement } from "react";
 import dxVectorMap, { Properties } from "devextreme/viz/vector_map";
-import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-import NestedOption from "./core/nested-option";
+import { IHtmlOptions, IElementDescriptor } from "./core/component";
 import type { ClickEvent, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, TooltipHiddenEvent, TooltipShownEvent, dxVectorMapAnnotationConfig, MapLayerElement, VectorMapLegendItem } from "devextreme/viz/vector_map";
 import type { Font as ChartsFont } from "devextreme/common/charts";
 import type { template } from "devextreme/core/templates/template";
 import type { DataSourceOptions } from "devextreme/data/data_source";
 import type { Store } from "devextreme/data/store";
 import type DataSource from "devextreme/data/data_source";
-declare type ReplaceFieldTypes<TSource, TReplacement> = {
+type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
-declare type IVectorMapOptionsNarrowedEvents = {
+type IVectorMapOptionsNarrowedEvents = {
     onClick?: ((e: ClickEvent) => void);
     onDisposing?: ((e: DisposingEvent) => void);
     onDrawn?: ((e: DrawnEvent) => void);
@@ -36,74 +36,17 @@ declare type IVectorMapOptionsNarrowedEvents = {
     onTooltipHidden?: ((e: TooltipHiddenEvent) => void);
     onTooltipShown?: ((e: TooltipShownEvent) => void);
 };
-declare type IVectorMapOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IVectorMapOptionsNarrowedEvents> & IHtmlOptions & {
+type IVectorMapOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IVectorMapOptionsNarrowedEvents> & IHtmlOptions & {
     defaultLoadingIndicator?: Record<string, any>;
     onLoadingIndicatorChange?: (value: Record<string, any>) => void;
 }>;
-declare class VectorMap extends BaseComponent<React.PropsWithChildren<IVectorMapOptions>> {
-    get instance(): dxVectorMap;
-    protected _WidgetClass: typeof dxVectorMap;
-    protected subscribableOptions: string[];
-    protected independentEvents: string[];
-    protected _defaults: {
-        defaultLoadingIndicator: string;
-    };
-    protected _expectedChildren: {
-        annotation: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        background: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonAnnotationSettings: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        controlBar: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        export: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        layer: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        legend: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        loadingIndicator: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        projection: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        size: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        title: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tooltip: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        vectorMapTitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
+interface VectorMapRef {
+    instance: () => dxVectorMap;
 }
-declare type IAnnotationProps = React.PropsWithChildren<{
+declare const VectorMap: (props: React.PropsWithChildren<IVectorMapOptions> & {
+    ref?: Ref<VectorMapRef>;
+}) => ReactElement | null;
+type IAnnotationProps = React.PropsWithChildren<{
     allowDragging?: boolean;
     arrowLength?: number;
     arrowWidth?: number;
@@ -152,44 +95,12 @@ declare type IAnnotationProps = React.PropsWithChildren<{
     y?: number;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
     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;
-    static ExpectedChildren: {
-        annotationBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        image: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        shadow: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type IAnnotationBorderProps = React.PropsWithChildren<{
+declare const _componentAnnotation: React.MemoExoticComponent<(props: IAnnotationProps) => React.FunctionComponentElement<IAnnotationProps>>;
+declare const Annotation: typeof _componentAnnotation & IElementDescriptor;
+type IAnnotationBorderProps = React.PropsWithChildren<{
     color?: string;
     cornerRadius?: number;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -197,17 +108,15 @@ declare type IAnnotationBorderProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class AnnotationBorder extends NestedOption<IAnnotationBorderProps> {
-    static OptionName: string;
-}
-declare type IBackgroundProps = React.PropsWithChildren<{
+declare const _componentAnnotationBorder: React.MemoExoticComponent<(props: IAnnotationBorderProps) => React.FunctionComponentElement<IAnnotationBorderProps>>;
+declare const AnnotationBorder: typeof _componentAnnotationBorder & IElementDescriptor;
+type IBackgroundProps = React.PropsWithChildren<{
     borderColor?: string;
     color?: string;
 }>;
-declare class Background extends NestedOption<IBackgroundProps> {
-    static OptionName: string;
-}
-declare type IBorderProps = React.PropsWithChildren<{
+declare const _componentBackground: React.MemoExoticComponent<(props: IBackgroundProps) => React.FunctionComponentElement<IBackgroundProps>>;
+declare const Background: typeof _componentBackground & IElementDescriptor;
+type IBorderProps = React.PropsWithChildren<{
     color?: string;
     cornerRadius?: number;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -215,10 +124,9 @@ declare type IBorderProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class Border extends NestedOption<IBorderProps> {
-    static OptionName: string;
-}
-declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
+declare const _componentBorder: React.MemoExoticComponent<(props: IBorderProps) => React.FunctionComponentElement<IBorderProps>>;
+declare const Border: typeof _componentBorder & IElementDescriptor;
+type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     allowDragging?: boolean;
     arrowLength?: number;
     arrowWidth?: number;
@@ -266,21 +174,12 @@ declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     y?: number;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
     tooltipRender?: (...params: any) => React.ReactNode;
     tooltipComponent?: React.ComponentType<any>;
-    tooltipKeyFn?: (data: any) => string;
 }>;
-declare class CommonAnnotationSettings extends NestedOption<ICommonAnnotationSettingsProps> {
-    static OptionName: string;
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type IControlBarProps = React.PropsWithChildren<{
+declare const _componentCommonAnnotationSettings: React.MemoExoticComponent<(props: ICommonAnnotationSettingsProps) => React.FunctionComponentElement<ICommonAnnotationSettingsProps>>;
+declare const CommonAnnotationSettings: typeof _componentCommonAnnotationSettings & IElementDescriptor;
+type IControlBarProps = React.PropsWithChildren<{
     borderColor?: string;
     color?: string;
     enabled?: boolean;
@@ -291,10 +190,9 @@ declare type IControlBarProps = React.PropsWithChildren<{
     verticalAlignment?: "bottom" | "top";
     zoomVisible?: boolean;
 }>;
-declare class ControlBar extends NestedOption<IControlBarProps> {
-    static OptionName: string;
-}
-declare type IExportProps = React.PropsWithChildren<{
+declare const _componentControlBar: React.MemoExoticComponent<(props: IControlBarProps) => React.FunctionComponentElement<IControlBarProps>>;
+declare const ControlBar: typeof _componentControlBar & IElementDescriptor;
+type IExportProps = React.PropsWithChildren<{
     backgroundColor?: string;
     enabled?: boolean;
     fileName?: string;
@@ -303,42 +201,32 @@ declare type IExportProps = React.PropsWithChildren<{
     printingEnabled?: boolean;
     svgToCanvas?: ((svg: any, canvas: any) => any);
 }>;
-declare class Export extends NestedOption<IExportProps> {
-    static OptionName: string;
-}
-declare type IFontProps = React.PropsWithChildren<{
+declare const _componentExport: React.MemoExoticComponent<(props: IExportProps) => React.FunctionComponentElement<IExportProps>>;
+declare const Export: typeof _componentExport & IElementDescriptor;
+type IFontProps = React.PropsWithChildren<{
     color?: string;
     family?: string;
     opacity?: number;
     size?: number | string;
     weight?: number;
 }>;
-declare class Font extends NestedOption<IFontProps> {
-    static OptionName: string;
-}
-declare type IImageProps = React.PropsWithChildren<{
+declare const _componentFont: React.MemoExoticComponent<(props: IFontProps) => React.FunctionComponentElement<IFontProps>>;
+declare const Font: typeof _componentFont & IElementDescriptor;
+type IImageProps = React.PropsWithChildren<{
     height?: number;
     url?: string;
     width?: number;
 }>;
-declare class Image extends NestedOption<IImageProps> {
-    static OptionName: string;
-}
-declare type ILabelProps = React.PropsWithChildren<{
+declare const _componentImage: React.MemoExoticComponent<(props: IImageProps) => React.FunctionComponentElement<IImageProps>>;
+declare const Image: typeof _componentImage & IElementDescriptor;
+type ILabelProps = React.PropsWithChildren<{
     dataField?: string;
     enabled?: boolean;
     font?: ChartsFont;
 }>;
-declare class Label extends NestedOption<ILabelProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ILayerProps = React.PropsWithChildren<{
+declare const _componentLabel: React.MemoExoticComponent<(props: ILabelProps) => React.FunctionComponentElement<ILabelProps>>;
+declare const Label: typeof _componentLabel & IElementDescriptor;
+type ILayerProps = React.PropsWithChildren<{
     borderColor?: string;
     borderWidth?: number;
     color?: string;
@@ -373,17 +261,9 @@ declare type ILayerProps = React.PropsWithChildren<{
     sizeGroups?: Array<number>;
     type?: "area" | "line" | "marker";
 }>;
-declare class Layer extends NestedOption<ILayerProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static ExpectedChildren: {
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ILegendProps = React.PropsWithChildren<{
+declare const _componentLayer: React.MemoExoticComponent<(props: ILayerProps) => React.FunctionComponentElement<ILayerProps>>;
+declare const Layer: typeof _componentLayer & IElementDescriptor;
+type ILegendProps = React.PropsWithChildren<{
     backgroundColor?: string;
     border?: Record<string, any> | {
         color?: string;
@@ -455,49 +335,10 @@ declare type ILegendProps = React.PropsWithChildren<{
     visible?: boolean;
     markerRender?: (...params: any) => React.ReactNode;
     markerComponent?: React.ComponentType<any>;
-    markerKeyFn?: (data: any) => string;
 }>;
-declare class Legend extends NestedOption<ILegendProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static ExpectedChildren: {
-        annotationBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        legendTitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        source: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        title: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type ILegendTitleProps = React.PropsWithChildren<{
+declare const _componentLegend: React.MemoExoticComponent<(props: ILegendProps) => React.FunctionComponentElement<ILegendProps>>;
+declare const Legend: typeof _componentLegend & IElementDescriptor;
+type ILegendTitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: Record<string, any> | {
@@ -515,42 +356,16 @@ declare type ILegendTitleProps = React.PropsWithChildren<{
     text?: string;
     verticalAlignment?: "bottom" | "top";
 }>;
-declare class LegendTitle extends NestedOption<ILegendTitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        legendTitleSubtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        subtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ILegendTitleSubtitleProps = React.PropsWithChildren<{
+declare const _componentLegendTitle: React.MemoExoticComponent<(props: ILegendTitleProps) => React.FunctionComponentElement<ILegendTitleProps>>;
+declare const LegendTitle: typeof _componentLegendTitle & IElementDescriptor;
+type ILegendTitleSubtitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     offset?: number;
     text?: string;
 }>;
-declare class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ILoadingIndicatorProps = React.PropsWithChildren<{
+declare const _componentLegendTitleSubtitle: React.MemoExoticComponent<(props: ILegendTitleSubtitleProps) => React.FunctionComponentElement<ILegendTitleSubtitleProps>>;
+declare const LegendTitleSubtitle: typeof _componentLegendTitleSubtitle & IElementDescriptor;
+type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: string;
     enabled?: boolean;
     font?: ChartsFont;
@@ -559,70 +374,54 @@ declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     defaultShow?: boolean;
     onShowChange?: (value: boolean) => void;
 }>;
-declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
-    static OptionName: string;
-    static DefaultsProps: {
-        defaultShow: string;
-    };
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IMarginProps = React.PropsWithChildren<{
+declare const _componentLoadingIndicator: React.MemoExoticComponent<(props: ILoadingIndicatorProps) => React.FunctionComponentElement<ILoadingIndicatorProps>>;
+declare const LoadingIndicator: typeof _componentLoadingIndicator & IElementDescriptor;
+type IMarginProps = React.PropsWithChildren<{
     bottom?: number;
     left?: number;
     right?: number;
     top?: number;
 }>;
-declare class Margin extends NestedOption<IMarginProps> {
-    static OptionName: string;
-}
-declare type IProjectionProps = React.PropsWithChildren<{
+declare const _componentMargin: React.MemoExoticComponent<(props: IMarginProps) => React.FunctionComponentElement<IMarginProps>>;
+declare const Margin: typeof _componentMargin & IElementDescriptor;
+type IProjectionProps = React.PropsWithChildren<{
     aspectRatio?: number;
     from?: ((coordinates: Array<number>) => Array<number>);
     to?: ((coordinates: Array<number>) => Array<number>);
 }>;
-declare class Projection extends NestedOption<IProjectionProps> {
-    static OptionName: string;
-}
-declare type IShadowProps = React.PropsWithChildren<{
+declare const _componentProjection: React.MemoExoticComponent<(props: IProjectionProps) => React.FunctionComponentElement<IProjectionProps>>;
+declare const Projection: typeof _componentProjection & IElementDescriptor;
+type IShadowProps = React.PropsWithChildren<{
     blur?: number;
     color?: string;
     offsetX?: number;
     offsetY?: number;
     opacity?: number;
 }>;
-declare class Shadow extends NestedOption<IShadowProps> {
-    static OptionName: string;
-}
-declare type ISizeProps = React.PropsWithChildren<{
+declare const _componentShadow: React.MemoExoticComponent<(props: IShadowProps) => React.FunctionComponentElement<IShadowProps>>;
+declare const Shadow: typeof _componentShadow & IElementDescriptor;
+type ISizeProps = React.PropsWithChildren<{
     height?: number;
     width?: number;
 }>;
-declare class Size extends NestedOption<ISizeProps> {
-    static OptionName: string;
-}
-declare type ISourceProps = React.PropsWithChildren<{
+declare const _componentSize: React.MemoExoticComponent<(props: ISizeProps) => React.FunctionComponentElement<ISizeProps>>;
+declare const Size: typeof _componentSize & IElementDescriptor;
+type ISourceProps = React.PropsWithChildren<{
     grouping?: string;
     layer?: string;
 }>;
-declare class Source extends NestedOption<ISourceProps> {
-    static OptionName: string;
-}
-declare type ISubtitleProps = React.PropsWithChildren<{
+declare const _componentSource: React.MemoExoticComponent<(props: ISourceProps) => React.FunctionComponentElement<ISourceProps>>;
+declare const Source: typeof _componentSource & IElementDescriptor;
+type ISubtitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     offset?: number;
     text?: string;
     textOverflow?: "ellipsis" | "hide" | "none";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class Subtitle extends NestedOption<ISubtitleProps> {
-    static OptionName: string;
-}
-declare type ITitleProps = React.PropsWithChildren<{
+declare const _componentSubtitle: React.MemoExoticComponent<(props: ISubtitleProps) => React.FunctionComponentElement<ISubtitleProps>>;
+declare const Subtitle: typeof _componentSubtitle & IElementDescriptor;
+type ITitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: Record<string, any> | number | {
@@ -644,10 +443,9 @@ declare type ITitleProps = React.PropsWithChildren<{
     textOverflow?: "ellipsis" | "hide" | "none";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class Title extends NestedOption<ITitleProps> {
-    static OptionName: string;
-}
-declare type ITooltipProps = React.PropsWithChildren<{
+declare const _componentTitle: React.MemoExoticComponent<(props: ITitleProps) => React.FunctionComponentElement<ITitleProps>>;
+declare const Title: typeof _componentTitle & IElementDescriptor;
+type ITooltipProps = React.PropsWithChildren<{
     arrowLength?: number;
     border?: Record<string, any> | {
         color?: string;
@@ -676,46 +474,19 @@ declare type ITooltipProps = React.PropsWithChildren<{
     zIndex?: number;
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
-    contentKeyFn?: (data: any) => string;
 }>;
-declare class Tooltip extends NestedOption<ITooltipProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        shadow: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tooltipBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type ITooltipBorderProps = React.PropsWithChildren<{
+declare const _componentTooltip: React.MemoExoticComponent<(props: ITooltipProps) => React.FunctionComponentElement<ITooltipProps>>;
+declare const Tooltip: typeof _componentTooltip & IElementDescriptor;
+type ITooltipBorderProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     opacity?: number;
     visible?: boolean;
     width?: number;
 }>;
-declare class TooltipBorder extends NestedOption<ITooltipBorderProps> {
-    static OptionName: string;
-}
-declare type IVectorMapTitleProps = React.PropsWithChildren<{
+declare const _componentTooltipBorder: React.MemoExoticComponent<(props: ITooltipBorderProps) => React.FunctionComponentElement<ITooltipBorderProps>>;
+declare const TooltipBorder: typeof _componentTooltipBorder & IElementDescriptor;
+type IVectorMapTitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: number | Record<string, any> | {
@@ -737,44 +508,18 @@ declare type IVectorMapTitleProps = React.PropsWithChildren<{
     verticalAlignment?: "bottom" | "top";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class VectorMapTitle extends NestedOption<IVectorMapTitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        subtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        vectorMapTitleSubtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IVectorMapTitleSubtitleProps = React.PropsWithChildren<{
+declare const _componentVectorMapTitle: React.MemoExoticComponent<(props: IVectorMapTitleProps) => React.FunctionComponentElement<IVectorMapTitleProps>>;
+declare const VectorMapTitle: typeof _componentVectorMapTitle & IElementDescriptor;
+type IVectorMapTitleSubtitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     offset?: number;
     text?: string;
     textOverflow?: "ellipsis" | "hide" | "none";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class VectorMapTitleSubtitle extends NestedOption<IVectorMapTitleSubtitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
+declare const _componentVectorMapTitleSubtitle: React.MemoExoticComponent<(props: IVectorMapTitleSubtitleProps) => React.FunctionComponentElement<IVectorMapTitleSubtitleProps>>;
+declare const VectorMapTitleSubtitle: typeof _componentVectorMapTitleSubtitle & IElementDescriptor;
 export default VectorMap;
-export { VectorMap, IVectorMapOptions, Annotation, IAnnotationProps, AnnotationBorder, IAnnotationBorderProps, Background, IBackgroundProps, Border, IBorderProps, CommonAnnotationSettings, ICommonAnnotationSettingsProps, ControlBar, IControlBarProps, Export, IExportProps, Font, IFontProps, Image, IImageProps, Label, ILabelProps, Layer, ILayerProps, Legend, ILegendProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, Projection, IProjectionProps, Shadow, IShadowProps, Size, ISizeProps, Source, ISourceProps, Subtitle, ISubtitleProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps, VectorMapTitle, IVectorMapTitleProps, VectorMapTitleSubtitle, IVectorMapTitleSubtitleProps };
+export { VectorMap, IVectorMapOptions, VectorMapRef, Annotation, IAnnotationProps, AnnotationBorder, IAnnotationBorderProps, Background, IBackgroundProps, Border, IBorderProps, CommonAnnotationSettings, ICommonAnnotationSettingsProps, ControlBar, IControlBarProps, Export, IExportProps, Font, IFontProps, Image, IImageProps, Label, ILabelProps, Layer, ILayerProps, Legend, ILegendProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, Projection, IProjectionProps, Shadow, IShadowProps, Size, ISizeProps, Source, ISourceProps, Subtitle, ISubtitleProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps, VectorMapTitle, IVectorMapTitleProps, VectorMapTitleSubtitle, IVectorMapTitleSubtitleProps };
 import type * as VectorMapTypes from 'devextreme/viz/vector_map_types';
 export { VectorMapTypes };