@mapcomponents/react-maplibre 0.1.63 → 0.1.64

package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.d.ts

@@ -1,6 +1,11 @@
-import { IControl, MapOptions as MapOptionsType } from "!maplibre-gl";
-import { Map as MapType } from "maplibre-gl";
-type EventArgArray = [string, string | Function, Function?];
+import { Map, IControl, MapOptions as MapOptionsType, MapEventType, MapLayerEventType, StyleImageInterface, LayerSpecification, CustomLayerInterface, SourceSpecification, ControlPosition } from '!maplibre-gl';
+import { Map as MapType, Style } from 'maplibre-gl';
+type WrapperEventArgArray = [string, (arg0: unknown) => void];
+type EventArgArray = [
+    keyof MapLayerEventType | keyof MapEventType,
+    string | ((arg0: unknown) => void),
+    ((arg0: unknown) => void)?
+];
 type LayerState = {
     id: string;
     type: string;
@@ -29,47 +34,68 @@ declare class MapLibreGlWrapper {
             layers: [string?];
             sources: [string?];
             images: [string?];
-            controls: [IControl?];
+            controls: [(IControl | unknown)?];
             events: [EventArgArray?];
-            wrapperEvents: [EventArgArray?];
+            wrapperEvents: [WrapperEventArgArray?];
         };
     };
     baseLayers: [string?];
     firstSymbolLayer: string | undefined;
     eventHandlers: {
-        layerchange: [Function?];
-        viewportchange: [Function?];
+        layerchange: {
+            handler: (ev: unknown) => void;
+            options?: object | string;
+        }[];
+        viewportchange: {
+            handler: (ev: unknown) => void;
+        }[];
     };
     wrapper: {
-        on: Function;
-        off: Function;
-        fire: Function;
-        layerState: [LayerState?];
+        on: (eventName: string, handler: (ev: unknown) => void, options?: object | string, componentId?: string) => void;
+        off: (type: string, listener: (ev: unknown) => void) => void;
+        fire: (eventName: string, context?: unknown) => void;
+        layerState: LayerState[];
         layerStateString: string;
         oldLayerStateStrings: object;
-        buildLayerObject: Function;
-        buildLayerObjects: Function;
-        refreshLayerState: Function;
+        buildLayerObject: (layer: ReturnType<Style['getLayer']>) => LayerState;
+        buildLayerObjects: () => LayerState[];
+        refreshLayerState: () => void;
         viewportState: ViewportState;
         viewportStateString: string;
         oldViewportStateString: string;
-        getViewport: Function;
-        refreshViewport: Function;
+        getViewport: () => {
+            center: {
+                lng: number;
+                lat: number;
+            };
+            zoom: number;
+            bearing: number;
+            pitch: number;
+        };
+        refreshViewport: () => void;
     };
-    initRegisteredElements: Function;
-    addNativeMaplibreFunctionsAndProps: Function;
+    initRegisteredElements: (componentId: string, force?: boolean | undefined) => void;
+    addNativeMaplibreFunctionsAndProps: () => void;
     map: MapType;
     style: object;
     styleJson: object;
-    addLayer: Function;
-    addSource: Function;
-    addControl: Function;
-    addImage: Function;
-    on: Function;
-    cleanup: Function;
+    addLayer: (layer: (LayerSpecification & {
+        source?: string | SourceSpecification | undefined;
+    }) | (CustomLayerInterface & {
+        source?: string | SourceSpecification | undefined;
+    }), beforeId?: string | undefined, componentId?: string | undefined) => Map | undefined;
+    addSource: (id: string, source: SourceSpecification, componentId?: string | undefined) => Map | undefined;
+    addControl: (control: IControl | unknown, position?: ControlPosition | undefined, componentId?: string | undefined) => Map | undefined;
+    addImage: (id: string, image: HTMLImageElement | ImageBitmap | ImageData | {
+        width: number;
+        height: number;
+        data: Uint8Array | Uint8ClampedArray;
+    } | StyleImageInterface, componentId?: string | undefined) => void;
+    on: (type: keyof MapLayerEventType | keyof MapEventType | string, layerId: string | ((ev: unknown) => void), handler?: ((ev: MapEventType & unknown) => Map | void) | string, componentId?: string | undefined) => Map | undefined;
+    cleanup: (componentId: string) => void;
     constructor(props: {
         mapOptions: MapOptionsType;
-        onReady: Function;
+        onReady: (map: MapType, context: unknown) => void;
     });
 }
 export default MapLibreGlWrapper;

package/dist/components/MlCenterPosition/MlCenterPosition.d.ts

@@ -1,4 +1,5 @@
-interface MlCenterPositionProps {
+import { SxProps, Theme } from "@mui/material";
+export interface MlCenterPositionProps {
     /**
      * Id of the target MapLibre instance in mapContext
      */
@@ -19,7 +20,7 @@ interface MlCenterPositionProps {
     /**
      * CSS style object that is applied to the button component
      */
-    style?: any;
+    style?: SxProps<Theme> | undefined;
 }
 /**
  * Component template

package/dist/components/MlCenterPosition/MlCenterPosition.stories.d.ts

@@ -1,17 +1,36 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlCenterPosition").MlCenterPositionProps): JSX.Element;
+        defaultProps: {
+            mapId: undefined;
+            style: {
+                minWidth: string;
+                minHeight: string;
+                width: string;
+                height: string;
+                backgroundColor: string;
+                borderRadius: string;
+                margin: number;
+                fontSize: string;
+                ":hover": {
+                    backgroundColor: string;
+                    color: string;
+                };
+            };
+            onColor: string;
+            offColor: string;
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any) => JSX.Element)[];
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+            };
+        };
+    };
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlCenterPosition as component };
-    export const argTypes: {};
-    export { mapContextDecorator as decorators };
-    export namespace parameters {
-        namespace docs {
-            namespace source {
-                const type: string;
-            }
-        }
-    }
-}
-import MlCenterPosition from "./MlCenterPosition";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

package/dist/components/MlComponentTemplate/MlComponentTemplate.d.ts

@@ -1,4 +1,4 @@
-interface MlComponentTemplateProps {
+export interface MlComponentTemplateProps {
     /**
      * Id of the target MapLibre instance in mapContext
      */

package/dist/components/MlComponentTemplate/MlComponentTemplate.stories.d.ts

@@ -1,10 +1,13 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlComponentTemplate").MlComponentTemplateProps): JSX.Element;
+        defaultProps: {
+            mapId: undefined;
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlComponentTemplate as component };
-    export const argTypes: {};
-    export { mapContextDecorator as decorators };
-}
-import MlComponentTemplate from "./MlComponentTemplate";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

package/dist/components/MlCreatePdfButton/MlCreatePdfButton.d.ts

@@ -1,4 +1,4 @@
-interface MlCreatePdfButtonProps {
+export interface MlCreatePdfButtonProps {
     /**
      * Id of the target MapLibre instance in mapContext
      */

package/dist/components/MlCreatePdfButton/MlCreatePdfButton.stories.d.ts

@@ -1,10 +1,13 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlCreatePdfButton").MlCreatePdfButtonProps): JSX.Element;
+        defaultProps: {
+            mapId: undefined;
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlCreatePdfButton as component };
-    export const argTypes: {};
-    export { mapContextDecorator as decorators };
-}
-import MlCreatePdfButton from "./MlCreatePdfButton";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

package/dist/components/MlGPXViewer/util/GeoJsonContext.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { FeatureCollection } from '@turf/turf';
-type ContextProps = {
+declare type ContextProps = {
     data: FeatureCollection;
     setData: Function;
     getEmptyFeatureCollection: Function;

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

@@ -1,6 +1,7 @@
 import { Feature, FeatureCollection } from '@turf/turf';
-import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, MapLayerMouseEvent } from 'maplibre-gl';
-type MlGeoJsonLayerProps = {
+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
      */
@@ -22,29 +23,39 @@ type MlGeoJsonLayerProps = {
     geojson: Feature | FeatureCollection | undefined;
     /**
      * Type of the layer that will be added to the MapLibre instance.
-     * Possible values: "line", "circle", "fill"
+     * All types from LayerSpecification union type are supported except the type from
+     * RasterLayerSpecification
      */
-    type?: 'fill' | 'line' | 'circle';
+    type?: Exclude<LayerSpecification['type'], RasterLayerSpecification['type']>;
     /**
      * 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?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+    paint?: Exclude<LayerSpecification['paint'], RasterLayerSpecification['paint']>;
     /**
      * 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?: CircleLayerSpecification['layout'] | FillLayerSpecification['layout'] | LineLayerSpecification['layout'];
+    layout?: Exclude<LayerSpecification['layout'], RasterLayerSpecification['layout']>;
     /**
      * Javascript object that is spread into the addLayer commands first parameter.
      */
-    options?: CircleLayerSpecification | FillLayerSpecification | LineLayerSpecification;
+    options?: Exclude<LayerSpecification, RasterLayerSpecification>;
     /**
      * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
      */
@@ -56,19 +67,19 @@ type MlGeoJsonLayerProps = {
     /**
      * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
      */
-    onHover?: MapLayerMouseEvent;
+    onHover?: useLayerProps['onHover'];
     /**
      * Click event handler that is executed whenever a geometry rendered by this component is clicked.
      */
-    onClick?: MapLayerMouseEvent;
+    onClick?: useLayerProps['onClick'];
     /**
      * Leave event handler that is executed whenever a geometry rendered by this component is
      * left/unhovered.
      */
-    onLeave?: MapLayerMouseEvent;
+    onLeave?: useLayerProps['onLeave'];
 };
 /**
- * Adds source and layer of types "line", "fill" or "circle" to display GeoJSON data on the map.
+ * Adds source and layer to display GeoJSON data on the map.
  *
  * @component
  */

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

@@ -1,100 +1,7 @@
+import { MlGeoJsonLayerProps } from './MlGeoJsonLayer';
 declare const storyoptions: {
     title: string;
-    component: (props: {
-        mapId?: string | undefined;
-        insertBeforeLayer?: string | undefined;
-        layerId?: string | undefined;
-        geojson: import("@turf/turf").Feature<import("@turf/turf").Geometry | import("@turf/turf").GeometryCollection, import("@turf/turf").Properties> | import("@turf/turf").FeatureCollection<import("@turf/turf").Geometry | import("@turf/turf").GeometryCollection, import("@turf/turf").Properties> | undefined;
-        type?: "circle" | "line" | "fill" | undefined;
-        paint?: {
-            "circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-            "circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-            "circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-            "circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-            "circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-            "circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-            "circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-        } | {
-            "fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean> | undefined;
-            "fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-            "fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-            "fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-            "fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-            "fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-        } | {
-            "line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-            "line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-            "line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-            "line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            "line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<number[]> | undefined;
-            "line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-            "line-gradient"?: import("maplibre-gl").ExpressionSpecification | undefined;
-        } | undefined;
-        layout?: {
-            "circle-sort-key"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            visibility?: "none" | "visible" | undefined;
-        } | {
-            "fill-sort-key"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            visibility?: "none" | "visible" | undefined;
-        } | {
-            "line-cap"?: import("maplibre-gl").PropertyValueSpecification<"square" | "round" | "butt"> | undefined;
-            "line-join"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<"round" | "bevel" | "miter"> | undefined;
-            "line-miter-limit"?: import("maplibre-gl").PropertyValueSpecification<number> | undefined;
-            "line-round-limit"?: import("maplibre-gl").PropertyValueSpecification<number> | undefined;
-            "line-sort-key"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            visibility?: "none" | "visible" | undefined;
-        } | undefined;
-        options?: import("maplibre-gl").CircleLayerSpecification | import("maplibre-gl").FillLayerSpecification | import("maplibre-gl").LineLayerSpecification | undefined;
-        defaultPaintOverrides?: {
-            circle?: {
-                "circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-                "circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-                "circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-                "circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-                "circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-                "circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-                "circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-            } | undefined;
-            fill?: {
-                "fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean> | undefined;
-                "fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-                "fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-                "fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-                "fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-                "fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-            } | undefined;
-            line?: {
-                "line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-                "line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-                "line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-                "line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-                "line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<number[]> | undefined;
-                "line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-                "line-gradient"?: import("maplibre-gl").ExpressionSpecification | undefined;
-            } | undefined;
-        } | undefined;
-        onHover?: import("maplibre-gl").MapLayerMouseEvent | undefined;
-        onClick?: import("maplibre-gl").MapLayerMouseEvent | undefined;
-        onLeave?: import("maplibre-gl").MapLayerMouseEvent | undefined;
-    }) => JSX.Element;
+    component: (props: MlGeoJsonLayerProps) => JSX.Element;
     argTypes: {};
     decorators: ((Story: any) => JSX.Element)[];
 };
@@ -102,3 +9,5 @@ export default storyoptions;
 export declare const Linestring: any;
 export declare const Polygon: any;
 export declare const DefaultPaintOverrides: any;
+export declare const HeatMapEarthquakes: any;
+export declare const CircleMapWheregroupLocations: any;

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

@@ -0,0 +1,3 @@
+import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer';
+declare const CircleMapStyler: (props: MlGeoJsonLayerProps) => JSX.Element;
+export default CircleMapStyler;

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

@@ -0,0 +1,3 @@
+import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer';
+declare const HeatMapStyler: (props: MlGeoJsonLayerProps) => JSX.Element;
+export default HeatMapStyler;

package/dist/components/MlGpxViewer/MlGpxViewer.d.ts

@@ -0,0 +1,30 @@
+import { FeatureCollection } from '@turf/turf';
+import { MetadataType } from '../../hooks/useGpx/useGpx';
+export interface MlGpxViewerProps {
+    /**
+     * Id of the target MapLibre instance in mapHook
+     */
+    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;
+    /**
+     * Prefix of the component id this component uses when adding elements to the MapLibreGl-instance
+     */
+    idPrefix?: string;
+    gpxData: string | undefined;
+    onParseGpxData: (arg0: {
+        geojson: FeatureCollection | undefined;
+        metadata: MetadataType[];
+    }) => void;
+}
+/**
+ * MlGpxViewer visualizes a given GPX Track on the map
+ */
+declare const MlGpxViewer: {
+    (props: MlGpxViewerProps): JSX.Element;
+    defaultProps: {};
+};
+export default MlGpxViewer;

package/dist/components/MlGpxViewer/MlGpxViewer.stories.d.ts

@@ -0,0 +1,17 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlGpxViewer").MlGpxViewerProps): JSX.Element;
+        defaultProps: {};
+    };
+    argTypes: {
+        options: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    decorators: ((Story: any) => JSX.Element)[];
+};
+export default storyoptions;
+export declare const ExampleConfig: any;

package/dist/components/MlGpxViewer/MlGpxViewer.test.d.ts

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

package/dist/components/MlGpxViewer/util/GeoJsonContext.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FeatureCollection } from '@turf/turf';
+type ContextProps = {
+    data: FeatureCollection;
+    setData: Function;
+    getEmptyFeatureCollection: Function;
+};
+declare const GeoJsonContext: React.Context<Partial<ContextProps>>;
+export declare const GeoJsonContextProvider: React.Provider<Partial<ContextProps>>;
+export default GeoJsonContext;

package/dist/components/MlGpxViewer/util/GeoJsonProvider.d.ts

@@ -0,0 +1,4 @@
+declare const GeoJsonProvider: ({ children }: {
+    children: JSX.Element;
+}) => JSX.Element;
+export default GeoJsonProvider;

package/dist/components/MlGpxViewer/util/MetadataDrawer.d.ts

@@ -0,0 +1,7 @@
+import { MetadataType } from '../../../hooks/useGpx/useGpx';
+type Props = {
+    metadata: MetadataType[];
+    open: boolean;
+};
+export default function MetadataDrawer(props: Props): JSX.Element;
+export {};

package/dist/components/MlGpxViewer/util/MlGpxDemoLoader.d.ts

@@ -0,0 +1,10 @@
+interface MlGpxDemoLoaderProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    setGpx: (gpx: string | undefined) => void;
+}
+/**
+ * MlGpxDemoLoader returns a button to load a Demo GPX Track into the map.
+ */
+declare const MlGpxDemoLoader: (props: MlGpxDemoLoaderProps) => JSX.Element;
+export default MlGpxDemoLoader;

package/dist/components/MlGpxViewer/util/MlGpxViewerInstructions.d.ts

@@ -0,0 +1,3 @@
+export default function MlGpxViewerInstructions(props: {
+    open: boolean;
+}): JSX.Element;

package/dist/components/MlImageMarkerLayer/MlImageMarkerLayer.d.ts

@@ -1,4 +1,6 @@
-interface MlImageMarkerLayerProps {
+import { SymbolLayerSpecification } from 'maplibre-gl';
+import { Feature, FeatureCollection } from '@turf/turf';
+export interface MlImageMarkerLayerProps {
     /**
      * Id of the target MapLibre instance in mapContext
      */
@@ -23,7 +25,14 @@ interface MlImageMarkerLayerProps {
     /**
      * Javascript object that is passed the addLayer command as first parameter.
      */
-    options?: any;
+    options?: {
+        source?: {
+            type?: string | undefined;
+            data: Feature | FeatureCollection | undefined;
+        };
+        layout?: SymbolLayerSpecification['layout'];
+        paint?: SymbolLayerSpecification['paint'];
+    };
 }
 declare const MlImageMarkerLayer: (props: MlImageMarkerLayerProps) => JSX.Element;
 export default MlImageMarkerLayer;

package/dist/components/MlImageMarkerLayer/MlImageMarkerLayer.stories.d.ts

@@ -1,10 +1,8 @@
+declare const storyoptions: {
+    title: string;
+    component: (props: import("./MlImageMarkerLayer").MlImageMarkerLayerProps) => JSX.Element;
+    argTypes: {};
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlImageMarkerLayer as component };
-    export const argTypes: {};
-    export { mapContextDecorator as decorators };
-}
-import MlImageMarkerLayer from "./MlImageMarkerLayer";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

package/dist/components/MlLayerMagnify/MlLayerMagnify.d.ts

@@ -1,5 +1,6 @@
-import "./style.css";
-interface MlLayerMagnifyProps {
+import React from 'react';
+import './style.css';
+export interface MlLayerMagnifyProps {
     /**
      * Id of the first MapLibre instance
      */
@@ -12,6 +13,10 @@ interface MlLayerMagnifyProps {
      * Size of the "magnifier"-circle
      */
     magnifierRadius?: number;
+    /**
+     * object (React.CSSProperties) that is added to the magnifier default style
+     */
+    magnifierStyle: React.CSSProperties | undefined;
 }
 /**
  *
@@ -22,6 +27,7 @@ declare const MlLayerMagnify: {
     (props: MlLayerMagnifyProps): JSX.Element;
     defaultProps: {
         magnifierRadius: number;
+        magnifierStyle: {};
     };
 };
 export default MlLayerMagnify;

package/dist/components/MlLayerMagnify/MlLayerMagnify.stories.d.ts

@@ -1,10 +1,14 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlLayerMagnify").MlLayerMagnifyProps): JSX.Element;
+        defaultProps: {
+            magnifierRadius: number;
+            magnifierStyle: {};
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlLayerMagnify as component };
-    export const argTypes: {};
-    export { multiMapContextDecorator as decorators };
-}
-import MlLayerMagnify from "./MlLayerMagnify";
-import multiMapContextDecorator from "../../decorators/MultiMapContextDecorator";
+export declare const ExampleConfig: any;