@mapcomponents/react-maplibre 0.1.62 → 0.1.64

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;

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

@@ -1,5 +1,6 @@
-import "./style.css";
-interface MlLayerSwipeProps {
+import React from 'react';
+import './style.css';
+export interface MlLayerSwipeProps {
     /**
      * Id of the first MapLibre instance.
      */
@@ -8,9 +9,18 @@ interface MlLayerSwipeProps {
      * Id of the second MapLibre instance.
      */
     map2Id: string;
+    /**
+     * object (React.CSSProperties) that is added to the button default style
+     */
+    buttonStyle: React.CSSProperties | undefined;
 }
 /**
  *	creates a split view of 2 synchronised maplibre instances
  */
-declare const MlLayerSwipe: (props: MlLayerSwipeProps) => JSX.Element;
+declare const MlLayerSwipe: {
+    (props: MlLayerSwipeProps): JSX.Element;
+    defaultProps: {
+        buttonStyle: {};
+    };
+};
 export default MlLayerSwipe;

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

@@ -1,11 +1,13 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlLayerSwipe").MlLayerSwipeProps): JSX.Element;
+        defaultProps: {
+            buttonStyle: {};
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export const name: string;
-    export { MlLayerSwipe as component };
-    export const argTypes: {};
-    export { multiMapContextDecorator as decorators };
-}
-import MlLayerSwipe from "./MlLayerSwipe";
-import multiMapContextDecorator from "../../decorators/MultiMapContextDecorator";
+export declare const ExampleConfig: any;

package/dist/components/MlSketchTool/LayerList/ColorPicker.d.ts

@@ -0,0 +1,9 @@
+import { paintPropsType } from './LayerPropertyForm';
+type Props = {
+    key: string;
+    value: string;
+    propKey: string;
+    setPaintProps: (paintProps: paintPropsType | ((current: paintPropsType) => paintPropsType)) => void;
+};
+export default function PaintPropsColorPicker({ propKey, value, setPaintProps }: Props): JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+type Props = {
+    children: JSX.Element;
+};
+declare function LayerList({ children }: Props): JSX.Element;
+export default LayerList;

package/dist/components/MlSketchTool/LayerList/LayerListItem.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    layerComponent: JSX.Element;
+    visible: boolean;
+    configurable: boolean;
+    type?: 'background' | 'background-labels' | 'layer' | 'wms-layer' | 'vector-tile-layer';
+    name: string;
+    description?: string;
+    additionalButtons?: JSX.Element;
+};
+declare function LayerListItem({ layerComponent, visible, type, name, description, configurable, }: Props): JSX.Element;
+export default LayerListItem;

package/dist/components/MlSketchTool/LayerList/LayerPropertyForm.d.ts

@@ -0,0 +1,9 @@
+import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification } from 'maplibre-gl';
+export type paintPropsType = CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+type Props = {
+    paintProps: paintPropsType;
+    setPaintProps: (paintProps: paintPropsType | ((current: paintPropsType) => paintPropsType)) => void;
+    layerType: string;
+};
+export default function LayerPropertyForm({ paintProps, setPaintProps }: Props): JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+import { SxProps } from '@mui/system/styleFunctionSx/styleFunctionSx';
+interface MlSketchToolProps {
+    /**
+     * 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.
+     */
+    insertBeforeLayer?: string;
+    /**
+     * Style attribute for the button-style
+     * https://mui.com/system/getting-started/the-sx-prop/
+     */
+    buttonStyleOverride?: SxProps;
+}
+/**
+ * Component template
+ *
+ */
+declare const MlSketchTool: {
+    (props: MlSketchToolProps): JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+        buttonStyleOverride: {};
+    };
+};
+export default MlSketchTool;

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

@@ -0,0 +1,10 @@
+export default storyoptions;
+export const ExampleConfig: any;
+declare namespace storyoptions {
+    export const title: string;
+    export { MlSketchTool as component };
+    export const argTypes: {};
+    export { mapContextDecorator as decorators };
+}
+import MlSketchTool from "./MlSketchTool";
+import mapContextDecorator from "../../decorators/MapContextDecorator";

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

@@ -1,20 +1,39 @@
-export default MlSpatialElevationProfile;
+import { Feature, FeatureCollection } from '@turf/turf';
 /**
  * MlSpatialElevationProfile returns a Button that will add a standard OSM tile layer to the maplibre-gl instance.
  *
  * @component
  */
-declare function MlSpatialElevationProfile(props: any): JSX.Element;
-declare namespace MlSpatialElevationProfile {
-    namespace defaultProps {
-        const elevationFactor: number;
-    }
-    namespace propTypes {
-        export const mapId: PropTypes.Requireable<string>;
-        export const idPrefix: PropTypes.Requireable<string>;
-        const elevationFactor_1: PropTypes.Requireable<number>;
-        export { elevationFactor_1 as elevationFactor };
-        export const insertBeforeLayer: PropTypes.Requireable<string>;
-    }
+interface geojson {
+    features: Feature | FeatureCollection | undefined;
+}
+export interface MlSpatialElevationProfileProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * GeoJSON data that is supposed to be rendered by this component.
+     */
+    geojson: geojson | FeatureCollection | undefined;
+    /**
+     * Prefix of the component id this component uses when adding elements to the MapLibreGl-instance
+     */
+    idPrefix?: string;
+    /**
+     * Number describes the factor of the height of the elevation
+     */
+    elevationFactor?: number;
+    /**
+     * 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;
 }
-import PropTypes from "prop-types";
+declare const MlSpatialElevationProfile: {
+    (props: MlSpatialElevationProfileProps): JSX.Element;
+    defaultProps: {
+        elevationFactor: number;
+    };
+};
+export default MlSpatialElevationProfile;

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

@@ -1,16 +1,19 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlSpatialElevationProfile").MlSpatialElevationProfileProps): JSX.Element;
+        defaultProps: {
+            elevationFactor: number;
+        };
+    };
+    argTypes: {
+        options: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlSpatialElevationProfile as component };
-    export namespace argTypes {
-        namespace options {
-            namespace control {
-                const type: string;
-            }
-        }
-    }
-    export { mapContextDecorator as decorators };
-}
-import MlSpatialElevationProfile from "./MlSpatialElevationProfile";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

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

@@ -0,0 +1,14 @@
+interface geometry {
+    coordinates: Array<number>;
+}
+interface line {
+    geometry: geometry;
+}
+interface _geojsonInfo {
+    line: line;
+    min: number;
+}
+export default function getElevationData(_geojsonInfo: _geojsonInfo, elevationFactor: number): import("@turf/turf").FeatureCollection<GeoJSON.Geometry, {
+    [name: string]: any;
+}>;
+export {};

package/dist/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.d.ts

@@ -1,71 +1,7 @@
-import { Feature, FeatureCollection } from "@turf/turf";
-import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification, MapLayerMouseEvent } from "maplibre-gl";
-interface MlTransitionGeoJsonLayerProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId: 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.
-     * Possible values: "line", "circle", "fill"
-     */
-    type?: "fill" | "line" | "circle";
-    /**
-     * Paint property object, that is passed to the addLayer call.
-     * Possible props depend on the layer type.
-     * 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
-     */
-    paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
-    /**
-     * Layout property object, that is passed to the addLayer call.
-     * Possible props depend on the layer type.
-     * 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
-     */
-    layout?: CircleLayerSpecification['layout'] | FillLayerSpecification['layout'] | LineLayerSpecification['layout'];
-    /**
-     * Javascript object that is spread into the addLayer commands first parameter.
-     */
-    options?: CircleLayerSpecification | FillLayerSpecification | LineLayerSpecification;
-    /**
-     * 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'];
-    };
-    /**
-     * 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.
-     */
-    insertBeforeLayer: string;
-    /**
-     * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
-     */
-    onHover?: MapLayerMouseEvent;
-    /**
-     * Click event handler that is executed whenever a geometry rendered by this component is clicked.
-     */
-    onClick?: MapLayerMouseEvent;
-    /**
-     * Leave event handler that is executed whenever a geometry rendered by this component is
-     * left/unhovered.
-     */
-    onLeave?: MapLayerMouseEvent;
-    /**
-     * Creates transition animation whenever the geojson prop changes.
-     * Only works with layer type "line" and LineString GeoJSON data.
-     */
+import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer/MlGeoJsonLayer';
+type MlTransitionGeoJsonLayerProps = MlGeoJsonLayerProps & {
     transitionTime: number;
-}
+};
 /**
  * Adds source and layer of types "line", "fill" or "circle" to display GeoJSON data on the map.
  */

package/dist/components/MlWmsLayer/MlWmsLayer.d.ts

@@ -1,12 +1,15 @@
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
+import { RasterLayerSpecification, RasterSourceSpecification } from 'maplibre-gl';
 interface MlWmsLayerProps {
-    urlParameters?: any;
+    urlParameters?: {
+        [key: string]: string;
+    };
     url: string;
     visible?: boolean;
     attribution?: string;
     mapId?: string;
-    sourceOptions?: any;
-    layerOptions?: any;
+    sourceOptions?: RasterSourceSpecification;
+    layerOptions?: RasterLayerSpecification;
     insertBeforeLayer?: string;
     layerId?: string;
 }

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

@@ -1,5 +1,7 @@
-import { LngLat } from "maplibre-gl";
-interface MlWmsLoaderProps {
+import { useWmsProps } from '../../hooks/useWms';
+import { LngLat } from 'maplibre-gl';
+import { Layer2 } from 'wms-capabilities';
+export interface MlWmsLoaderProps {
     /**
      * WMS URL
      */
@@ -11,18 +13,23 @@ interface MlWmsLoaderProps {
     /**
      * URL parameters that will be used in the getCapabilities request
      */
-    urlParameters: object;
+    urlParameters?: useWmsProps['urlParameters'];
     /**
      * URL parameters that will be added when requesting WMS capabilities
      */
-    wmsUrlParameters: object;
-    /**
-     * URL parameters that will be added when requesting tiles
-     */
-    layerUrlParameters: object;
-    lngLat: LngLat;
-    idPrefix: string;
+    wmsUrlParameters?: {
+        [key: string]: string;
+    };
+    lngLat?: LngLat;
+    idPrefix?: string;
 }
+export type LayerType = {
+    visible: boolean;
+    Name: string;
+    Attribution?: {
+        Title: string;
+    };
+} & Omit<Layer2, 'Layer'> & Partial<Pick<Layer2, 'Layer'>>;
 /**
  * Loads a WMS getCapabilities xml document and adds a MlWmsLayer component for each layer that is
  * offered by the WMS.

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

@@ -1,13 +1,24 @@
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlWmsLoader").MlWmsLoaderProps): JSX.Element;
+        defaultProps: {
+            url: string;
+            urlParameters: {
+                SERVICE: string;
+                VERSION: string;
+                REQUEST: string;
+            };
+            wmsUrlParameters: {
+                TRANSPARENT: string;
+            };
+        };
+    };
+    argTypes: {
+        url: {};
+        layer: {};
+    };
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlWmsLoader as component };
-    export namespace argTypes {
-        const url: {};
-        const layer: {};
-    }
-    export { mapContextDecorator as decorators };
-}
-import MlWmsLoader from "./MlWmsLoader";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

package/dist/components/MlWmsLoader/utils/MlWmsLoaderInstructions.d.ts

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

package/dist/components/MlWmsLoader/utils/WMSLinks.d.ts

@@ -0,0 +1,6 @@
+export interface wmsLinksProps {
+    load: (str: string) => void;
+    open: boolean;
+    close: () => void;
+}
+export default function WMSLinks(props: wmsLinksProps): JSX.Element;

package/dist/contexts/SimpleDataProvider.d.ts

@@ -2,7 +2,7 @@ export default SimpleDataProvider;
 declare function SimpleDataProvider(props: any): JSX.Element;
 declare namespace SimpleDataProvider {
     namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     }
 }
 import PropTypes from "prop-types";

package/dist/custom.d.d.ts

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

package/dist/decorators/ThemeWrapper.d.ts

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

package/dist/hooks/useGpx/lib/gpxConverter.d.ts

@@ -0,0 +1,11 @@
+export default toGeoJSON;
+declare namespace toGeoJSON {
+    function kml(doc: any): {
+        type: string;
+        features: never[];
+    };
+    function gpx(doc: any): {
+        type: string;
+        features: never[];
+    };
+}