@mapcomponents/react-maplibre 0.1.96 → 1.0.1

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;

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

@@ -1,36 +1,36 @@
-/// <reference types="react" />
-import * as turf from '@turf/turf';
-import { GeoJSONObject } from '@turf/turf';
-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: {
-        value: number;
-        unit: string | undefined;
-        geojson: GeoJSONObject;
-        geometries?: [];
-    }) => void;
-    /**
-     * Callback function that is called by the end of drawing geometries.
-     */
-    onFinish?: () => void;
-}
-declare const MlMeasureTool: {
-    (props: MlMeasureToolProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        measureType: string;
-        unit: string;
-    };
-};
-export default MlMeasureTool;
+import React from 'react';
+import * as turf from '@turf/turf';
+import { GeoJSONObject } from '@turf/turf';
+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: {
+        value: number;
+        unit: string | undefined;
+        geojson: GeoJSONObject;
+        geometries?: [];
+    }) => 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/components/MlMultiMeasureTool/MlMultiMeasureTool.d.ts

@@ -1,55 +1,55 @@
-/// <reference types="react" />
-import { SxProps } from '@mui/material';
-import * as turf from '@turf/turf';
-import { GeoJSONObject } from '@turf/turf';
-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 | undefined;
-        geojson: GeoJSONObject;
-        geometries?: [];
-    }) => void;
-    /**
-     * Callback function that is called by the end of drawing geometries.
-     */
-    onFinish?: () => void;
-}
-declare const MlMultiMeasureTool: {
-    (props: MlMultiMeasureToolProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        measureType: string;
-        buttonStyleOverride: {};
-    };
-};
-export default MlMultiMeasureTool;
+import React from 'react';
+import { SxProps } from '@mui/material';
+import * as turf from '@turf/turf';
+import { GeoJSONObject } from '@turf/turf';
+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 | undefined;
+        geojson: GeoJSONObject;
+        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/components/MlNavigationCompass/MlNavigationCompass.d.ts

@@ -1,33 +1,33 @@
-import { CSSProperties } from 'react';
-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) => JSX.Element;
-export default MlNavigationCompass;
+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/components/MlNavigationTools/MlNavigationTools.d.ts

@@ -1,55 +1,55 @@
-/// <reference types="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 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?: JSX.Element;
-    /**
-     * Style attribute for NavigationTools container
-     */
-    sx?: SxProps;
-    /**
-     * Style attribute for NavigationTools container
-     */
-    mediaIsMobile?: boolean;
-}
-/**
- * @component
- */
-declare const MlNavigationTools: {
-    (props: MlNavigationToolsProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        show3DButton: boolean;
-        showFollowGpsButton: boolean;
-        showCenterLocationButton: boolean;
-        showZoomButtons: boolean;
-    };
-};
-export default MlNavigationTools;
+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 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?: 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;
+        showFollowGpsButton: boolean;
+        showCenterLocationButton: boolean;
+        showZoomButtons: boolean;
+    };
+};
+export default MlNavigationTools;