@mapcomponents/react-maplibre 0.1.86 → 0.1.88

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 # Change Log
+
+## [v0.1.88] - 2023-12-22
+
+### Added
+- e45ff67: add labelProp and labelOptions to MlGeojsonLayer
+- 5f7d750: add useAddProtocol handlers new formats (csv, osm, tcx, kml, gpx, Topojson)
+
+### Fixed
+- a5b9d87: fix MlMeasureTool conversion
+- 90befdb: fix compass needle aligment 
+- ecb1c48: fix Storybook demos
+
+## [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/MlFollowGps/MlFollowGps.stories.d.ts

@@ -1,5 +1,6 @@
 export default storyoptions;
-export const ExampleConfig: any;
+export const standardConfig: any;
+export const catalogueDemo: any;
 declare namespace storyoptions {
     export const title: string;
     export { MlFollowGps as component };

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

@@ -65,6 +65,14 @@ export type MlGeoJsonLayerProps = {
         fill?: FillLayerSpecification['paint'];
         line?: LineLayerSpecification['paint'];
     };
+    /**
+     * Property name in the GeoJSON object to be used as a label.
+     */
+    labelProp?: string;
+    /**
+     * Label configuration options.
+     */
+    labelOptions?: useLayerProps['options'];
     /**
      * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
      */

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

@@ -8,8 +8,10 @@ declare const storyoptions: {
 };
 export default storyoptions;
 export declare const Circle: any;
+export declare const Label: any;
 export declare const Linestring: any;
 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/MlLayer/MlLayer.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { Feature, FeatureCollection } from "@turf/turf";
+import { useLayerProps } from '../../hooks/useLayer';
+import { Feature, FeatureCollection } from '@turf/turf';
 interface MlLayerProps {
     /**
      * Id of the target MapLibre instance in mapContext
@@ -17,7 +18,7 @@ interface MlLayerProps {
     /**
      * Javascript object that is passed the addLayer command as first parameter.
      */
-    options?: any;
+    options?: useLayerProps['options'];
     /**
      * GeoJSON data that is supposed to be rendered by this component.
      */

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MlScaleReferenceProps } from "./MlScaleReference";
+import { MlScaleReferenceProps } from './MlScaleReference';
 declare const storyoptions: {
     title: string;
     component: (props: MlScaleReferenceProps) => JSX.Element;
@@ -12,3 +12,4 @@ declare const storyoptions: {
 export default storyoptions;
 export declare const Toolbar: any;
 export declare const Overlay: any;
+export declare const catalogueDemo: 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

@@ -1,16 +1,29 @@
 import { StyleSpecification } from 'maplibre-gl';
 import React from 'react';
 import { MlVectorTileLayerProps } from '../components/MlVectorTileLayer/MlVectorTileLayer';
-import { MlWmsLoaderProps } from '../components/MlWmsLoader/MlWmsLoader';
 import { MlGeoJsonLayerProps } from '../components/MlGeoJsonLayer/MlGeoJsonLayer';
+import { Layer } from 'wms-capabilities';
 export interface LayerContextProps {
     children: React.ReactNode;
 }
+export interface wmsLoaderConfigProps {
+    getFeatureInfoUrl: string;
+    layers: Layer[];
+    name: string;
+    open: boolean;
+    visible: boolean;
+    wmsUrl: string;
+}
+export interface wmsConfig {
+    featureInfoActive?: boolean;
+    config?: wmsLoaderConfigProps;
+    url: string;
+}
 export type WmsLayerConfig = {
     type: 'wms';
     name?: string;
     id?: string;
-    config: MlWmsLoaderProps;
+    config: wmsConfig;
 };
 export type GeojsonLayerConfig = {
     type: 'geojson';
@@ -38,6 +51,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.cy.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -11,4 +11,12 @@ declare const storyoptions: {
     decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
-export declare const ExampleConfig: any;
+export declare const MbTiles: any;
+export declare const CSVOrTSV: any;
+export declare const CSVWithOptions: any;
+export declare const OSM: any;
+export declare const GPX: any;
+export declare const KML: any;
+export declare const TCX: any;
+export declare const Topojson: any;
+export declare const CatalogueDemo: any;

package/dist/hooks/useFitLayerBounds.d.ts

@@ -0,0 +1,8 @@
+import { FitBoundsOptions } from 'maplibre-gl';
+export interface useFitLayerBoundsPros {
+    layerId: string;
+    type: "geojson" | "wms" | "vt";
+    fitBoundsOptions?: FitBoundsOptions;
+}
+declare function useFitLayerBounds(props: useFitLayerBoundsPros): void;
+export default useFitLayerBounds;

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