@progress/kendo-react-map 5.4.0 → 5.5.0-dev.202206241236

package/dist/es/Map.d.ts

@@ -4,6 +4,7 @@ import { InstanceObserver, Map as KendoMap } from '@progress/kendo-charts';
 import './defaults';
 import { MapProps } from './MapProps';
 import { MapContextType } from './MapContext';
+import { DomEvent } from './events/dom-event';
 /**
  * Represents the [KendoReact Map component]({% slug overview_map %}).
  */
@@ -70,10 +71,18 @@ export declare class Map extends React.Component<MapProps, {}> {
      * @hidden
      */
     requiresHandlers(names: string[]): boolean;
+    /**
+     * @hidden
+     */
+    triggerDomEvent<T>(name: string, e: DomEvent<T>): boolean;
     /**
      * @hidden
      */
     onRender: (e: any) => void;
+    /**
+     * @hidden
+     */
+    onMapMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => void;
     /**
      * @hidden
      */

package/dist/es/Map.js

@@ -32,8 +32,10 @@ import createStore from './store/store';
 import { optionsReducer, observersReducer } from './store/reducer';
 import './defaults';
 import { MapContext } from './MapContext';
+import { MapTooltip } from './tooltip/MapTooltip';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from './package-metadata';
+import { toDomEvent } from './events/dom-event';
 /**
  * Represents the [KendoReact Map component]({% slug overview_map %}).
  */
@@ -59,6 +61,19 @@ var Map = /** @class */ (function (_super) {
             }
         };
         /* Dom event handlers */
+        /**
+         * @hidden
+         */
+        _this.onMapMouseLeave = function (e) {
+            var domEvent = toDomEvent(_this, e);
+            var isDefaultPrevented = _this.triggerDomEvent('onMouseLeave', domEvent);
+            if (isDefaultPrevented) {
+                e.preventDefault();
+            }
+            else if (_this.mapInstance !== null) {
+                _this.mapInstance.hideTooltip();
+            }
+        };
         /**
          * @hidden
          */
@@ -142,8 +157,10 @@ var Map = /** @class */ (function (_super) {
             className: className,
             style: mapStyles,
             key: 'mapElement'
-        }, (React.createElement("div", { ref: function (el) { return _this._element = el; }, className: "k-map" }, children)));
-        return (React.createElement(MapContext.Provider, { value: this.contextValue }, content));
+        }, (React.createElement("div", { ref: function (el) { return _this._element = el; }, className: "k-map", onMouseLeave: this.onMapMouseLeave }, children)));
+        return (React.createElement(MapContext.Provider, { value: this.contextValue },
+            React.createElement(MapTooltip, { key: "tooltip" }),
+            content));
     };
     /**
      * @hidden
@@ -224,6 +241,19 @@ var Map = /** @class */ (function (_super) {
         }
         return false;
     };
+    /**
+     * @hidden
+     */
+    Map.prototype.triggerDomEvent = function (name, e) {
+        var observers = this.observersStore.getState();
+        var isDefaultPrevented = false;
+        for (var idx = 0; idx < observers.length; idx++) {
+            if (observers[idx].trigger(name, e)) {
+                isDefaultPrevented = true;
+            }
+        }
+        return isDefaultPrevented;
+    };
     /**
      * @hidden
      */

package/dist/es/components/BubbleLayer.d.ts

@@ -1,9 +1,10 @@
-import * as React from 'react';
 import { BubbleLayerOptions } from '@progress/kendo-charts';
+import * as React from 'react';
 /**
  * Represents the props of the KendoReact MapBubbleLayer component.
  */
 export interface MapBubbleLayerProps extends BubbleLayerOptions {
+    children?: React.ReactNode;
 }
 declare const MapBubbleLayer: React.FunctionComponent<MapBubbleLayerProps>;
 export { MapBubbleLayer };

package/dist/es/components/BubbleLayer.js

@@ -10,9 +10,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import * as React from 'react';
+import { validateChildren } from '../utils/main';
 import ConfigurationComponent from './base/ConfigurationComponent';
+import { MapBubbleLayerTooltip } from './BubbleLayerTooltip';
 var MapBubbleLayer = function (props) {
     return (React.createElement(ConfigurationComponent, __assign({ type: "bubble" }, props)));
 };
 MapBubbleLayer.displayName = 'MapBubbleLayer';
+MapBubbleLayer.propTypes = {
+    children: function (props, propName, componentName) {
+        return validateChildren(props, propName, componentName, MapBubbleLayerTooltip);
+    }
+};
 export { MapBubbleLayer };

package/dist/es/components/BubbleLayerTooltip.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { BubbleTooltipContext } from '../tooltip/BubbleTooltipContext';
+/**
+ * Represents the props of the KendoReact BubbleTooltip component.
+ */
+export interface MapBubbleLayerTooltipProps {
+    /**
+     * The renderer for the bubble layer tooltip.
+     *
+     * @return the content of the tooltip.
+     */
+    render?: (props: BubbleTooltipContext) => React.ReactNode;
+}
+declare const MapBubbleLayerTooltip: React.FunctionComponent<MapBubbleLayerTooltipProps>;
+export { MapBubbleLayerTooltip };

package/dist/es/components/BubbleLayerTooltip.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import ConfigurationComponent from './base/ConfigurationComponent';
+var MapBubbleLayerTooltip = function (props) {
+    return (React.createElement(ConfigurationComponent, __assign({}, props, { _mapKey: "tooltip" })));
+};
+MapBubbleLayerTooltip.defaultProps = {};
+export { MapBubbleLayerTooltip };

package/dist/es/components/Layers.js

@@ -16,6 +16,6 @@ var MapLayers = function (props) {
     return (React.createElement(CollectionConfigurationComponent, __assign({}, props, { _mapKey: "layers" })));
 };
 MapLayers.propTypes = {
-    children: PropTypes.array
+    children: PropTypes.node
 };
 export { MapLayers };

package/dist/es/components/MarkerLayer.d.ts

@@ -1,9 +1,10 @@
-import * as React from 'react';
 import { MarkerLayerOptions } from '@progress/kendo-charts';
+import * as React from 'react';
 /**
  * Represents the props of the KendoReact MapMarkerLayer component.
  */
 export interface MapMarkerLayerProps extends MarkerLayerOptions {
+    children?: React.ReactNode;
 }
 declare const MapMarkerLayer: React.FunctionComponent<MapMarkerLayerProps>;
 export { MapMarkerLayer };

package/dist/es/components/MarkerLayer.js

@@ -10,9 +10,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import * as React from 'react';
+import { validateChildren } from '../utils/main';
 import ConfigurationComponent from './base/ConfigurationComponent';
+import { MapMarkerLayerTooltip } from './MarkerLayerTooltip';
 var MapMarkerLayer = function (props) {
     return (React.createElement(ConfigurationComponent, __assign({ type: "marker" }, props)));
 };
 MapMarkerLayer.displayName = 'MapMarkerLayer';
+MapMarkerLayer.propTypes = {
+    children: function (props, propName, componentName) {
+        return validateChildren(props, propName, componentName, MapMarkerLayerTooltip);
+    }
+};
 export { MapMarkerLayer };

package/dist/es/components/MarkerLayerTooltip.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { MarkerTooltipContext } from '../tooltip/MarkerTooltipContext';
+/**
+ * Represents the props of the KendoReact MapMarkerLayerTooltip component.
+ */
+export interface MapMarkerLayerTooltipProps {
+    /**
+     * The renderer for the marker layer tooltip.
+     *
+     * @return the content of the tooltip.
+     */
+    render?: (props: MarkerTooltipContext) => React.ReactNode;
+}
+declare const MapMarkerLayerTooltip: React.FunctionComponent<MapMarkerLayerTooltipProps>;
+export { MapMarkerLayerTooltip };

package/dist/es/components/MarkerLayerTooltip.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import ConfigurationComponent from './base/ConfigurationComponent';
+var MapMarkerLayerTooltip = function (props) {
+    return (React.createElement(ConfigurationComponent, __assign({}, props, { _mapKey: "tooltip" })));
+};
+MapMarkerLayerTooltip.defaultProps = {};
+export { MapMarkerLayerTooltip };

package/dist/es/components/ShapeLayer.d.ts

@@ -1,9 +1,10 @@
-import * as React from 'react';
 import { ShapeLayerOptions } from '@progress/kendo-charts';
+import * as React from 'react';
 /**
  * Represents the props of the KendoReact MapShapeLayer component.
  */
 export interface MapShapeLayerProps extends ShapeLayerOptions {
+    children?: React.ReactNode;
 }
 declare const MapShapeLayer: React.FunctionComponent<MapShapeLayerProps>;
 export { MapShapeLayer };

package/dist/es/components/ShapeLayer.js

@@ -10,9 +10,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import * as React from 'react';
+import { validateChildren } from '../utils/main';
 import ConfigurationComponent from './base/ConfigurationComponent';
+import { MapShapeLayerTooltip } from './ShapeLayerTooltip';
 var MapShapeLayer = function (props) {
     return (React.createElement(ConfigurationComponent, __assign({ type: "shape" }, props)));
 };
 MapShapeLayer.displayName = 'MapShapeLayer';
+MapShapeLayer.propTypes = {
+    children: function (props, propName, componentName) {
+        return validateChildren(props, propName, componentName, MapShapeLayerTooltip);
+    }
+};
 export { MapShapeLayer };

package/dist/es/components/ShapeLayerTooltip.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ShapeTooltipContext } from '../tooltip/ShapeTooltipContext';
+/**
+ * Represents the props of the KendoReact ShapeTooltip component.
+ */
+export interface MapShapeLayerTooltipProps {
+    /**
+     * The renderer for the shape layer tooltip.
+     *
+     * @return the content of the tooltip.
+     */
+    render?: (props: ShapeTooltipContext) => React.ReactNode;
+}
+declare const MapShapeLayerTooltip: React.FunctionComponent<MapShapeLayerTooltipProps>;
+export { MapShapeLayerTooltip };

package/dist/es/components/ShapeLayerTooltip.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import ConfigurationComponent from './base/ConfigurationComponent';
+var MapShapeLayerTooltip = function (props) {
+    return (React.createElement(ConfigurationComponent, __assign({}, props, { _mapKey: "tooltip" })));
+};
+MapShapeLayerTooltip.defaultProps = {};
+export { MapShapeLayerTooltip };

package/dist/es/components/main.d.ts

@@ -1,6 +1,9 @@
 import { MapLayers, MapLayersProps } from './Layers';
 import { MapShapeLayer, MapShapeLayerProps } from './ShapeLayer';
+import { MapShapeLayerTooltip, MapShapeLayerTooltipProps } from './ShapeLayerTooltip';
 import { MapTileLayer, MapTileLayerProps } from './TileLayer';
 import { MapBubbleLayer, MapBubbleLayerProps } from './BubbleLayer';
+import { MapBubbleLayerTooltip, MapBubbleLayerTooltipProps } from './BubbleLayerTooltip';
 import { MapMarkerLayer, MapMarkerLayerProps } from './MarkerLayer';
-export { MapLayers, MapLayersProps, MapShapeLayer, MapShapeLayerProps, MapTileLayer, MapTileLayerProps, MapBubbleLayer, MapBubbleLayerProps, MapMarkerLayer, MapMarkerLayerProps };
+import { MapMarkerLayerTooltip, MapMarkerLayerTooltipProps } from './MarkerLayerTooltip';
+export { MapLayers, MapLayersProps, MapShapeLayer, MapShapeLayerProps, MapShapeLayerTooltip, MapShapeLayerTooltipProps, MapTileLayer, MapTileLayerProps, MapBubbleLayer, MapBubbleLayerProps, MapBubbleLayerTooltip, MapBubbleLayerTooltipProps, MapMarkerLayer, MapMarkerLayerProps, MapMarkerLayerTooltip, MapMarkerLayerTooltipProps };

package/dist/es/components/main.js

@@ -1,6 +1,9 @@
 import { MapLayers } from './Layers';
 import { MapShapeLayer } from './ShapeLayer';
+import { MapShapeLayerTooltip } from './ShapeLayerTooltip';
 import { MapTileLayer } from './TileLayer';
 import { MapBubbleLayer } from './BubbleLayer';
+import { MapBubbleLayerTooltip } from './BubbleLayerTooltip';
 import { MapMarkerLayer } from './MarkerLayer';
-export { MapLayers, MapShapeLayer, MapTileLayer, MapBubbleLayer, MapMarkerLayer };
+import { MapMarkerLayerTooltip } from './MarkerLayerTooltip';
+export { MapLayers, MapShapeLayer, MapShapeLayerTooltip, MapTileLayer, MapBubbleLayer, MapBubbleLayerTooltip, MapMarkerLayer, MapMarkerLayerTooltip };

package/dist/es/events/dom-event.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+/**
+ * @hidden
+ */
+export declare class DomEvent<T> {
+    /**
+     * The `Map` component that triggered the event.
+     */
+    sender: React.Component;
+    /**
+     * The syntheticEvent
+     */
+    syntheticEvent: T;
+    /**
+     * @hidden
+     */
+    constructor(sender: React.Component, e: T);
+}
+/**
+ * @hidden
+ */
+declare function toDomEvent<T>(sender: React.Component, e: T): DomEvent<T>;
+export { toDomEvent };

package/dist/es/events/dom-event.js

@@ -0,0 +1,21 @@
+/**
+ * @hidden
+ */
+var DomEvent = /** @class */ (function () {
+    /**
+     * @hidden
+     */
+    function DomEvent(sender, e) {
+        this.sender = sender;
+        this.syntheticEvent = e;
+    }
+    return DomEvent;
+}());
+export { DomEvent };
+/**
+ * @hidden
+ */
+function toDomEvent(sender, e) {
+    return new DomEvent(sender, e);
+}
+export { toDomEvent };

package/dist/es/main.d.ts

@@ -1,6 +1,6 @@
-import { Map } from './Map';
-import { MapProps } from './MapProps';
+export { Map } from './Map';
+export { MapProps } from './MapProps';
 export * from './components/main';
 export * from './common/map-types';
 export * from './common/events';
-export { Map, MapProps };
+export * from './tooltip/main';

package/dist/es/main.js

@@ -1,5 +1,5 @@
-import { Map } from './Map';
+export { Map } from './Map';
 export * from './components/main';
 export * from './common/map-types';
 export * from './common/events';
-export { Map };
+export * from './tooltip/main';

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-map',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1655713530,
+    publishDate: 1656073661,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/tooltip/BubbleTooltipContext.d.ts

@@ -0,0 +1,22 @@
+import { Location } from '../main';
+/**
+ * Context object for bubble layer tooltips.
+ */
+export interface BubbleTooltipContext {
+    /**
+     * The original data item used to create the bubble.
+     */
+    dataItem: any;
+    /**
+     * The index of the bubble layer in the map.
+     */
+    layerIndex: number;
+    /**
+     * The location of the bubble.
+     */
+    location: Location;
+    /**
+     * The numerical value of the bubble
+     */
+    value: number;
+}

package/dist/es/tooltip/BubbleTooltipContext.js

@@ -0,0 +1 @@
+export {};

package/dist/es/tooltip/MapTooltip.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Align, Offset } from '@progress/kendo-react-popup';
+import { InstanceObserver } from '@progress/kendo-charts';
+import { MarkerTooltipContext } from './MarkerTooltipContext';
+import { ShapeTooltipContext } from './ShapeTooltipContext';
+import { BubbleTooltipContext } from './BubbleTooltipContext';
+import { MapContext } from '../MapContext';
+declare type TooltipContext = MarkerTooltipContext | ShapeTooltipContext | BubbleTooltipContext;
+/**
+ * @hidden
+ */
+export interface MapTooltipState {
+    className?: string | undefined;
+    popupShown: boolean;
+    popupAlign?: Align;
+    popupOffset?: Offset;
+    popupStyles?: any;
+    popupContext?: TooltipContext;
+    shared?: boolean;
+}
+/**
+ * @hidden
+ */
+export declare class MapTooltip extends React.Component<{}, MapTooltipState> {
+    static contextType: React.Context<import("../MapContext").MapContextType | null>;
+    context: React.ContextType<typeof MapContext>;
+    readonly state: MapTooltipState;
+    mapObserver?: InstanceObserver;
+    componentDidMount(): void;
+    render(): JSX.Element | null;
+    componentWillUnmount(): void;
+    onShowTooltip(e: any): void;
+    onHideTooltip(): void;
+    createTooltipContext(e: any): TooltipContext;
+    findRenderFunctionByLayer(layerIndex: number): any;
+}
+export {};

package/dist/es/tooltip/MapTooltip.js

@@ -0,0 +1,123 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { InstanceObserver } from '@progress/kendo-charts';
+import { TooltipPopup } from './Popup';
+import { MapContext } from '../MapContext';
+/**
+ * @hidden
+ */
+var MapTooltip = /** @class */ (function (_super) {
+    __extends(MapTooltip, _super);
+    function MapTooltip() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.context = null;
+        _this.state = {
+            popupShown: false
+        };
+        return _this;
+    }
+    MapTooltip.prototype.componentDidMount = function () {
+        this.mapObserver = new InstanceObserver(this, {
+            showTooltip: 'onShowTooltip',
+            hideTooltip: 'onHideTooltip'
+        });
+        this.context.observersStore.dispatch({
+            type: 'add',
+            payload: this.mapObserver
+        });
+    };
+    MapTooltip.prototype.render = function () {
+        var _a = this.state, popupContext = _a.popupContext, shared = _a.shared, className = _a.className, tooltipProps = __rest(_a, ["popupContext", "shared", "className"]);
+        if (!popupContext || !this.state.popupShown) {
+            // Popup closed.
+            return null;
+        }
+        var layerIndex = popupContext.layerIndex;
+        var render = this.findRenderFunctionByLayer(layerIndex);
+        if (!render) {
+            // No renderer set for layer tooltip.
+            return null;
+        }
+        var tooltipContent = function () { return (React.createElement("div", { className: "k-tooltip-content" }, render(popupContext))); };
+        var popupContainerClassName = "k-map-".concat(popupContext.type, "-tooltip");
+        return (React.createElement(TooltipPopup, __assign({}, tooltipProps, { popupContent: tooltipContent, className: popupContainerClassName })));
+    };
+    MapTooltip.prototype.componentWillUnmount = function () {
+        this.context.observersStore.dispatch({
+            type: 'remove',
+            payload: this.mapObserver
+        });
+    };
+    MapTooltip.prototype.onShowTooltip = function (e) {
+        var anchor = e.anchor, className = e.className;
+        var context = this.createTooltipContext(e);
+        this.setState({
+            popupShown: true,
+            popupAlign: { vertical: 'bottom', horizontal: 'center' },
+            popupOffset: anchor,
+            popupContext: context,
+            popupStyles: { position: 'relative' },
+            className: className
+        });
+    };
+    MapTooltip.prototype.onHideTooltip = function () {
+        this.setState({
+            popupShown: false,
+            popupStyles: {},
+            className: undefined
+        });
+    };
+    MapTooltip.prototype.createTooltipContext = function (e) {
+        return e;
+    };
+    MapTooltip.prototype.findRenderFunctionByLayer = function (layerIndex) {
+        var layers = this.context.optionsStore.getState().layers;
+        if (layers !== undefined
+            && Array.isArray(layers)
+            && layers[layerIndex] !== undefined
+            && layers[layerIndex].hasOwnProperty('tooltip')
+            && layers[layerIndex].tooltip.hasOwnProperty('render')) {
+            return layers[layerIndex].tooltip.render;
+        }
+        return null;
+    };
+    MapTooltip.contextType = MapContext;
+    return MapTooltip;
+}(React.Component));
+export { MapTooltip };

package/dist/es/tooltip/MarkerTooltipContext.d.ts

@@ -0,0 +1,22 @@
+import { Location } from '../main';
+/**
+ * Context object for marker tooltips.
+ */
+export interface MarkerTooltipContext {
+    /**
+     * The original data item used to create the marker.
+     */
+    dataItem: any;
+    /**
+     * The index of the marker layer in the map.
+     */
+    layerIndex: number;
+    /**
+     * The location of the marker.
+     */
+    location: Location;
+    /**
+     * The title of the marker.
+     */
+    title: string;
+}

package/dist/es/tooltip/MarkerTooltipContext.js

@@ -0,0 +1 @@
+export {};

package/dist/es/tooltip/Popup.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { InstanceObserver } from '@progress/kendo-charts';
+import { DomEvent } from './../events/dom-event';
+import { Align, Offset } from '@progress/kendo-react-popup';
+import { MapContext } from '../MapContext';
+/**
+ * @hidden
+ */
+export interface TooltipPopupProps {
+    className?: string | undefined;
+    popupShown: boolean;
+    popupAlign?: Align;
+    popupOffset?: Offset;
+    popupStyles?: any;
+    popupContent: Function;
+}
+/**
+ * @hidden
+ */
+export declare class TooltipPopup extends React.Component<TooltipPopupProps, {}> {
+    static contextType: React.Context<import("../MapContext").MapContextType | null>;
+    context: React.ContextType<typeof MapContext>;
+    mapObserver: InstanceObserver;
+    element: HTMLDivElement | null;
+    constructor(props: TooltipPopupProps, context: any);
+    render(): JSX.Element;
+    componentWillUnmount(): void;
+    onMapMouseLeave: (e: DomEvent<React.MouseEvent<HTMLDivElement>>) => boolean;
+}