@mapcomponents/react-maplibre 0.1.96 → 1.0.0

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

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

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

@@ -1,2 +1,2 @@
-declare const getDefaulLayerTypeByGeometry: Function;
-export default getDefaulLayerTypeByGeometry;
+declare const getDefaulLayerTypeByGeometry: Function;
+export default getDefaulLayerTypeByGeometry;

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

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

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

@@ -1,23 +1,23 @@
-/// <reference types="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): JSX.Element;
-    defaultProps: {
-        mapId: string;
-    };
-};
-export default MlGeojsonLayerWithSource;
+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/components/MlGpxViewer/MlGpxViewer.d.ts

@@ -1,31 +1,31 @@
-/// <reference types="react" />
-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;
+import React from 'react';
+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): React.JSX.Element;
+    defaultProps: {};
+};
+export default MlGpxViewer;

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

@@ -1,10 +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;
+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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { MetadataType } from '../../../hooks/useGpx/useGpx';
-type Props = {
-    metadata: MetadataType[];
-};
-export default function Metadata(props: Props): JSX.Element;
-export {};
+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/components/MlGpxViewer/util/MlGpxDemoLoader.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="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) => JSX.Element;
-export default MlGpxDemoLoader;
+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/components/MlGpxViewer/util/MlGpxViewerInstructions.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export default function MlGpxViewerInstructions(props: {
-    open: boolean;
-}): JSX.Element;
+import React from 'react';
+export default function MlGpxViewerInstructions(props: {
+    open: boolean;
+}): React.JSX.Element;

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

@@ -1,39 +1,39 @@
-/// <reference types="react" />
-import { SymbolLayerSpecification } from 'maplibre-gl';
-import { Feature, FeatureCollection } from '@turf/turf';
-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) => JSX.Element;
-export default MlImageMarkerLayer;
+import React from 'react';
+import { SymbolLayerSpecification } from 'maplibre-gl';
+import { Feature, FeatureCollection } from '@turf/turf';
+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/components/MlLayer/MlLayer.d.ts

@@ -1,33 +1,33 @@
-/// <reference types="react" />
-import { useLayerProps } from '../../hooks/useLayer';
-import { Feature, FeatureCollection } from '@turf/turf';
-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) => JSX.Element;
-export default MlLayer;
+import React from 'react';
+import { useLayerProps } from '../../hooks/useLayer';
+import { Feature, FeatureCollection } from '@turf/turf';
+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/components/MlLayerMagnify/MlLayerMagnify.d.ts

@@ -1,33 +1,33 @@
-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): JSX.Element;
-    defaultProps: {
-        magnifierRadius: number;
-        magnifierStyle: {};
-    };
-};
-export default MlLayerMagnify;
+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/components/MlLayerSwipe/MlLayerSwipe.d.ts

@@ -1,26 +1,26 @@
-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): JSX.Element;
-    defaultProps: {
-        buttonStyle: {};
-    };
-};
-export default MlLayerSwipe;
+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/components/MlLayerSwitcher/MlLayerSwitcher.d.ts

@@ -1,30 +1,29 @@
-export default MlLayerSwitcher;
-/**
- * @component
- *
- *
- */
-declare function MlLayerSwitcher(props: any): JSX.Element;
-declare namespace MlLayerSwitcher {
-    namespace propTypes {
-        const baseSourceConfig: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            layers: PropTypes.Requireable<(PropTypes.InferProps<{
-                layerId: PropTypes.Validator<string>;
-                src: PropTypes.Requireable<string>;
-                label: PropTypes.Validator<string>;
-            }> | null | undefined)[]>;
-        }>>;
-        const detailLayerConfig: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            layers: PropTypes.Requireable<(PropTypes.InferProps<{
-                layerId: PropTypes.Validator<string>;
-                src: PropTypes.Requireable<string>;
-                label: PropTypes.Validator<string>;
-                linkedTo: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-        }>>;
-        const mapId: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
+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/components/MlLayerSwitcher/components/LayerBox.d.ts

@@ -1,6 +1,10 @@
-export default LayerBox;
-/**
- * @component
- *
- */
-declare function LayerBox(props: any): JSX.Element;
+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/components/MlMarker/MlMarker.d.ts

@@ -1,34 +1,34 @@
-/// <reference types="react" />
-interface MlMarkerProps {
-    /**
-     * 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;
-    /**
-     * Longitude of the marker position
-     */
-    lng: number;
-    /**
-     * Latitude of the marker position
-     */
-    lat: number;
-    /**
-     * Content of the description popup
-     */
-    content?: string;
-}
-/**
- * Adds a marker to the map and displays the contents of the "content" property in an iframe next to it
- */
-declare const MlMarker: {
-    (props: MlMarkerProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-    };
-};
-export default MlMarker;
+import React from "react";
+export interface MlMarkerProps {
+    /**
+     * 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;
+    /**
+     * Longitude of the marker position
+     */
+    lng: number;
+    /**
+     * Latitude of the marker position
+     */
+    lat: number;
+    /**
+     * Content of the description popup
+     */
+    content?: string;
+}
+/**
+ * Adds a marker to the map and displays the contents of the "content" property in an iframe next to it
+ */
+declare const MlMarker: {
+    (props: MlMarkerProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+};
+export default MlMarker;