@mapcomponents/react-maplibre 0.1.54 → 0.1.57

package/dist/components/MlFollowGps/MlFollowGps.d.ts

@@ -1,3 +1,5 @@
+import { SxProps } from "@mui/material";
+import { CircleLayerSpecification, FillLayerSpecification } from "maplibre-gl";
 interface MlFollowGpsProps {
     /**
      * Id of the target MapLibre instance in mapContext
@@ -23,11 +25,27 @@ interface MlFollowGpsProps {
      */
     showAccuracyCircle?: boolean;
     /**
-     * position circle paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy circle.
+     * Use the MapLibre.flyTo function to center the map to the current users position if true.
+     * Otherwise the MapLibre.setCenter function is used.
+     */
+    useFlyTo?: boolean;
+    /**
+     * Center map to current position once updated location data is recieved.
+     * "false" will center the map once on component activation and then display the updated user location on the map.
+     */
+    centerUserPosition?: boolean;
+    /**
+     * Orientation cone paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the orientation cone polygon.
      * Use any available paint prop from layer type "fill".
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
      */
-    circlePaint?: any;
+    orientationConePaint?: FillLayerSpecification["paint"];
+    /**
+     * Position circle paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the position circle.
+     * Use any available paint prop from layer type "circle".
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
+     */
+    circlePaint?: CircleLayerSpecification["paint"];
     /**
      * Active button font color
      */
@@ -37,15 +55,15 @@ interface MlFollowGpsProps {
      */
     offColor?: string;
     /**
-     * Accuracy paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy circle.
+     * Accuracy paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy polygon.
      * Use any available paint prop from layer type "fill".
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
      */
-    accuracyPaint?: any;
+    accuracyPaint?: FillLayerSpecification["paint"];
     /**
      * CSS style object that is applied to the button component
      */
-    style?: any;
+    buttonSx?: SxProps | any;
 }
 /**
  * Adds a button that makes the map follow the users GPS position using
@@ -56,7 +74,7 @@ declare const MlFollowGps: {
     (props: MlFollowGpsProps): JSX.Element;
     defaultProps: {
         mapId: undefined;
-        style: {
+        buttonSx: {
             minWidth: string;
             minHeight: string;
             width: string;
@@ -75,6 +93,8 @@ declare const MlFollowGps: {
         showAccuracyCircle: boolean;
         showUserLocation: boolean;
         showOrientation: boolean;
+        centerUserPosition: boolean;
+        useFlyTo: boolean;
     };
 };
 export default MlFollowGps;

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

@@ -20,7 +20,7 @@ interface MlLayerProps {
     /**
      * GeoJSON data that is supposed to be rendered by this component.
      */
-    geojson: Feature | FeatureCollection | undefined;
+    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.

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

@@ -1,3 +1,4 @@
+import { SxProps } from "@mui/material";
 interface MlNavigationToolsProps {
     /**
      * Id of the target MapLibre instance in mapContext
@@ -28,6 +29,10 @@ interface MlNavigationToolsProps {
      * Additional JSX Elements to be rendered below MlNavigationTools buttons
      */
     children?: JSX.Element;
+    /**
+     * Style attribute for NavigationTools container
+     */
+    sx?: SxProps;
 }
 /**
  * @component
@@ -40,6 +45,10 @@ declare const MlNavigationTools: {
         showFollowGpsButton: boolean;
         showCenterLocationButton: boolean;
         showZoomButtons: boolean;
+        sx: {
+            right: string;
+            bottom: string;
+        };
     };
 };
 export default MlNavigationTools;

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

@@ -2,6 +2,7 @@ export default storyoptions;
 export const DefaultConfig: any;
 export const No3DButton: any;
 export const ShowCenterLocationButton: any;
+export const AlterToolPosition: any;
 export const NoZoomButtons: any;
 export const NoFollowGpsButton: any;
 export const CustomButton: any;

package/dist/decorators/ThemeWrapper.d.ts

@@ -0,0 +1 @@
+export default function ThemeWrapper(props: any): JSX.Element;

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export { default as MlNavigationCompass } from "./components/MlNavigationCompass
 export { default as MlLayer } from "./components/MlLayer/MlLayer";
 export { default as MlVectorTileLayer } from "./components/MlVectorTileLayer/MlVectorTileLayer";
 export { default as MlWmsLayer } from "./components/MlWmsLayer/MlWmsLayer";
+export { default as MlScaleReference } from "./components/MlScaleReference/MlScaleReference";
 export { default as MlLayerMagnify } from "./components/MlLayerMagnify/MlLayerMagnify";
 export { default as MlLayerSwipe } from "./components/MlLayerSwipe/MlLayerSwipe";
 export { default as MlTransitionGeoJsonLayer } from "./components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer";