@mapcomponents/react-maplibre 0.1.95 → 1.0.0

package/dist/components/MlCreatePdfForm/lib/PdfPreview.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-import { PdfPreviewOptions } from './pdfContext';
-import { Feature } from '@turf/turf';
-type Props = {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * Polygon GeoJson Feature representing the printing area
-     */
-    geojsonRef: React.MutableRefObject<Feature | undefined>;
-    /**
-     * a state variable containing the PDF previews current state
-     */
-    options: PdfPreviewOptions;
-    /**
-     * setter function to update the current PDF preview state
-     */
-    setOptions: (arg1: (val: PdfPreviewOptions) => PdfPreviewOptions) => void;
-};
-/**
- * PdfPreview component renders a transformable (drag, scale, rotate) preview of the desired export or print content
- */
-export default function PdfPreview(props: Props): JSX.Element;
-export {};
+import React from 'react';
+import { PdfPreviewOptions } from './pdfContext';
+import { Feature } from '@turf/turf';
+type Props = {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * Polygon GeoJson Feature representing the printing area
+     */
+    geojsonRef: React.MutableRefObject<Feature | undefined>;
+    /**
+     * a state variable containing the PDF previews current state
+     */
+    options: PdfPreviewOptions;
+    /**
+     * setter function to update the current PDF preview state
+     */
+    setOptions: (arg1: (val: PdfPreviewOptions) => PdfPreviewOptions) => void;
+};
+/**
+ * PdfPreview component renders a transformable (drag, scale, rotate) preview of the desired export or print content
+ */
+export default function PdfPreview(props: Props): React.JSX.Element;
+export {};

package/dist/components/MlCreatePdfForm/lib/pdf.templates.d.ts

@@ -1,11 +1,11 @@
-interface PdfTemplateType {
-    width: number;
-    height: number;
-}
-interface PdfTemplateObject {
-    [key: string]: ({
-        [key: string]: PdfTemplateType;
-    });
-}
-declare const PdfTemplates: PdfTemplateObject;
-export default PdfTemplates;
+interface PdfTemplateType {
+    width: number;
+    height: number;
+}
+interface PdfTemplateObject {
+    [key: string]: ({
+        [key: string]: PdfTemplateType;
+    });
+}
+declare const PdfTemplates: PdfTemplateObject;
+export default PdfTemplates;

package/dist/components/MlCreatePngButton/MlCreatePngButton.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { createExportOptions } from 'src/hooks/useExportMap/lib';
-export interface MlCreatePngButtonProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * Option overrides for the createExport function
-     */
-    exportOptions?: createExportOptions;
-}
-/**
- * Renders a button that will create a Png file of the current map view (dimensions adjusted to fit DIN A4 paper).
- */
-declare const MlCreatePngButton: {
-    (props: MlCreatePngButtonProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-    };
-};
-export default MlCreatePngButton;
+import React from 'react';
+import { createExportOptions } from 'src/hooks/useExportMap/lib';
+export interface MlCreatePngButtonProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * Option overrides for the createExport function
+     */
+    exportOptions?: createExportOptions;
+}
+/**
+ * Renders a button that will create a Png file of the current map view (dimensions adjusted to fit DIN A4 paper).
+ */
+declare const MlCreatePngButton: {
+    (props: MlCreatePngButtonProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+};
+export default MlCreatePngButton;

package/dist/components/MlFeatureEditor/MlFeatureEditor.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { useFeatureEditorProps } from '../../hooks/useFeatureEditor/useFeatureEditor';
-import './MlFeatureEditor.css';
-declare const MlFeatureEditor: React.FC<useFeatureEditorProps>;
-export default MlFeatureEditor;
+import React from 'react';
+import { useFeatureEditorProps } from '../../hooks/useFeatureEditor/useFeatureEditor';
+import './MlFeatureEditor.css';
+declare const MlFeatureEditor: React.FC<useFeatureEditorProps>;
+export default MlFeatureEditor;

package/dist/components/MlFillExtrusionLayer/MlFillExtrusionLayer.d.ts

@@ -1,62 +1,62 @@
-/// <reference types="react" />
-export interface MlFillExtrusionLayerProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * The layerId of an existing layer this layer should be rendered visually beneath
-     * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
-     */
-    insertBeforeLayer?: string;
-    /**
-     * Id of the layer that will be added by this component
-     */
-    layerId?: string;
-    /**
-     * Paint properties of the config object that is passed to the MapLibreGl.addLayer call. All
-     * available properties are documented in the MapLibreGl documentation
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill-extrusion
-     */
-    paint?: object;
-    /**
-     * Source id of a vector tile source containing the geometries to use for this fill-extrusion
-     * layer.
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#source-layer
-     */
-    sourceId?: string;
-    /**
-     * Layer id from a vector tile source containing the geometries to use for this fill-extrusion
-     * layer.
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#source-layer
-     */
-    sourceLayer?: string;
-    /**
-     * This layer will be hidden for zoom levels lower than defined on this property
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#minzoom
-     */
-    minZoom?: number;
-}
-/**
- * Adds a fill extrusion layer to the MapLibre instance reference by props.mapId
- *
- */
-declare const MlFillExtrusionLayer: {
-    (props: MlFillExtrusionLayerProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        paint: {
-            "fill-extrusion-color": string;
-            "fill-extrusion-height": {
-                property: string;
-                type: string;
-            };
-            "fill-extrusion-base": {
-                property: string;
-                type: string;
-            };
-            "fill-extrusion-opacity": number;
-        };
-    };
-};
-export default MlFillExtrusionLayer;
+import React from "react";
+export interface MlFillExtrusionLayerProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * The layerId of an existing layer this layer should be rendered visually beneath
+     * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
+     */
+    insertBeforeLayer?: string;
+    /**
+     * Id of the layer that will be added by this component
+     */
+    layerId?: string;
+    /**
+     * Paint properties of the config object that is passed to the MapLibreGl.addLayer call. All
+     * available properties are documented in the MapLibreGl documentation
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill-extrusion
+     */
+    paint?: object;
+    /**
+     * Source id of a vector tile source containing the geometries to use for this fill-extrusion
+     * layer.
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#source-layer
+     */
+    sourceId?: string;
+    /**
+     * Layer id from a vector tile source containing the geometries to use for this fill-extrusion
+     * layer.
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#source-layer
+     */
+    sourceLayer?: string;
+    /**
+     * This layer will be hidden for zoom levels lower than defined on this property
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#minzoom
+     */
+    minZoom?: number;
+}
+/**
+ * Adds a fill extrusion layer to the MapLibre instance reference by props.mapId
+ *
+ */
+declare const MlFillExtrusionLayer: {
+    (props: MlFillExtrusionLayerProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+        paint: {
+            "fill-extrusion-color": string;
+            "fill-extrusion-height": {
+                property: string;
+                type: string;
+            };
+            "fill-extrusion-base": {
+                property: string;
+                type: string;
+            };
+            "fill-extrusion-opacity": number;
+        };
+    };
+};
+export default MlFillExtrusionLayer;

package/dist/components/MlFollowGps/MlFollowGps.d.ts

@@ -1,81 +1,81 @@
-/// <reference types="react" />
-import { CircleLayerSpecification, FillLayerSpecification } from 'maplibre-gl';
-interface MlFollowGpsProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * The layerId of an existing layer this layer should be rendered visually beneath
-     * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
-     */
-    insertBeforeLayer?: string;
-    /**
-     * By default a dot will be shown on the map at the user's location. Set to false to disable.
-     */
-    showUserLocation?: boolean;
-    /**
-     * By default a cone will be shown on the map at the user's location to indicate the device's orientation.
-     * Set to false to disable.
-     */
-    showOrientation?: boolean;
-    /**
-     * By default, if showUserLocation is true, a transparent circle will be drawn around the user location
-     * indicating the accuracy (95% confidence level) of the user's location. Set to false to disable.
-     */
-    showAccuracyCircle?: boolean;
-    /**
-     * Use the MapLibre.flyTo function to center the map to the current users position if true.
-     * Otherwise the MapLibre.setCenter function is used.
-     */
-    useFlyTo?: boolean;
-    /**
-     * Center map to current position once updated location data is recieved.
-     * "false" will center the map once on component activation and then display the updated user location on the map.
-     */
-    centerUserPosition?: boolean;
-    /**
-     * Orientation cone paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the orientation cone polygon.
-     * Use any available paint prop from layer type "fill".
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-     */
-    orientationConePaint?: FillLayerSpecification['paint'];
-    /**
-     * Position circle paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the position circle.
-     * Use any available paint prop from layer type "circle".
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
-     */
-    circlePaint?: CircleLayerSpecification['paint'];
-    /**
-     * Active button font color
-     */
-    onColor?: string;
-    /**
-     * Inactive button font color
-     */
-    offColor?: string;
-    /**
-     * Accuracy paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy polygon.
-     * Use any available paint prop from layer type "fill".
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-     */
-    accuracyPaint?: FillLayerSpecification['paint'];
-}
-/**
- * Adds a button that makes the map follow the users GPS position using
- * navigator.geolocation.watchPosition if activated
- *
- */
-declare const MlFollowGps: {
-    (props: MlFollowGpsProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        offColor: string;
-        showAccuracyCircle: boolean;
-        showUserLocation: boolean;
-        showOrientation: boolean;
-        centerUserPosition: boolean;
-        useFlyTo: boolean;
-    };
-};
-export default MlFollowGps;
+import React from 'react';
+import { CircleLayerSpecification, FillLayerSpecification } from 'maplibre-gl';
+export interface MlFollowGpsProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * The layerId of an existing layer this layer should be rendered visually beneath
+     * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
+     */
+    insertBeforeLayer?: string;
+    /**
+     * By default a dot will be shown on the map at the user's location. Set to false to disable.
+     */
+    showUserLocation?: boolean;
+    /**
+     * By default a cone will be shown on the map at the user's location to indicate the device's orientation.
+     * Set to false to disable.
+     */
+    showOrientation?: boolean;
+    /**
+     * By default, if showUserLocation is true, a transparent circle will be drawn around the user location
+     * indicating the accuracy (95% confidence level) of the user's location. Set to false to disable.
+     */
+    showAccuracyCircle?: boolean;
+    /**
+     * Use the MapLibre.flyTo function to center the map to the current users position if true.
+     * Otherwise the MapLibre.setCenter function is used.
+     */
+    useFlyTo?: boolean;
+    /**
+     * Center map to current position once updated location data is recieved.
+     * "false" will center the map once on component activation and then display the updated user location on the map.
+     */
+    centerUserPosition?: boolean;
+    /**
+     * Orientation cone paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the orientation cone polygon.
+     * Use any available paint prop from layer type "fill".
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+     */
+    orientationConePaint?: FillLayerSpecification['paint'];
+    /**
+     * Position circle paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the position circle.
+     * Use any available paint prop from layer type "circle".
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
+     */
+    circlePaint?: CircleLayerSpecification['paint'];
+    /**
+     * Active button font color
+     */
+    onColor?: string;
+    /**
+     * Inactive button font color
+     */
+    offColor?: string;
+    /**
+     * Accuracy paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy polygon.
+     * Use any available paint prop from layer type "fill".
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+     */
+    accuracyPaint?: FillLayerSpecification['paint'];
+}
+/**
+ * Adds a button that makes the map follow the users GPS position using
+ * navigator.geolocation.watchPosition if activated
+ *
+ */
+declare const MlFollowGps: {
+    (props: MlFollowGpsProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+        offColor: string;
+        showAccuracyCircle: boolean;
+        showUserLocation: boolean;
+        showOrientation: boolean;
+        centerUserPosition: boolean;
+        useFlyTo: boolean;
+    };
+};
+export default MlFollowGps;

package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.d.ts

@@ -1,98 +1,98 @@
-/// <reference types="react" />
-import { Feature, FeatureCollection } from '@turf/turf';
-import { useLayerProps } from '../../hooks/useLayer';
-import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, LayerSpecification, RasterLayerSpecification } from 'maplibre-gl';
-export type MlGeoJsonLayerProps = {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * Id of an existing layer in the mapLibre instance to help specify the layer order
-     * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
-     * This layer will not be added to the maplibre-gl instance until a layer with an
-     * id that matches the value of insertBeforeLayer is created.
-     */
-    insertBeforeLayer?: string;
-    /**
-     * Id of the new layer and source that are added to the MapLibre instance
-     */
-    layerId?: string;
-    /**
-     * GeoJSON data that is supposed to be rendered by this component.
-     */
-    geojson?: Feature | FeatureCollection | undefined;
-    /**
-     * Type of the layer that will be added to the MapLibre instance.
-     * All types from LayerSpecification union type are supported except the type from
-     * RasterLayerSpecification
-     */
-    type?: Exclude<LayerSpecification['type'], RasterLayerSpecification['type']>;
-    /**
-     * @deprecated The property should not be used. Please use the options.paint property instead. This will be removed in the next major release.
-     * Paint property object, that is passed to the addLayer call.
-     * Possible props depend on the layer type.
-     * See https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/
-     * Some examples are:
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-     * All paint types from LayerSpecification union type are supported except the paint type from
-     * RasterLayerSpecification
-     */
-    paint?: Exclude<LayerSpecification['paint'], RasterLayerSpecification['paint']>;
-    /**
-     * @deprecated The property should not be used. Please use the options.layout property instead. This will be removed in the next major release.
-     * Layout property object, that is passed to the addLayer call.
-     * Possible props depend on the layer type.
-     * See https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/
-     * Some examples are:
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
-     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-     * All layout types from LayerSpecification union type are supported except the layout type from
-     * RasterLayerSpecification
+import React from 'react';
+import { Feature, FeatureCollection } from '@turf/turf';
+import { useLayerProps } from '../../hooks/useLayer';
+import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, LayerSpecification, RasterLayerSpecification } from 'maplibre-gl';
+export type MlGeoJsonLayerProps = {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * Id of an existing layer in the mapLibre instance to help specify the layer order
+     * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
+     * This layer will not be added to the maplibre-gl instance until a layer with an
+     * id that matches the value of insertBeforeLayer is created.
+     */
+    insertBeforeLayer?: string;
+    /**
+     * Id of the new layer and source that are added to the MapLibre instance
+     */
+    layerId?: string;
+    /**
+     * GeoJSON data that is supposed to be rendered by this component.
+     */
+    geojson?: GeoJSON.Feature | GeoJSON.FeatureCollection | Feature | FeatureCollection | undefined;
+    /**
+     * Type of the layer that will be added to the MapLibre instance.
+     * All types from LayerSpecification union type are supported except the type from
+     * RasterLayerSpecification
+     */
+    type?: Exclude<LayerSpecification['type'], RasterLayerSpecification['type']>;
+    /**
+     * @deprecated The property should not be used. Please use the options.paint property instead. This will be removed in the next major release.
+     * Paint property object, that is passed to the addLayer call.
+     * Possible props depend on the layer type.
+     * See https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/
+     * Some examples are:
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+     * All paint types from LayerSpecification union type are supported except the paint type from
+     * RasterLayerSpecification
+     */
+    paint?: Exclude<LayerSpecification['paint'], RasterLayerSpecification['paint']>;
+    /**
+     * @deprecated The property should not be used. Please use the options.layout property instead. This will be removed in the next major release.
+     * Layout property object, that is passed to the addLayer call.
+     * Possible props depend on the layer type.
+     * See https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/
+     * Some examples are:
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+     * All layout types from LayerSpecification union type are supported except the layout type from
+     * RasterLayerSpecification
 
-     */
-    layout?: LayerSpecification['layout'];
-    /**
-     * Javascript object that is spread into the addLayer commands first parameter.
-     */
-    options?: useLayerProps['options'];
-    /**
-     * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
-     */
-    defaultPaintOverrides?: {
-        circle?: CircleLayerSpecification['paint'];
-        fill?: FillLayerSpecification['paint'];
-        line?: LineLayerSpecification['paint'];
-    };
-    /**
-     * Property name in the GeoJSON object to be used as a label.
-     */
-    labelProp?: string;
-    /**
-     * Label configuration options.
-     */
-    labelOptions?: useLayerProps['options'];
-    /**
-     * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
-     */
-    onHover?: useLayerProps['onHover'];
-    /**
-     * Click event handler that is executed whenever a geometry rendered by this component is clicked.
-     */
-    onClick?: useLayerProps['onClick'];
-    /**
-     * Leave event handler that is executed whenever a geometry rendered by this component is
-     * left/unhovered.
-     */
-    onLeave?: useLayerProps['onLeave'];
-};
-/**
- * Adds source and layer to display GeoJSON data on the map.
- *
- * @component
- */
-declare const MlGeoJsonLayer: (props: MlGeoJsonLayerProps) => JSX.Element;
-export default MlGeoJsonLayer;
+     */
+    layout?: LayerSpecification['layout'];
+    /**
+     * Javascript object that is spread into the addLayer commands first parameter.
+     */
+    options?: useLayerProps['options'];
+    /**
+     * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
+     */
+    defaultPaintOverrides?: {
+        circle?: CircleLayerSpecification['paint'];
+        fill?: FillLayerSpecification['paint'];
+        line?: LineLayerSpecification['paint'];
+    };
+    /**
+     * Property name in the GeoJSON object to be used as a label.
+     */
+    labelProp?: string;
+    /**
+     * Label configuration options.
+     */
+    labelOptions?: useLayerProps['options'];
+    /**
+     * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
+     */
+    onHover?: useLayerProps['onHover'];
+    /**
+     * Click event handler that is executed whenever a geometry rendered by this component is clicked.
+     */
+    onClick?: useLayerProps['onClick'];
+    /**
+     * Leave event handler that is executed whenever a geometry rendered by this component is
+     * left/unhovered.
+     */
+    onLeave?: useLayerProps['onLeave'];
+};
+/**
+ * Adds source and layer to display GeoJSON data on the map.
+ *
+ * @component
+ */
+declare const MlGeoJsonLayer: (props: MlGeoJsonLayerProps) => React.JSX.Element;
+export default MlGeoJsonLayer;

package/dist/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.lineStyler.d.ts

@@ -1,2 +1,9 @@
-export default LineStyler;
-declare function LineStyler(props: any): JSX.Element;
+import React from 'react';
+import { GeoJSON } from 'geojson';
+interface LineStylerProps {
+    geojson: GeoJSON;
+    openSidebar: boolean;
+    setOpenSidebar: (open: boolean) => void;
+}
+declare const LineStyler: React.FC<LineStylerProps>;
+export default LineStyler;

package/dist/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.polygonStyler.d.ts

@@ -1,2 +1,8 @@
-export default PolygonStyler;
-declare function PolygonStyler(props: any): JSX.Element;
+import React from 'react';
+interface PolygonStylerProps {
+    geojson: GeoJSON.FeatureCollection;
+    openSidebar: boolean;
+    setOpenSidebar: (open: boolean) => void;
+}
+declare const PolygonStyler: React.FC<PolygonStylerProps>;
+export default PolygonStyler;

package/dist/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerCircleStyler.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer';
-declare const CircleMapStyler: (props: MlGeoJsonLayerProps) => JSX.Element;
-export default CircleMapStyler;
+import React from 'react';
+import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer';
+declare const CircleMapStyler: (props: MlGeoJsonLayerProps) => React.JSX.Element;
+export default CircleMapStyler;