@mapcomponents/react-maplibre 0.1.96 → 1.0.0

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;

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

@@ -1,21 +1,21 @@
-/// <reference types="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): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        insertBeforeLayer: undefined;
-    };
-};
-export default MlOrderLayers;
+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;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export interface MlScaleReferenceProps {
-    mapId?: string;
-    insertBeforeLayer?: string | undefined;
-    maxWidth?: number;
-    unit?: string;
-}
-declare const MlScaleReference: (props: MlScaleReferenceProps) => JSX.Element;
-export default MlScaleReference;
+import React from 'react';
+export interface MlScaleReferenceProps {
+    mapId?: string;
+    insertBeforeLayer?: string | undefined;
+    maxWidth?: number;
+    unit?: string;
+}
+declare const MlScaleReference: (props: MlScaleReferenceProps) => React.JSX.Element;
+export default MlScaleReference;

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

@@ -1,42 +1,42 @@
-/// <reference types="react" />
-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
- *
- * @param {object} props
- * @param {string} props.mapId Id of the target MapLibre instance in mapContext
- *
- * @component
- */
-export interface MlShareMapStateProps {
-    mapId?: string;
-    idPrefix?: string;
-    active?: boolean;
-}
-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;
+import React from 'react';
+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
+ *
+ * @param {object} props
+ * @param {string} props.mapId Id of the target MapLibre instance in mapContext
+ *
+ * @component
+ */
+export interface MlShareMapStateProps {
+    mapId?: string;
+    idPrefix?: string;
+    active?: boolean;
+}
+export interface LayerStatesInterface {
+    [key: string]: boolean;
+}
+declare const MlShareMapState: {
+    (props: MlShareMapStateProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+    propTypes: {
+        /**
+         * Id of the target MapLibre instance in mapContext
+         */
+        mapId: PropTypes.Requireable<string>;
+    };
+};
+export default MlShareMapState;

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

@@ -1,42 +1,42 @@
-/// <reference types="react" />
-import { Feature } from '@turf/turf';
-import { SxProps } from '@mui/system/styleFunctionSx/styleFunctionSx';
-export 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;
-    /**
-     * Callback function that is called each time GeoJson data has changed within MlSketchTool.
-     * First parameter contains all geometries in the `geometries` prop.
-     */
-    onChange?: (para: SketchStateType) => void;
-}
-type SketchStateType = {
-    selectedGeoJson?: Feature;
-    activeGeometryIndex?: number;
-    geometries: Feature[];
-    drawMode?: keyof MapboxDraw.Modes;
-};
-/**
- * Component template
- *
- */
-declare const MlSketchTool: {
-    (props: MlSketchToolProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-        buttonStyleOverride: {};
-    };
-};
-export default MlSketchTool;
+import React from 'react';
+import { Feature } from '@turf/turf';
+import { SxProps } from '@mui/system/styleFunctionSx/styleFunctionSx';
+export 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;
+    /**
+     * Callback function that is called each time GeoJson data has changed within MlSketchTool.
+     * First parameter contains all geometries in the `geometries` prop.
+     */
+    onChange?: (para: SketchStateType) => void;
+}
+type SketchStateType = {
+    selectedGeoJson?: Feature;
+    activeGeometryIndex?: number;
+    geometries: Feature[];
+    drawMode?: keyof MapboxDraw.Modes;
+};
+/**
+ * Component template
+ *
+ */
+declare const MlSketchTool: {
+    (props: MlSketchToolProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+        buttonStyleOverride: {};
+    };
+};
+export default MlSketchTool;