@mapcomponents/react-maplibre 0.1.85 → 0.1.87

package/CHANGELOG.md

@@ -1,4 +1,26 @@
 # 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
+- 6882b80: fix: LayerList deleteIcon layout
+- e5ab361: demo bugfixes
+
+### Changed
+- 7eb6dda: update xmldom ^0.6.0 to @xmldom/xmldom ^0.8.10 (#130) …
+
+### Added
+- 1a221e3: add compNorth, compSouth, compStroke compass styling options to theme
+- 75de07d: add useAddImage hook + story
+
 ## [v0.1.85] - 2023-07-14
 
 ### Fixed

package/dist/components/MlCenterPosition/MlCenterPosition.d.ts

@@ -31,8 +31,6 @@ declare const MlCenterPosition: {
     (props: MlCenterPositionProps): JSX.Element;
     defaultProps: {
         mapId: undefined;
-        onColor: string;
-        offColor: string;
     };
 };
 export default MlCenterPosition;

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

@@ -5,8 +5,6 @@ declare const storyoptions: {
         (props: import("./MlCenterPosition").MlCenterPositionProps): JSX.Element;
         defaultProps: {
             mapId: undefined;
-            onColor: string;
-            offColor: string;
         };
     };
     argTypes: {};

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/MlFollowGps/MlFollowGps.d.ts

@@ -70,7 +70,6 @@ declare const MlFollowGps: {
     (props: MlFollowGpsProps): JSX.Element;
     defaultProps: {
         mapId: undefined;
-        onColor: string;
         offColor: string;
         showAccuracyCircle: boolean;
         showUserLocation: boolean;

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

@@ -52,7 +52,7 @@ export type MlGeoJsonLayerProps = {
      * RasterLayerSpecification
 
      */
-    layout?: Exclude<LayerSpecification['layout'], RasterLayerSpecification['layout']>;
+    layout?: LayerSpecification['layout'];
     /**
      * Javascript object that is spread into the addLayer commands first parameter.
      */

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/MlThreeJsLayer/MlThreeJsLayer.d.ts

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
  */
 export interface MlThreeJsLayerProps {
     mapId?: string;
-    init?: object;
+    init?: () => void;
     onDone?: () => void;
 }
 declare const MlThreeJsLayer: {

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/hooks/useAddImage/useAddImage.d.ts

@@ -0,0 +1,20 @@
+export interface useAddImageProps {
+    /**
+     *
+     */
+    imageId: string;
+    /**
+     *
+    */
+    imagePath: string;
+}
+/**
+ *
+ */
+declare const useAddImage: {
+    (props: useAddImageProps): void;
+    defaultProps: {
+        mapId: undefined;
+    };
+};
+export default useAddImage;

package/dist/hooks/useAddImage/useAddImage.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./useAddImage").useAddImageProps): void;
+        defaultProps: {
+            mapId: undefined;
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any, context: any) => JSX.Element)[];
+};
+export default storyoptions;
+export declare const ExampleConfig: any;

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";