@mapcomponents/react-maplibre 0.1.69 → 0.1.70

package/src/components/MlBasicComponent.js

@@ -1,39 +0,0 @@
-import React, { useEffect, useContext } from "react";
-
-import MapContext from "../contexts/MapContext";
-
-/**
- * This component is deprecated and will be removed in the next major release
- */
-const MlBasicComponent = (props) => {
-	// Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
-	// without the requirement of adding it to the dependency list (ignore the false eslint exhaustive deps warning)
-	// const layerRef = useRef(null);
-	const mapContext = useContext(MapContext);
-
-	useEffect(() => {
-		if (!mapContext.mapExists()) return;
-		return () => {
-			// This is the cleanup function, it is called when this react component is removed from react-dom
-			// try to remove anything this component has added to the MapLibre-gl instance
-			// e.g.: remove the layer
-			// mapContext.map.removeLayer(layerRef.current);
-			if (typeof props.cleanup === "function") {
-				props.cleanup(mapContext.getMap(props.mapId));
-			}
-		};
-	});
-
-	useEffect(() => {
-		if (!mapContext.mapExists(props.mapId)) return;
-		// the MapLibre-gl instance (mapContext.map) is accessible here
-		// initialize the layer and add it to the MapLibre-gl instance
-		if (typeof props.mapIsReady === "function") {
-			props.mapIsReady(mapContext.getMap(props.mapId));
-		}
-	}, [mapContext.mapIds, mapContext, props]);
-
-	return <></>;
-};
-
-export default MlBasicComponent;

package/src/components/MlCenterPosition/MlCenterPosition.doc.de.md

@@ -1,3 +0,0 @@
-# Component Beschreibung
-
-Beschreibungstext

package/src/components/MlCenterPosition/MlCenterPosition.meta_.json

@@ -1,14 +0,0 @@
-{
-  "name": "MlCenterPosition",
-  "title": "",
-  "description": "",
-  "i18n": {
-    "de": {
-      "title": "",
-      "description": ""
-    }
-  },
-  "tags": [],
-  "category": "",
-  "type": "component"
-}

package/src/components/MlCenterPosition/MlCenterPosition.stories.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-
-import MlCenterPosition from './MlCenterPosition';
-
-import mapContextDecorator from '../../decorators/MapContextDecorator';
-
-const storyoptions = {
-	title: 'MapComponents/MlCenterPosition',
-	component: MlCenterPosition,
-	argTypes: {},
-	decorators: mapContextDecorator,
-	parameters: { docs: { source: { type: 'code' } } },
-};
-export default storyoptions;
-
-const Template = () => <MlCenterPosition />;
-
-export const ExampleConfig = Template.bind({});
-ExampleConfig.parameters = {};
-ExampleConfig.args = {};

package/src/components/MlCenterPosition/MlCenterPosition.tsx

@@ -1,79 +0,0 @@
-import React, { useState, useCallback } from "react";
-import useMap from "../../hooks/useMap";
-import { Button, SxProps, Theme } from '@mui/material';
-import GpsFixedIcon from '@mui/icons-material/GpsFixed';
-
-export interface MlCenterPositionProps {
-	/**
-	 * 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;
-	/**
-	 * Active button font color
-	 */
-	onColor?: string;
-	/**
-	 * Inactive button font color
-	 */
-	offColor?: string;
-	/**
-	 * CSS style object that is applied to the button component
-	 */
-	style?: SxProps<Theme> | undefined;
-}
-
-/**
- * Component template
- *
- */
-const MlCenterPosition = (props: MlCenterPositionProps) => {
-	const mapHook = useMap({
-		mapId: props.mapId,
-		waitForLayer: props.insertBeforeLayer,
-	});
-
-	const [locationAccessDenied, setLocationAccessDenied] = useState(false);
-
-	const centerCurrentLocation = () => {
-		navigator.geolocation.getCurrentPosition(getLocationSuccess, getLocationError);
-	};
-
-	const getLocationSuccess = useCallback(
-		(location: GeolocationPosition) => {
-			mapHook.map?.map.setCenter?.([location.coords.longitude, location.coords.latitude]);
-		},
-		[mapHook.map]
-	);
-
-	const getLocationError = () => {
-		console.log('Access of user location denied');
-		setLocationAccessDenied(true);
-	};
-	return (
-		<>
-			<Button
-				variant="navtools"
-				sx={{
-					zIndex: 1002,
-					color: !locationAccessDenied ? props.onColor : props.offColor,
-				}}
-				onClick={centerCurrentLocation}
-				disabled={locationAccessDenied}
-			>
-				<GpsFixedIcon sx={{ fontSize: { xs: '1.4em', md: '1em' } }} />
-			</Button>
-		</>
-	);
-};
-
-MlCenterPosition.defaultProps = {
-	mapId: undefined,
-	onColor: '#ececec',
-	offColor: '#666',
-};
-export default MlCenterPosition;

package/src/components/MlComponentTemplate/MlComponentTemplate.doc.de.md

@@ -1,3 +0,0 @@
-# Component Beschreibung
-
-Beschreibungstext

package/src/components/MlComponentTemplate/MlComponentTemplate.meta_.json

@@ -1,14 +0,0 @@
-{
-  "name": "MlComponentTemplate",
-  "title": "",
-  "description": "",
-  "i18n": {
-    "de": {
-      "title": "",
-      "description": ""
-    }
-  },
-  "tags": [],
-  "category": "",
-  "type": "component"
-}

package/src/components/MlComponentTemplate/MlComponentTemplate.stories.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-
-import MlComponentTemplate from "./MlComponentTemplate";
-
-import mapContextDecorator from "../../decorators/MapContextDecorator";
-
-const storyoptions = {
-	title: "MapComponents/MlComponentTemplate",
-	component: MlComponentTemplate,
-	argTypes: {
-	},
-	decorators: mapContextDecorator,
-};
-export default storyoptions;
-
-const Template = () => <MlComponentTemplate />;
-
-export const ExampleConfig = Template.bind({});
-ExampleConfig.parameters = {};
-ExampleConfig.args = {};

package/src/components/MlComponentTemplate/MlComponentTemplate.tsx

@@ -1,42 +0,0 @@
-import React, { useRef, useEffect } from "react";
-import useMap from "../../hooks/useMap";
-
-export interface MlComponentTemplateProps {
-	/**
-	 * 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;
-}
-
-/**
- * Component template
- *
- */
-const MlComponentTemplate = (props: MlComponentTemplateProps) => {
-	const mapHook = useMap({
-		mapId: props.mapId,
-		waitForLayer: props.insertBeforeLayer,
-	});
-	const initializedRef = useRef(false);
-
-	useEffect(() => {
-		if (!mapHook.map || initializedRef.current) return;
-		// the MapLibre-gl instance (mapHook.map) is accessible here
-		// initialize the layer and add it to the MapLibre-gl instance or do something else with it
-		initializedRef.current = true;
-
-		mapHook.map.map.setCenter([7.132122000552613, 50.716405378037706]);
-	}, [mapHook.map, props.mapId]);
-
-	return <></>;
-};
-
-MlComponentTemplate.defaultProps = {
-	mapId: undefined,
-};
-export default MlComponentTemplate;

package/src/components/MlCreatePdfButton/MlCreatePdfButton.doc.de.md

@@ -1 +0,0 @@
-Exportiert die ausgewählte Kartenansicht als PDF

package/src/components/MlCreatePdfButton/MlCreatePdfButton.doc.en.md

@@ -1 +0,0 @@
-Export the current map extent as a PDF document with the click of a single button.

package/src/components/MlCreatePdfButton/MlCreatePdfButton.meta_.json

@@ -1,14 +0,0 @@
-{
-  "name": "MlCreatePdfButton",
-  "title": "Export PDF",
-  "description": "Creates a PDF file with the current map view.",
-  "i18n": {
-    "de": {
-      "title": "PDF Export",
-      "description": "Erzeugt eine PDF Datei aus der aktuellen Kartenansicht."
-    }
-  },
-  "tags": ["Map add-on"],
-  "category": "add-ons",
-  "type": "component"
-}

package/src/components/MlCreatePdfButton/MlCreatePdfButton.stories.tsx

@@ -1,35 +0,0 @@
-import React from "react";
-
-import MlCreatePdfButton from "./MlCreatePdfButton";
-
-import TopToolbar from "../../ui_components/TopToolbar";
-
-import mapContextDecorator from "../../decorators/MapContextDecorator";
-
-const storyoptions = {
-	title: "MapComponents/MlCreatePdfButton",
-	component: MlCreatePdfButton,
-	argTypes: {
-	},
-	decorators: mapContextDecorator,
-};
-export default storyoptions;
-
-const Template = () => (
-	<TopToolbar>
-		<MlCreatePdfButton />
-	</TopToolbar>
-);
-
-// <MapLibreMap options={args.options} />
-export const ExampleConfig = Template.bind({});
-//ExampleConfig.args = {
-//	//	options: {
-//	//		style: "https://wms.wheregroup.com/tileserver/style/osm-bright.json",
-//	//		center: [8.607, 53.1409349],
-//	//		maxBounds: [
-//	//			[1.40625, 43.452919],
-//	//			[17.797852, 55.973798],
-//	//		],
-//	//	},
-//};

package/src/components/MlCreatePdfButton/MlCreatePdfButton.tsx

@@ -1,51 +0,0 @@
-import React from "react";
-import useMap from "../../hooks/useMap";
-
-import createPdf from "./lib/createPdf";
-
-import PrinterIcon from "@mui/icons-material/Print";
-import Button from "@mui/material/Button";
-
-export interface MlCreatePdfButtonProps {
-	/**
-	 * 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;
-}
-
-/**
- * Renders a button that will create a PDF version of the current map view (dimensions adjusted to fit Din A4 Paper).
- */
-const MlCreatePdfButton = (props: MlCreatePdfButtonProps) => {
-	const mapHook = useMap({
-		mapId: props.mapId,
-		waitForLayer: props.insertBeforeLayer,
-	});
-
-	return (
-		<>
-			<Button
-				color="primary"
-				variant="contained"
-				onClick={() => {
-					if (mapHook.map) {
-						createPdf(mapHook.map, null, () => {});
-					}
-				}}
-			>
-				<PrinterIcon />
-			</Button>
-		</>
-	);
-};
-
-MlCreatePdfButton.defaultProps = {
-	mapId: undefined,
-};
-
-export default MlCreatePdfButton;

package/src/components/MlCreatePdfButton/lib/createPdf.ts

@@ -1,189 +0,0 @@
-import {Map} from "maplibre-gl";
-import jsPDF from "jspdf";
-import nmConverter from "./nominatimMap";
-import MapLibreGlWrapper from '../../MapLibreMap/lib/MapLibreGlWrapper'
-
-const toPixels = (length:number):string => {
-	let conversionFactor = 96;
-
-	conversionFactor /= 25.4;
-
-	return conversionFactor * length + "px";
-};
-
-const createPdf:Function = (map:MapLibreGlWrapper, locationValue:any, setLoading:any) => {
-	setLoading(true);
-
-	const width = 210;
-	const height = 297;
-	// Calculate pixel ratio
-	const actualPixelRatio = window.devicePixelRatio;
-
-	// Create map container
-	const hidden = document.createElement("div");
-	hidden.className = "hidden-map";
-	document.body.appendChild(hidden);
-	const container = document.createElement("div");
-	container.style.width = toPixels(width);
-	container.style.height = toPixels(height);
-	hidden.appendChild(container);
-
-	let style = map.map.getStyle();
-	for (let name in style.sources) {
-		let src = style.sources[name];
-
-		Object.keys(src).forEach((key) => {
-			//delete properties if value is undefined.
-			// for instance, raster-dem might has undefined value in "url" and "bounds"
-			if (!src[key]) {
-				delete src[key];
-			}
-		});
-	}
-	//Render map
-	var renderMap = new Map({
-		container: container,
-		center: map.map.getCenter(),
-		zoom: map.map.getZoom(),
-		bearing: map.map.getBearing(),
-		pitch: map.map.getPitch(),
-		interactive: false,
-		preserveDrawingBuffer: true,
-		fadeDuration: 0,
-		attributionControl: false,
-		style: style
-	});
-
-	renderMap.once("idle", function () {
-		// TO DO: It is still under development
-		const pdf = new jsPDF({
-			orientation: "p",
-			unit: "mm",
-			compress: true,
-		});
-		Object.defineProperty(window, "devicePixelRatio", {
-			get: function () {
-				return 300 / 96;
-			},
-		});
-		const offsetX = 2.5;
-		const offsetY = 2.5;
-		const marginTop = 3;
-		const marginBottom = 3;
-		const innerMargin = 2;
-		const logo =
-			"data:image/png;base64,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";
-		const textBuffer = 1;
-		const lineHeight = 3.25;
-		const text = locationValue ? nmConverter(locationValue.address) : "";
-		const textChunksSeperator = text.split(",");
-		const textChunks:string[] = [];
-
-		if (textChunks.length) {
-			textChunksSeperator.forEach((chunk:string) => {
-				const limitChunks:(RegExpMatchArray | null) = chunk.match(/.{1,34}/g);
-				if(limitChunks){
-				textChunks.push(...limitChunks);
-				}
-			});
-		}
-
-		//Render map image
-		pdf.addImage(
-			renderMap.getCanvas().toDataURL("image/png"),
-			"png",
-			0,
-			0,
-			210,
-			297,
-			undefined,
-			"FAST"
-		);
-
-		//Render lower left Copyright box
-		pdf.setFillColor("white");
-		pdf.rect(138, 287, 297, 10, "F");
-		pdf.setFontSize(10); // optional
-		pdf.text(
-			"Datenquelle: © OpenStreetMap-Mitwirkende",
-			140,
-			pdf.internal.pageSize.height - 3
-		);
-
-		//Render infobox
-		pdf.setFillColor("white");
-		const infoBoxSize =
-			textChunks.length * lineHeight +
-			marginTop +
-			marginBottom +
-			lineHeight * 2 +
-			innerMargin * 2 +
-			textBuffer;
-
-		pdf.rect(offsetX, 2, 66.5, infoBoxSize, "F");
-
-		pdf.setFontSize(10);
-		pdf.text("Karten PDF:", 6, offsetY + marginTop);
-
-		//Render inner infobox
-		pdf.rect(
-			6,
-			7,
-			60,
-			textChunks.length * lineHeight + innerMargin * 2 + textBuffer
-		);
-		pdf.setFontSize(10);
-
-		//Write out address
-		textChunks.forEach((text, i) => {
-			pdf.text(text.trim(), 8, 10 + i * 3.5 + innerMargin);
-		});
-
-		//Add WG Logo
-		pdf.addImage(
-			logo,
-			"png",
-			5,
-			offsetY + marginTop + lineHeight * 2 + textChunks.length * 3 + innerMargin * 2,
-			3,
-			3,
-			undefined,
-			"FAST"
-		);
-
-		//Add WG Url
-		pdf.setFontSize(10);
-		pdf.text(
-			"wheregroup.com",
-			40,
-			offsetY +
-				marginTop +
-				lineHeight * 2 +
-				textChunks.length * lineHeight +
-				innerMargin * 2 +
-				textBuffer
-		);
-
-		//Set pdfs props
-		pdf.setProperties({
-			title: "Map export",
-			subject: "Map export",
-			creator: "WhereGroup GmbH",
-			author: "(c)WhereGroup GmbH, (c)OpenStreetMap",
-		});
-
-		pdf.save("Map.pdf");
-
-		renderMap.remove();
-		hidden.parentNode?.removeChild(hidden);
-		Object.defineProperty(window, "devicePixelRatio", {
-			get: function () {
-				return actualPixelRatio;
-			},
-		});
-
-		setLoading(false);
-	});
-};
-
-export default createPdf;

package/src/components/MlCreatePdfButton/lib/nominatimMap.ts

@@ -1,57 +0,0 @@
-const nmMap = {
-	street: [
-		"footway",
-		"street",
-		"road",
-		"street_name",
-		"residential",
-		"path",
-		"pedestrian",
-		"road_reference",
-		"road_reference_intl",
-		"square",
-		"place",
-	],
-	number: ["house_number", "street_number"],
-	place: [
-		"city",
-		"village",
-		"hamlet",
-		"locality",
-		"croft",
-		"neighbourhood",
-		"suburb",
-		"city_district",
-		"district",
-		"quarter",
-		"borough",
-		"city_block",
-		"residential",
-		"commercial",
-		"industrial",
-		"houses",
-		"subdivision",
-		"allotments",
-		"postal_city",
-		"town",
-		"municipality",
-		"local_administrative_area",
-	],
-	zip: ["postcode", "partial_postcode"],
-	state: ["state", "province", "state_code"],
-};
-
-const nmConverter:Function = (nmAddress:any):string => {
-	const addressArr:string[] = [];
-	for (let key in nmMap) {
-		nmMap[key].some((element:string) => {
-			if (nmAddress.hasOwnProperty(element)) {
-				addressArr.push(nmAddress[element]);
-				return true;
-			}
-			return false;
-		});
-	}
-	return addressArr.join(", ");
-};
-export default nmConverter;

package/src/components/MlCreatePdfForm/MlCreatePdfForm.cy.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { composeStories } from '@storybook/testing-react';
-import { mount } from '@cypress/react';
-import * as stories from "./MlCreatePdfForm.stories";
-
-// compile the "Primary" story with the library
-const {ExampleConfig } = composeStories(stories);
-
-describe('MlCreatePdfForm Tests', () => {
-	it('Should generate and download a PDF export of the current map preview', () => {
-		// and mount the story using @cypress/react library
-		mount(<ExampleConfig />);
-
-    cy.get(".pdfFormButton").click();
- 
-		cy.wait(1000)
-    cy.get(".createPdfButton").click();
-		cy.wait(2000)
-    cy.readFile("./cypress/downloads/Map.pdf").should('contain', 'WhereGroup')
-	});
-});

package/src/components/MlCreatePdfForm/MlCreatePdfForm.doc.de.md

@@ -1,3 +0,0 @@
-# Component Beschreibung
-
-Beschreibungstext

package/src/components/MlCreatePdfForm/MlCreatePdfForm.meta.json

@@ -1,14 +0,0 @@
-{
-  "name": "MlCreatePdfForm",
-  "title": "Export PDF form",
-  "description": "Creates a PDF file with the current PDF preview with adjustable position, format, rotation and quality.",
-  "i18n": {
-    "de": {
-      "title": "PDF Export Formular",
-      "description": "Erzeugt eine PDF Datei aus der aktuellen Vorschau, mit anpassbarem Position, Format, Rotation und Auflösung."
-    }
-  },
-  "tags": [],
-  "category": "",
-  "type": "component"
-}