@mapcomponents/react-maplibre 1.3.3 → 1.5.0-2

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

@@ -1,9 +0,0 @@
-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/src/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.polygonStyler.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { FeatureCollection } from 'geojson';
-interface PolygonStylerProps {
-    geojson: FeatureCollection;
-    openSidebar: boolean;
-    setOpenSidebar: (open: boolean) => void;
-}
-declare const PolygonStyler: React.FC<PolygonStylerProps>;
-export default PolygonStyler;

package/dist/src/components/MlGeoJsonLayer/util/getDefaultLayerTypeByGeometry.d.ts

@@ -1,4 +0,0 @@
-import { Feature, FeatureCollection } from "geojson";
-import { LayerSpecification } from "maplibre-gl";
-declare const getDefaulLayerTypeByGeometry: (geojson: Feature | FeatureCollection | undefined) => LayerSpecification["type"];
-export default getDefaulLayerTypeByGeometry;

package/dist/src/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.d.ts

@@ -1,5 +0,0 @@
-import { LayerSpecification, RasterLayerSpecification } from 'maplibre-gl';
-declare const getDefaultPaintPropsByType: (type: string, defaultPaintOverrides?: {
-    [key: string]: unknown;
-}) => Exclude<LayerSpecification["paint"], RasterLayerSpecification["paint"]>;
-export default getDefaultPaintPropsByType;

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

@@ -1,23 +0,0 @@
-import React from "react";
-export interface MlGeojsonLayerWithSourceProps {
-    /**
-     * 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;
-}
-/**
- * MlGeojsonLayerWithSource
- *
- */
-declare const MlGeojsonLayerWithSource: {
-    (props: MlGeojsonLayerWithSourceProps): React.JSX.Element;
-    defaultProps: {
-        mapId: string;
-    };
-};
-export default MlGeojsonLayerWithSource;

package/dist/src/components/MlGlobeButton/MlGlobeButton.d.ts

@@ -1,28 +0,0 @@
-import React, { CSSProperties } from 'react';
-export interface MlGlobeButtonProps {
-    /**
-     * 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 object to adjust css definitions of the component.
-     */
-    style?: CSSProperties;
-    /**
-     * Initial projection mode of the map.
-     */
-    mode?: 'globe' | 'mercator';
-}
-declare const MlGlobeButton: {
-    (props: MlGlobeButtonProps): React.JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        mode: string;
-    };
-};
-export default MlGlobeButton;

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import { FeatureCollection } from 'geojson';
-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): React.JSX.Element;
-    defaultProps: {};
-};
-export default MlGpxViewer;

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

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

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

@@ -1,5 +0,0 @@
-import React from "react";
-declare const GeoJsonProvider: ({ children }: {
-    children: React.JSX.Element;
-}) => React.JSX.Element;
-export default GeoJsonProvider;

package/dist/src/components/MlGpxViewer/util/Metadata.d.ts

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

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

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

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export default function MlGpxViewerInstructions(props: {
-    open: boolean;
-}): React.JSX.Element;

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { SymbolLayerSpecification } from 'maplibre-gl';
-import { Feature, FeatureCollection } from 'geojson';
-export interface MlImageMarkerLayerProps {
-    /**
-     * 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 to the maplibre-gl instance
-     */
-    layerId?: string;
-    /**
-     * Id of the image that will be added by this component to the maplibre-gl instance
-     */
-    imageId?: string;
-    /**
-     * Path or URL to a supported raster image
-     */
-    imgSrc?: string;
-    /**
-     * Javascript object that is passed the addLayer command as first parameter.
-     */
-    options?: {
-        source?: {
-            type?: string | undefined;
-            data: Feature | FeatureCollection | undefined;
-        };
-        layout?: SymbolLayerSpecification['layout'];
-        paint?: SymbolLayerSpecification['paint'];
-    };
-}
-declare const MlImageMarkerLayer: (props: MlImageMarkerLayerProps) => React.JSX.Element;
-export default MlImageMarkerLayer;

package/dist/src/components/MlLayer/MlLayer.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { useLayerProps } from '../../hooks/useLayer';
-import { Feature, FeatureCollection } from 'geojson';
-interface MlLayerProps {
-    /**
-     * 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 to the maplibre-gl instance
-     */
-    layerId?: string;
-    /**
-     * Javascript object that is passed the addLayer command as first parameter.
-     */
-    options?: useLayerProps['options'];
-    /**
-     * GeoJSON data that is supposed to be rendered by this component.
-     */
-    geojson?: Feature | FeatureCollection | undefined;
-}
-/**
- * Basic layer component that create a layer in a MapLibre-gl instance and keeps it updated according to it attribute configuration.
- *
- * @category Map components
- */
-declare const MlLayer: (props: MlLayerProps) => React.JSX.Element;
-export default MlLayer;

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

@@ -1,33 +0,0 @@
-import React from 'react';
-import './style.css';
-export interface MlLayerMagnifyProps {
-    /**
-     * Id of the first MapLibre instance
-     */
-    map1Id: string;
-    /**
-     * Id of the second MapLibre instance
-     */
-    map2Id: string;
-    /**
-     * Size of the "magnifier"-circle
-     */
-    magnifierRadius?: number;
-    /**
-     * object (React.CSSProperties) that is added to the magnifier default style
-     */
-    magnifierStyle: React.CSSProperties | undefined;
-}
-/**
- *
- * Hides the MapLibreMap referenced by props.map2Id except for the "magnifier"-circle that reveals
- * the map and can be dragged around on top of the MapLibreMap referenced by props.map1Id
- */
-declare const MlLayerMagnify: {
-    (props: MlLayerMagnifyProps): React.JSX.Element;
-    defaultProps: {
-        magnifierRadius: number;
-        magnifierStyle: {};
-    };
-};
-export default MlLayerMagnify;

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import './style.css';
-export interface MlLayerSwipeProps {
-    /**
-     * Id of the first MapLibre instance.
-     */
-    map1Id: string;
-    /**
-     * 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): React.JSX.Element;
-    defaultProps: {
-        buttonStyle: {};
-    };
-};
-export default MlLayerSwipe;

package/dist/src/components/MlLayerSwipe/assets/SwipeIcon.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface SwipeIconProps {
-    className?: string;
-    title?: string;
-    onClick?: () => void;
-    style?: React.CSSProperties;
-    color?: string;
-}
-declare const SwipeIcon: React.FC<SwipeIconProps>;
-export default SwipeIcon;

package/dist/src/components/MlLayerSwitcher/MlLayerSwitcher.d.ts

@@ -1,29 +0,0 @@
-import './MlLayerSwitcher.css';
-import React from 'react';
-type LayerConfig = {
-    layerId: string;
-    src?: string;
-    label: string;
-    linkedTo?: string;
-};
-type BaseSourceConfig = {
-    label?: string;
-    active?: boolean;
-    layers: LayerConfig[];
-};
-type DetailLayerConfig = {
-    label?: string;
-    layers: LayerConfig[];
-};
-export type MlLayerSwitcherProps = {
-    baseSourceConfig: BaseSourceConfig;
-    detailLayerConfig: DetailLayerConfig;
-    mapId?: string;
-};
-/**
- * @component
- *
- *
- */
-declare const MlLayerSwitcher: React.FC<MlLayerSwitcherProps>;
-export default MlLayerSwitcher;

package/dist/src/components/MlLayerSwitcher/components/LayerBox.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface LayerBoxProps {
-    mapId?: string;
-    layerId: string;
-    thumbnail?: string;
-    label: string;
-    handleLayerBoxClick?: (layerId: string) => void;
-}
-declare const LayerBox: React.FC<LayerBoxProps>;
-export default LayerBox;

package/dist/src/components/MlMarker/MlMarker.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-export interface MlMarkerProps {
-    /** ID of the map to add the marker to */
-    mapId?: string;
-    /** Layer ID before which to insert the marker */
-    insertBeforeLayer?: string;
-    /** Longitude of the marker position */
-    lng: number;
-    /** Latitude of the marker position */
-    lat: number;
-    /** HTML content for the marker popup */
-    content?: string;
-    /** CSS properties to apply to the marker dot */
-    markerStyle?: React.CSSProperties;
-    /** CSS properties to apply to the content container */
-    containerStyle?: React.CSSProperties;
-    /** CSS properties to apply to the iframe element */
-    iframeStyle?: React.CSSProperties;
-    /** CSS properties to apply to the body of the iframe */
-    iframeBodyStyle?: React.CSSProperties;
-    /** Offset in pixels between the marker and its content */
-    contentOffset?: number;
-    /** Whether mouse events pass through the marker content */
-    passEventsThrough?: boolean;
-    /** Anchor position of the marker relative to its coordinates */
-    anchor?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-}
-declare const MlMarker: ({ passEventsThrough, contentOffset, ...props }: MlMarkerProps) => React.ReactPortal | null;
-export default MlMarker;

package/dist/src/components/MlMeasureTool/MlMeasureTool.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import * as turf from '@turf/turf';
-import { Feature } from 'geojson';
-export interface MlMeasureToolOnChangeOptions {
-    value: number;
-    unit: string | undefined;
-    geojson: Feature;
-    geometries?: [];
-}
-export interface MlMeasureToolProps {
-    /**
-     * String that specify if the Tool measures an area ("polygon") or length ("line")
-     */
-    measureType?: 'polygon' | 'line';
-    /**
-     * String that dictates which unit of measurement is used
-     */
-    unit?: turf.Units;
-    /**
-     * Callback function that is called each time measurment geometry within has changed within MlMeasureTool.
-     * First parameter is the new GeoJson feature.
-     */
-    onChange?: (options: MlMeasureToolOnChangeOptions) => void;
-    /**
-     * Callback function that is called by the end of drawing geometries.
-     */
-    onFinish?: () => void;
-}
-declare const MlMeasureTool: {
-    (props: MlMeasureToolProps): React.JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        measureType: string;
-        unit: string;
-    };
-};
-export default MlMeasureTool;

package/dist/src/components/MlMultiMeasureTool/MlMultiMeasureTool.d.ts

@@ -1,55 +0,0 @@
-import React from 'react';
-import { SxProps } from '@mui/material';
-import * as turf from '@turf/turf';
-import { Feature } from 'geojson';
-export interface MlMultiMeasureToolProps {
-    /**
-     * 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;
-    /**
-     * String that specify if the Tool measures an area ("polygon") or length ("line")
-     */
-    measureType?: 'polygon' | 'line';
-    /**
-     * Boolean which decides if the user can switch between measure modes
-     */
-    multiType?: boolean;
-    /**
-     * String that dictates which unit of measurement is used
-     */
-    unit?: turf.Units;
-    /**
-     * Callback function that is called each time measurment geometry within has changed within MlMeasureTool.
-     * First parameter is the new GeoJson feature.
-     */
-    onChange?: (options: {
-        value: number;
-        unit?: string;
-        geojson: Feature;
-        geometries?: [];
-    }) => void;
-    /**
-     * Callback function that is called by the end of drawing geometries.
-     */
-    onFinish?: () => void;
-}
-declare const MlMultiMeasureTool: {
-    (props: MlMultiMeasureToolProps): React.JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        measureType: string;
-        buttonStyleOverride: {};
-    };
-};
-export default MlMultiMeasureTool;

package/dist/src/components/MlNavigationCompass/MlNavigationCompass.d.ts

@@ -1,33 +0,0 @@
-import React, { CSSProperties } from 'react';
-export interface MlNavigationCompassProps {
-    /**
-     * 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;
-    /**
-     * Style object to adjust css definitions of the component.
-     */
-    style?: CSSProperties;
-    /**
-     * Style object to adjust css definitions of the background.
-     */
-    backgroundStyle?: CSSProperties;
-    /**
-     * Style object to adjust css definitions of the compass needle.
-     */
-    needleStyle?: CSSProperties;
-}
-/**
- * Navigation component that displays a compass component which indicates the current oriantation of the map it is registered for and offers controls to turn the bearing 90° left/right or reset north to point up.
- *
- * All style props are applied using @mui/material/styled to allow more complex css selectors.
- *
- * @component
- */
-declare const MlNavigationCompass: (props: MlNavigationCompassProps) => React.JSX.Element;
-export default MlNavigationCompass;

package/dist/src/components/MlNavigationCompass/assets/CompassBackground.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface CompassBackgroundProps {
-    className?: string;
-    title?: string;
-    onClick?: () => void;
-    style?: React.CSSProperties;
-}
-declare const CompassBackground: React.FC<CompassBackgroundProps>;
-export default CompassBackground;

package/dist/src/components/MlNavigationCompass/assets/CompassNeedle.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface CompassNeedleProps {
-    className?: string;
-    title?: string;
-    onClick?: () => void;
-    style?: React.CSSProperties;
-}
-declare const CompassNeedle: React.FC<CompassNeedleProps>;
-export default CompassNeedle;

package/dist/src/components/MlNavigationTools/MlNavigationTools.d.ts

@@ -1,60 +0,0 @@
-import React from 'react';
-import { SxProps } from '@mui/material';
-export interface MlNavigationToolsProps {
-    /**
-     * 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;
-    /**
-     * Show 3D button
-     */
-    show3DButton?: boolean;
-    /**
-     * Show global button
-     */
-    showGlobeButton?: boolean;
-    /**
-     * Show zoom button
-     */
-    showZoomButtons?: boolean;
-    /**
-     * Show follow GPS button
-     */
-    showFollowGpsButton?: boolean;
-    /**
-     * Show center on current position button
-     */
-    showCenterLocationButton?: boolean;
-    /**
-     * Additional JSX Elements to be rendered below MlNavigationTools buttons
-     */
-    children?: React.JSX.Element;
-    /**
-     * Style attribute for NavigationTools container
-     */
-    sx?: SxProps;
-    /**
-     * Style attribute for NavigationTools container
-     */
-    mediaIsMobile?: boolean;
-}
-/**
- * @component
- */
-declare const MlNavigationTools: {
-    (props: MlNavigationToolsProps): React.JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        show3DButton: boolean;
-        showGlobeButton: boolean;
-        showFollowGpsButton: boolean;
-        showCenterLocationButton: boolean;
-        showZoomButtons: boolean;
-    };
-};
-export default MlNavigationTools;

package/dist/src/components/MlOgcApiFeatures/MlOgcApiFeatures.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer/MlGeoJsonLayer';
-export type MlOgcApiFeaturesProps = {
-    visible?: boolean;
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * The url of OGC API
-     */
-    ogcApiUrl: URL;
-    /**
-     * The additional query parameters of OGC API
-     */
-    ogcApiFeatureParams?: OgcApiFeaturesParamsTypes;
-    /**
-     * Fetches the features everytime (based on the current bbox) when the map gets moved
-     */
-    reloadFeaturesOnMapMove?: boolean;
-    /**
-     * Geojson Layer props. But omit 'geojson' because it gets set from the OGC API Feature call
-     */
-    mlGeoJsonLayerProps?: Omit<MlGeoJsonLayerProps, 'geojson'>;
-};
-export type OgcApiFeaturesParamsTypes = {
-    bbox?: string;
-    bbox_crs?: string;
-    limit?: number;
-    offset?: number;
-    crs?: string;
-    datetime?: string;
-    properties?: string;
-    sortby?: string;
-    f?: string;
-    filter?: string;
-    lang?: string;
-    q?: string;
-    properties_crs?: string;
-    id?: string;
-    filter_lang?: string;
-    filter_crs?: string;
-};
-declare const MlOgcApiFeatures: (props: MlOgcApiFeaturesProps) => React.JSX.Element;
-export default MlOgcApiFeatures;

package/dist/src/components/MlOrderLayers/MlOrderLayers.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export interface MlOrderLayersProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    layerIds: string[];
-    insertBeforeLayer?: string;
-}
-/**
- * Creates an invisible layer for each entry in props.layerIds with the id `order-{entry}` and a reliable order
- *
- */
-declare const MlOrderLayers: {
-    (props: MlOrderLayersProps): React.JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        insertBeforeLayer: undefined;
-    };
-};
-export default MlOrderLayers;