@mapcomponents/react-maplibre 0.1.86 → 0.1.87

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 # Change Log
+## [v0.1.87] - 2023-10-25
+
+### Changed
+- 27f1cb2: show measured value in m and in units if measured value is < 0.1km or 0.1mi
+- e606c7c: add catalogue specific demo storybook stories to be able to also provide more useful stories for developers not shown in the catalogue
+
+### Added
+- cb3057f: make layerlist items in layerlistitemfactory sortable via drag & drop
+
 ## [v0.1.86] - 2023-09-13
 
 ### Fixed

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

@@ -13,3 +13,4 @@ export declare const EditLinestring: any;
 export declare const DrawPolygon: any;
 export declare const DrawPoint: any;
 export declare const DrawLinestring: any;
+export declare const catalogueDemo: any;

package/dist/components/MlFillExtrusionLayer/MlFillExtrusionLayer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface MlFillExtrusionLayerProps {
+export interface MlFillExtrusionLayerProps {
     /**
      * Id of the target MapLibre instance in mapContext
      */

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

@@ -1,10 +1,27 @@
+/// <reference types="react" />
+import { MlFillExtrusionLayerProps } from './MlFillExtrusionLayer';
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: MlFillExtrusionLayerProps): JSX.Element;
+        defaultProps: {
+            mapId: undefined;
+            paint: {
+                "fill-extrusion-color": string;
+                "fill-extrusion-height": {
+                    property: string;
+                    type: string;
+                };
+                "fill-extrusion-base": {
+                    property: string;
+                    type: string;
+                };
+                "fill-extrusion-opacity": number;
+            };
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any, context: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlFillExtrusionLayer as component };
-    export const argTypes: {};
-    export { mapContextDecorator as decorators };
-}
-import MlFillExtrusionLayer from "./MlFillExtrusionLayer";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

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

@@ -13,3 +13,4 @@ export declare const Polygon: any;
 export declare const HeatMap: any;
 export declare const Symbol: any;
 export declare const DefaultPaintOverrides: any;
+export declare const catalogueDemo: any;

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

@@ -1,14 +1,24 @@
 /// <reference types="react" />
-import * as turf from "@turf/turf";
+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?: string;
+    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;
+    }) => void;
 }
 declare const MlMeasureTool: {
     (props: MlMeasureToolProps): JSX.Element;

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

@@ -1,6 +1,7 @@
 export default storyoptions;
 export const MeasureLine: any;
 export const MeasurePolygon: any;
+export const catalogueDemo: any;
 declare namespace storyoptions {
     export const title: string;
     export { MlMeasureTool as component };

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

@@ -1,5 +1,5 @@
 export default storyoptions;
-export const Standard: any;
+export const catalogueDemo: any;
 export const StyleExample: any;
 declare namespace storyoptions {
     export const title: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MlNavigationToolsProps } from "./MlNavigationTools";
+import { MlNavigationToolsProps } from './MlNavigationTools';
 declare const storyoptions: {
     title: string;
     component: {
@@ -26,3 +26,4 @@ export declare const AlternativePosition: any;
 export declare const NoZoomButtons: any;
 export declare const NoFollowGpsButton: any;
 export declare const CustomButton: any;
+export declare const catalogueDemo: any;

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

@@ -10,5 +10,5 @@ declare const storyoptions: {
     decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
-export declare const Toolbar: any;
+export declare const catalogueDemo: any;
 export declare const Overlay: any;

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

@@ -31,3 +31,4 @@ export default storyoptions;
 export declare const FillConfig: any;
 export declare const CircleConfig: any;
 export declare const LineConfig: any;
+export declare const catalogueDemo: any;

package/dist/components/MlWmsLoader/MlWmsLoader.d.ts

@@ -37,6 +37,7 @@ export interface MlWmsLoaderProps {
      * Id of the target MapLibre instance in mapContext
      */
     mapId?: string;
+    layerId?: string;
     insertBeforeLayer?: string;
     /**
      * URL parameters that will be used in the getCapabilities request
@@ -88,6 +89,7 @@ export interface MlWmsLoaderProps {
      * Custom buttons to display for the WMSLoader
      */
     buttons?: JSX.Element;
+    sortable?: boolean;
 }
 export type LayerType = {
     visible: boolean;

package/dist/contexts/LayerContext.d.ts

@@ -38,6 +38,7 @@ export interface LayerContextType {
     tileUrl: string;
     moveUp: (layerId: string) => void;
     moveDown: (layerId: string) => void;
+    moveLayer: (layerId: string, getNewPos: (oldPos: number) => number) => void;
 }
 declare const LayerContext: React.Context<LayerContextType>;
 declare function LayerContextProvider(props: LayerContextProps): JSX.Element;

package/dist/index.d.ts

@@ -35,6 +35,7 @@ export { default as MlTemporalController } from "./components/MlTemporalControll
 export { default as MlBasicComponent } from "./components/MlBasicComponent.js";
 export { default as MlOrderLayers } from "./components/MlOrderLayers/MlOrderLayers";
 export { default as MlTerrainLayer } from "./components/MlTerrainLayer/MlTerrainLayer";
+export { default as MlSketchTool } from './components/MlSketchTool/MlSketchTool';
 export { default as useCameraFollowPath } from "./hooks/useCameraFollowPath/useCameraFollowPath";
 export { default as useExportMap } from "./hooks/useExportMap";
 export { default as useGpx } from "./hooks/useGpx/useGpx";