@mapcomponents/react-maplibre 0.1.66 → 0.1.67

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

@@ -11,5 +11,8 @@ declare namespace storyoptions {
             }
         }
     }
+    export namespace parameters {
+        const sourceLink: string;
+    }
 }
 import MapLibreMap from "./MapLibreMap";

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

@@ -1,4 +1,4 @@
-import { Map, IControl, MapOptions as MapOptionsType, MapEventType, MapLayerEventType, StyleImageInterface, LayerSpecification, CustomLayerInterface, SourceSpecification, ControlPosition } from '!maplibre-gl';
+import { Map, IControl, MapOptions as MapOptionsType, MapEventType, MapLayerEventType, StyleImageInterface, LayerSpecification, CustomLayerInterface, SourceSpecification, ControlPosition, StyleImageMetadata } from '!maplibre-gl';
 import { Map as MapType, Style } from 'maplibre-gl';
 type WrapperEventArgArray = [string, (arg0: unknown) => void];
 type EventArgArray = [
@@ -28,6 +28,18 @@ type ViewportState = {
  *
  * @class
  */
+interface MapLibreGlWrapper extends MapType {
+    addImage: (id: string, image: HTMLImageElement | ImageBitmap | ImageData | {
+        width: number;
+        height: number;
+        data: Uint8Array | Uint8ClampedArray;
+    } | StyleImageInterface, key?: Partial<StyleImageMetadata> | string | undefined, componentId?: string | undefined) => this;
+    addLayer: (layer: (LayerSpecification & {
+        source?: string | SourceSpecification | undefined;
+    }) | (CustomLayerInterface & {
+        source?: string | SourceSpecification | undefined;
+    }), beforeId?: string | undefined, componentId?: string | undefined) => this;
+}
 declare class MapLibreGlWrapper {
     registeredElements: {
         [key: string]: {
@@ -77,21 +89,11 @@ declare class MapLibreGlWrapper {
     initRegisteredElements: (componentId: string, force?: boolean | undefined) => void;
     addNativeMaplibreFunctionsAndProps: () => void;
     map: MapType;
-    style: object;
+    style: Style;
     styleJson: object;
-    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;
+    addSource: (id: string, source: SourceSpecification, componentId?: string | undefined) => this;
+    addControl: (control: IControl | unknown, position?: ControlPosition | undefined, componentId?: string | undefined) => this;
+    on: (type: keyof MapLayerEventType | keyof MapEventType | string, layerId: string | ((ev: unknown) => void), handler?: ((ev: MapEventType & unknown) => Map | void) | string, componentId?: string | undefined) => this;
     cleanup: (componentId: string) => void;
     constructor(props: {
         mapOptions: MapOptionsType;

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

@@ -23,7 +23,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
     parameters: {
         docs: {
             source: {

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

@@ -7,7 +7,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -7,7 +7,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -8,7 +8,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -1,2 +1,2 @@
 export default createSupplementaryPoints;
-declare function createSupplementaryPoints(geojson: any, options?: {}, basePath?: null): GeoJSON[];
+declare function createSupplementaryPoints(geojson: any, options?: {}, basePath?: null): typeof import("geojson")[];

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

@@ -10,4 +10,4 @@ export default create_vertex;
  * @param {boolean} selected
  * @return {GeoJSON} Point
  */
-declare function create_vertex(parentId: string, coordinates: Array<number>, path: string, selected: boolean): GeoJSON;
+declare function create_vertex(parentId: string, coordinates: Array<number>, path: string, selected: boolean): typeof import("geojson");

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

@@ -3,7 +3,7 @@ declare const storyoptions: {
     title: string;
     component: (props: MlGeoJsonLayerProps) => JSX.Element;
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const Linestring: any;

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

@@ -7,7 +7,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -11,7 +11,7 @@ declare const storyoptions: {
             };
         };
     };
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -2,7 +2,7 @@ declare const storyoptions: {
     title: string;
     component: (props: import("./MlImageMarkerLayer").MlImageMarkerLayerProps) => JSX.Element;
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -8,7 +8,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -7,7 +7,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

package/dist/components/MlScaleReference/MlScaleReference.d.ts

@@ -1,2 +1,8 @@
+export interface MlScaleReferenceProps {
+    mapId?: string;
+    insertBeforeLayer?: string | undefined;
+    maxWidth?: number;
+    unit?: string;
+}
+declare const MlScaleReference: (props: MlScaleReferenceProps) => JSX.Element;
 export default MlScaleReference;
-declare function MlScaleReference(props: any): JSX.Element;

package/dist/components/MlShareMapState/MlShareMapState.d.ts

@@ -1,4 +1,15 @@
-export default MlShareMapState;
+import PropTypes from 'prop-types';
+export interface MapState {
+    lat?: number;
+    lng?: number;
+    zoom?: number;
+    bearing?: number;
+    pitch?: number;
+    layers?: {
+        visible: boolean;
+        id: string;
+    }[];
+}
 /**
  * TODO: Add short & useful description
  *
@@ -7,16 +18,24 @@ export default MlShareMapState;
  *
  * @component
  */
-declare function MlShareMapState(props: {
-    mapId: string;
-}): JSX.Element;
-declare namespace MlShareMapState {
-    namespace defaultProps {
-        const mapId: undefined;
-    }
-    namespace propTypes {
-        const mapId_1: PropTypes.Requireable<string>;
-        export { mapId_1 as mapId };
-    }
+export interface MlShareMapStateProps {
+    mapId?: string;
+    idPrefix?: string;
+    active?: boolean;
 }
-import PropTypes from "prop-types";
+export interface LayerStatesInterface {
+    [key: string]: boolean;
+}
+declare const MlShareMapState: {
+    (props: MlShareMapStateProps): JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+    propTypes: {
+        /**
+         * Id of the target MapLibre instance in mapContext
+         */
+        mapId: PropTypes.Requireable<string>;
+    };
+};
+export default MlShareMapState;

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

@@ -1,10 +1,16 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlShareMapState").MlShareMapStateProps): JSX.Element;
+        defaultProps: {
+            mapId: undefined;
+        };
+        propTypes: {
+            mapId: import("prop-types").Requireable<string>;
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any, context: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlShareMapState as component };
-    export const argTypes: {};
-    export { mapContextDecorator as decorators };
-}
-import MlShareMapState from "./MlShareMapState";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

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

@@ -8,7 +8,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -13,7 +13,7 @@ declare const storyoptions: {
             };
         };
     };
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

package/dist/components/MlSpatialElevationProfile/util/getElevationData.d.ts

@@ -8,7 +8,7 @@ interface _geojsonInfo {
     line: line;
     min: number;
 }
-export default function getElevationData(_geojsonInfo: _geojsonInfo, elevationFactor: number): import("@turf/turf").FeatureCollection<GeoJSON.Geometry, {
+export default function getElevationData(_geojsonInfo: _geojsonInfo, elevationFactor: number): import("@turf/turf").FeatureCollection<import("geojson").Geometry, {
     [name: string]: any;
 }>;
 export {};

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

@@ -15,7 +15,7 @@ declare const storyoptions: {
             };
         };
     };
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

package/dist/components/MlThreeJsLayer/MlThreejsLayer.d.ts

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+/**
+ * Renders obj or gltf 3D Models on the MapLibreMap referenced by props.mapId
+ *
+ * @component
+ */
+export interface MlThreeJsLayerProps {
+    mapId?: string;
+    init?: object;
+    onDone?: () => void;
+}
+declare const MlThreeJsLayer: {
+    (props: MlThreeJsLayerProps): JSX.Element;
+    propTypes: {
+        /**
+         * Id of the target MapLibre instance in mapContext
+         */
+        mapId: PropTypes.Requireable<string>;
+        /**
+         * function that gets called when initialized
+         */
+        init: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * function that gets called when models are loaded
+         */
+        onDone: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export default MlThreeJsLayer;

package/dist/components/MlThreeJsLayer/lib/GLTFLoader.d.ts

@@ -1,5 +1,5 @@
 export default GLTFLoader;
-declare class GLTFLoader {
+declare class GLTFLoader extends THREE.Loader {
     constructor(manager: any);
     dracoLoader: any;
     ktx2Loader: any;
@@ -15,3 +15,4 @@ declare class GLTFLoader {
     parse(data: any, path: any, onLoad: any, onError: any): void;
     parseAsync(data: any, path: any): Promise<any>;
 }
+import * as THREE from "three";

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

@@ -15,7 +15,7 @@ declare const storyoptions: {
         url: {};
         layer: {};
     };
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -18,7 +18,7 @@ declare const storyoptions: {
         url: {};
         layer: {};
     };
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

package/dist/contexts/MapContext.d.ts

@@ -1,4 +1,15 @@
-import React from "react";
+import React, { ReactNode } from 'react';
+import MapLibreGlWrapper from '../components/MapLibreMap/lib/MapLibreGlWrapper';
+export interface MapContextType {
+    mapIds: string[];
+    mapExists: (map_id: string | undefined) => boolean;
+    maps: MapLibreGlWrapper[];
+    map: MapLibreGlWrapper | undefined;
+    getMap: (map_id: string | undefined) => MapLibreGlWrapper;
+    setMap: (map: MapLibreGlWrapper) => void;
+    removeMap: (map_id: string | undefined) => void;
+    registerMap: (map_id: string | undefined, map: MapLibreGlWrapper) => void;
+}
 declare const MapContext: React.Context<MapContextType>;
 /**
  * MapComponentsProvider must be imported and wrapped around component where at least one of its child nodes requires access to a MapLibre-gl or openlayers instance that is registered in this mapContext.
@@ -7,7 +18,7 @@ MapComponentsProvider must be used one level higher than the first use of MapCon
  * MapComponentsProvider requires at least one use of the MapLibreMap component somewhere down the component tree that will create the MapLibre-gl object and set the reference at MapContext.map. For MapLibre maps it is a good idea to provide a mapId attribute to the MapLibreMap Component even if you are only using a single map instance at start. It will make a later transition to using multiple instances within the same project much easier.
  */
 declare const MapComponentsProvider: ({ children }: {
-    children: any;
+    children: ReactNode;
 }) => JSX.Element;
 export { MapComponentsProvider };
 export default MapContext;

package/dist/custom.d.d.ts

@@ -7,7 +7,7 @@ declare module "*.js" {
     const content: any;
     export default content;
 }
-type MapContextType = {
+declare type MapContextType = {
     mapIds: [string?];
     mapExists: Function;
     maps: [];

package/dist/decorators/MapContextDecorator.d.ts

@@ -1,2 +1,2 @@
 export default decorators;
-declare const decorators: ((Story: any) => JSX.Element)[];
+declare const decorators: ((Story: any, context: any) => JSX.Element)[];

package/dist/decorators/MapContextDecoratorHooks.d.ts

@@ -1,2 +1,2 @@
 export default decorators;
-declare const decorators: ((Story: any) => JSX.Element)[];
+declare const decorators: ((Story: any, context: any) => JSX.Element)[];

package/dist/decorators/MultiMapContextDecorator.d.ts

@@ -1,2 +1,2 @@
 export default decorators;
-declare const decorators: ((Story: any) => JSX.Element)[];
+declare const decorators: ((Story: any, context: any) => JSX.Element)[];

package/dist/decorators/NoNavToolsDecorator.d.ts

@@ -1,2 +1,2 @@
 export default decorators;
-declare const decorators: ((Story: any) => JSX.Element)[];
+declare const decorators: ((Story: any, context: any) => JSX.Element)[];

package/dist/decorators/ThemeWrapper.d.ts

@@ -1,3 +1 @@
-export default function ThemeWrapper(props: {
-    children: unknown;
-}): JSX.Element;
+export default function ThemeWrapper(props: any): JSX.Element;

package/dist/hooks/useCameraFollowPath/useCameraFollowPath.stories.d.ts

@@ -11,7 +11,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

package/dist/hooks/useLayerFilter/useLayerFilter.stories.d.ts

@@ -3,7 +3,7 @@ declare const storyoptions: {
     title: string;
     component: typeof useLayerFilter;
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

package/dist/index.d.ts

@@ -1,8 +1,12 @@
+export { default as MapLibreGlWrapper } from './components/MapLibreMap/lib/MapLibreGlWrapper';
 export { default as MapLibreMap } from "./components/MapLibreMap/MapLibreMap";
+export { default as MlCenterPosition } from "./components/MlCenterPosition/MlCenterPosition";
 export { default as MlComponentTemplate } from "./components/MlComponentTemplate/MlComponentTemplate";
 export { default as MlCreatePdfButton } from "./components/MlCreatePdfButton/MlCreatePdfButton";
 export { default as MlCreatePdfForm } from "./components/MlCreatePdfForm/MlCreatePdfForm";
 export { default as MlPdfPreview } from "./components/MlCreatePdfForm/lib/PdfPreview";
+export { default as PdfContext } from "./components/MlCreatePdfForm/lib/PdfContext";
+export { default as PdfForm } from "./components/MlCreatePdfForm/lib/PdfForm";
 export { default as MlFeatureEditor } from "./components/MlFeatureEditor/MlFeatureEditor";
 export { default as MlFillExtrusionLayer } from "./components/MlFillExtrusionLayer/MlFillExtrusionLayer";
 export { default as MlFollowGps } from "./components/MlFollowGps/MlFollowGps";
@@ -12,27 +16,33 @@ export { default as MlMeasureTool } from "./components/MlMeasureTool/MlMeasureTo
 export { default as MlNavigationTools } from "./components/MlNavigationTools/MlNavigationTools";
 export { default as MlNavigationCompass } from "./components/MlNavigationCompass/MlNavigationCompass";
 export { default as MlLayer } from "./components/MlLayer/MlLayer";
-export { default as MlVectorTileLayer } from "./components/MlVectorTileLayer/MlVectorTileLayer";
-export { default as MlWmsLayer } from "./components/MlWmsLayer/MlWmsLayer";
 export { default as MlScaleReference } from "./components/MlScaleReference/MlScaleReference";
 export { default as MlLayerMagnify } from "./components/MlLayerMagnify/MlLayerMagnify";
 export { default as MlLayerSwipe } from "./components/MlLayerSwipe/MlLayerSwipe";
 export { default as MlTransitionGeoJsonLayer } from "./components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer";
 export { default as MlMarker } from "./components/MlMarker/MlMarker";
+export { default as MlOsmLayer } from "./components/MlOsmLayer/MlOsmLayer.js";
 export { default as MlGpxViewer } from "./components/MlGpxViewer/MlGpxViewer";
 export { default as GeoJsonProvider } from "./components/MlGpxViewer/util/GeoJsonProvider";
 export { default as GeoJsonContext } from "./components/MlGpxViewer/util/GeoJsonContext";
+export { default as MlShareMapState } from "./components/MlShareMapState/MlShareMapState";
 export { default as MlSpatialElevationProfile } from "./components/MlSpatialElevationProfile/MlSpatialElevationProfile";
-export { default as MlOsmLayer } from "./components/MlOsmLayer/MlOsmLayer.js";
+export { default as MlVectorTileLayer } from "./components/MlVectorTileLayer/MlVectorTileLayer";
+export { default as MlWmsFeatureInfoPopup } from "./components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup";
+export { default as MlWmsLayer } from "./components/MlWmsLayer/MlWmsLayer";
+export { default as MlWmsLoader } from "./components/MlWmsLoader/MlWmsLoader";
 export { default as MlBasicComponent } from "./components/MlBasicComponent.js";
+export { default as useCameraFollowPath } from "./hooks/useCameraFollowPath/useCameraFollowPath";
+export { default as useExportMap } from "./hooks/useExportMap";
+export { default as useGpx } from "./hooks/useGpx/useGpx";
+export { default as useLayerFilter } from "./hooks/useLayerFilter/useLayerFilter";
+export { default as useLayerHoverPopup } from "./hooks/useLayerHoverPopup/useLayerHoverPopup";
 export { default as useLayer } from "./hooks/useLayer";
-export { default as useMapState } from "./hooks/useMapState";
+export { default as useLayerEvent } from "./hooks/useLayerEvent";
 export { default as useMap } from "./hooks/useMap";
-export { default as useWms } from "./hooks/useWms";
+export { default as useMapState } from "./hooks/useMapState";
 export { default as useSource } from "./hooks/useSource";
-export { default as useExportMap } from "./hooks/useExportMap";
-export { default as useCameraFollowPath } from "./hooks/useCameraFollowPath/useCameraFollowPath";
-export { default as useLayerFilter } from "./hooks/useLayerFilter/useLayerFilter";
+export { default as useWms } from "./hooks/useWms";
 export { MapComponentsProvider } from "./contexts/MapContext";
 export { default as MapContext } from "./contexts/MapContext";
 export { default as SimpleDataProvider } from "./contexts/SimpleDataProvider";