@mapcomponents/react-maplibre 0.1.69 → 0.1.70

package/src/components/MlFeatureEditor/lib/move_features.js

@@ -1,47 +0,0 @@
-/**
- * Code from https://github.com/mapbox/mapbox-gl-draw
- * and licensed under ISC
- */
-import constrainFeatureMovement from "./constrain_feature_movement";
-import * as Constants from "./constants";
-
-var move_features = function (features, delta) {
-	const constrainedDelta = constrainFeatureMovement(
-		features.map((feature) => feature.toGeoJSON()),
-		delta
-	);
-
-	features.forEach((feature) => {
-		const currentCoordinates = feature.getCoordinates();
-
-		const moveCoordinate = (coord) => {
-			const point = {
-				lng: coord[0] + constrainedDelta.lng,
-				lat: coord[1] + constrainedDelta.lat,
-			};
-			return [point.lng, point.lat];
-		};
-		const moveRing = (ring) => ring.map((coord) => moveCoordinate(coord));
-		const moveMultiPolygon = (multi) => multi.map((ring) => moveRing(ring));
-
-		let nextCoordinates;
-		if (feature.type === Constants.geojsonTypes.POINT) {
-			nextCoordinates = moveCoordinate(currentCoordinates);
-		} else if (
-			feature.type === Constants.geojsonTypes.LINE_STRING ||
-			feature.type === Constants.geojsonTypes.MULTI_POINT
-		) {
-			nextCoordinates = currentCoordinates.map(moveCoordinate);
-		} else if (
-			feature.type === Constants.geojsonTypes.POLYGON ||
-			feature.type === Constants.geojsonTypes.MULTI_LINE_STRING
-		) {
-			nextCoordinates = currentCoordinates.map(moveRing);
-		} else if (feature.type === Constants.geojsonTypes.MULTI_POLYGON) {
-			nextCoordinates = currentCoordinates.map(moveMultiPolygon);
-		}
-
-		feature.incomingCoords(nextCoordinates);
-	});
-};
-export default move_features;

package/src/components/MlFeatureEditor/lib/sort_features.js

@@ -1,45 +0,0 @@
-/**
- * Code from https://github.com/mapbox/mapbox-gl-draw
- * and licensed under ISC
- */
-import area from "@mapbox/geojson-area";
-import * as Constants from "./constants";
-
-const FEATURE_SORT_RANKS = {
-	Point: 0,
-	LineString: 1,
-	Polygon: 2,
-};
-
-function comparator(a, b) {
-	const score =
-		FEATURE_SORT_RANKS[a.geometry.type] - FEATURE_SORT_RANKS[b.geometry.type];
-
-	if (score === 0 && a.geometry.type === Constants.geojsonTypes.POLYGON) {
-		return a.area - b.area;
-	}
-
-	return score;
-}
-
-// Sort in the order above, then sort polygons by area ascending.
-function sortFeatures(features) {
-	return features
-		.map((feature) => {
-			if (feature.geometry.type === Constants.geojsonTypes.POLYGON) {
-				feature.area = area.geometry({
-					type: Constants.geojsonTypes.FEATURE,
-					property: {},
-					geometry: feature.geometry,
-				});
-			}
-			return feature;
-		})
-		.sort(comparator)
-		.map((feature) => {
-			delete feature.area;
-			return feature;
-		});
-}
-
-export default sortFeatures;

package/src/components/MlFeatureEditor/lib/string_set.js

@@ -1,59 +0,0 @@
-/**
- * Code from https://github.com/mapbox/mapbox-gl-draw
- * and licensed under ISC
- */
-function StringSet(items) {
-	this._items = {};
-	this._nums = {};
-	this._length = items ? items.length : 0;
-	if (!items) return;
-	for (let i = 0, l = items.length; i < l; i++) {
-		this.add(items[i]);
-		if (items[i] === undefined) continue;
-		if (typeof items[i] === 'string') this._items[items[i]] = i;
-		else this._nums[items[i]] = i;
-
-	}
-}
-
-StringSet.prototype.add = function(x) {
-	if (this.has(x)) return this;
-	this._length++;
-	if (typeof x === 'string') this._items[x] = this._length;
-	else this._nums[x] = this._length;
-	return this;
-};
-
-StringSet.prototype.delete = function(x) {
-	if (this.has(x) === false) return this;
-	this._length--;
-	delete this._items[x];
-	delete this._nums[x];
-	return this;
-};
-
-StringSet.prototype.has = function(x) {
-	if (typeof x !== 'string' && typeof x !== 'number') return false;
-	return this._items[x] !== undefined || this._nums[x] !== undefined;
-};
-
-StringSet.prototype.values = function() {
-	const values = [];
-	Object.keys(this._items).forEach((k) => {
-		values.push({ k, v: this._items[k] });
-	});
-	Object.keys(this._nums).forEach((k) => {
-		values.push({ k: JSON.parse(k), v: this._nums[k] });
-	});
-
-	return values.sort((a, b) => a.v - b.v).map(a => a.k);
-};
-
-StringSet.prototype.clear = function() {
-	this._length = 0;
-	this._items = {};
-	this._nums = {};
-	return this;
-};
-
-export default StringSet;

package/src/components/MlFeatureEditor/lib/string_sets_are_equal.js

@@ -1,8 +0,0 @@
-/**
- * Code from https://github.com/mapbox/mapbox-gl-draw
- * and licensed under ISC
- */
-export default function(a, b) {
-	if (a.length !== b.length) return false;
-	return JSON.stringify(a.map(id => id).sort()) === JSON.stringify(b.map(id => id).sort());
-}

package/src/components/MlFeatureEditor/lib/theme.js

@@ -1,236 +0,0 @@
-/**
- * Code from https://github.com/mapbox/mapbox-gl-draw
- * and licensed under ISC
- */
-export default [
-	{
-		id: "gl-draw-polygon-fill-inactive",
-		type: "fill",
-		filter: [
-			"all",
-			["==", "active", "false"],
-			["==", "$type", "Polygon"],
-			["!=", "mode", "static"],
-		],
-		paint: {
-			"fill-color": "#3bb2d0",
-			"fill-outline-color": "#3bb2d0",
-			"fill-opacity": 0.1,
-		},
-	},
-	{
-		id: "gl-draw-polygon-fill-active",
-		type: "fill",
-		filter: ["all", ["==", "active", "true"], ["==", "$type", "Polygon"]],
-		paint: {
-			"fill-color": "#fbb03b",
-			"fill-outline-color": "#fbb03b",
-			"fill-opacity": 0.1,
-		},
-	},
-	{
-		id: "gl-draw-polygon-midpoint",
-		type: "circle",
-		filter: ["all", ["==", "$type", "Point"], ["==", "meta", "midpoint"]],
-		paint: {
-			"circle-radius": 3,
-			"circle-color": "#fbb03b",
-		},
-	},
-	{
-		id: "gl-draw-polygon-stroke-inactive",
-		type: "line",
-		filter: [
-			"all",
-			["==", "active", "false"],
-			["==", "$type", "Polygon"],
-			["!=", "mode", "static"],
-		],
-		layout: {
-			"line-cap": "round",
-			"line-join": "round",
-		},
-		paint: {
-			"line-color": "#3bb2d0",
-			"line-width": 2,
-		},
-	},
-	{
-		id: "gl-draw-polygon-stroke-active",
-		type: "line",
-		filter: ["all", ["==", "active", "true"], ["==", "$type", "Polygon"]],
-		layout: {
-			"line-cap": "round",
-			"line-join": "round",
-		},
-		paint: {
-			"line-color": "#fbb03b",
-			"line-dasharray": [0.2, 2],
-			"line-width": 2,
-		},
-	},
-	{
-		id: "gl-draw-line-inactive",
-		type: "line",
-		filter: [
-			"all",
-			["==", "active", "false"],
-			["==", "$type", "LineString"],
-			["!=", "mode", "static"],
-		],
-		layout: {
-			"line-cap": "round",
-			"line-join": "round",
-		},
-		paint: {
-			"line-color": "#3bb2d0",
-			"line-width": 2,
-		},
-	},
-	{
-		id: "gl-draw-line-active",
-		type: "line",
-		filter: ["all", ["==", "$type", "LineString"], ["==", "active", "true"]],
-		layout: {
-			"line-cap": "round",
-			"line-join": "round",
-		},
-		paint: {
-			"line-color": "#fbb03b",
-			"line-dasharray": [0.2, 2],
-			"line-width": 2,
-		},
-	},
-	{
-		id: "gl-draw-polygon-and-line-vertex-stroke-inactive",
-		type: "circle",
-		filter: [
-			"all",
-			["==", "meta", "vertex"],
-			["==", "$type", "Point"],
-			["!=", "mode", "static"],
-		],
-		paint: {
-			"circle-radius": 5,
-			"circle-color": "#fff",
-		},
-	},
-	{
-		id: "gl-draw-polygon-and-line-vertex-inactive",
-		type: "circle",
-		filter: [
-			"all",
-			["==", "meta", "vertex"],
-			["==", "$type", "Point"],
-			["!=", "mode", "static"],
-		],
-		paint: {
-			"circle-radius": 3,
-			"circle-color": "#fbb03b",
-		},
-	},
-	{
-		id: "gl-draw-point-point-stroke-inactive",
-		type: "circle",
-		filter: [
-			"all",
-			["==", "active", "false"],
-			["==", "$type", "Point"],
-			["==", "meta", "feature"],
-			["!=", "mode", "static"],
-		],
-		paint: {
-			"circle-radius": 5,
-			"circle-opacity": 1,
-			"circle-color": "#fff",
-		},
-	},
-	{
-		id: "gl-draw-point-inactive",
-		type: "circle",
-		filter: [
-			"all",
-			["==", "active", "false"],
-			["==", "$type", "Point"],
-			["==", "meta", "feature"],
-			["!=", "mode", "static"],
-		],
-		paint: {
-			"circle-radius": 3,
-			"circle-color": "#3bb2d0",
-		},
-	},
-	{
-		id: "gl-draw-point-stroke-active",
-		type: "circle",
-		filter: [
-			"all",
-			["==", "$type", "Point"],
-			["==", "active", "true"],
-			["!=", "meta", "midpoint"],
-		],
-		paint: {
-			"circle-radius": 7,
-			"circle-color": "#fff",
-		},
-	},
-	{
-		id: "gl-draw-point-active",
-		type: "circle",
-		filter: [
-			"all",
-			["==", "$type", "Point"],
-			["!=", "meta", "midpoint"],
-			["==", "active", "true"],
-		],
-		paint: {
-			"circle-radius": 5,
-			"circle-color": "#fbb03b",
-		},
-	},
-	{
-		id: "gl-draw-polygon-fill-static",
-		type: "fill",
-		filter: ["all", ["==", "mode", "static"], ["==", "$type", "Polygon"]],
-		paint: {
-			"fill-color": "#404040",
-			"fill-outline-color": "#404040",
-			"fill-opacity": 0.1,
-		},
-	},
-	{
-		id: "gl-draw-polygon-stroke-static",
-		type: "line",
-		filter: ["all", ["==", "mode", "static"], ["==", "$type", "Polygon"]],
-		layout: {
-			"line-cap": "round",
-			"line-join": "round",
-		},
-		paint: {
-			"line-color": "#404040",
-			"line-width": 2,
-		},
-	},
-	{
-		id: "gl-draw-line-static",
-		type: "line",
-		filter: ["all", ["==", "mode", "static"], ["==", "$type", "LineString"]],
-		layout: {
-			"line-cap": "round",
-			"line-join": "round",
-		},
-		paint: {
-			"line-color": "#404040",
-			"line-width": 2,
-		},
-	},
-	{
-		id: "gl-draw-point-static",
-		type: "circle",
-		filter: ["all", ["==", "mode", "static"], ["==", "$type", "Point"]],
-		paint: {
-			"circle-radius": 5,
-			"circle-color": "#404040",
-		},
-	},
-];

package/src/components/MlFeatureEditor/lib/to_dense_array.js

@@ -1,15 +0,0 @@
-/**
- * Code from https://github.com/mapbox/mapbox-gl-draw
- * and licensed under ISC
- */
-/**
- * Derive a dense array (no `undefined`s) from a single value or array.
- *
- * @param {any} x
- * @return {Array<any>}
- */
-function toDenseArray(x) {
-	return [].concat(x).filter(y => y !== undefined);
-}
-
-export default toDenseArray;

package/src/components/MlFeatureEditor/lib/utils.js

@@ -1,51 +0,0 @@
-/**
- * Code from https://github.com/mapbox/mapbox-gl-draw
- * and licensed under ISC
- */
-const drawUtils = {
-	getMatchingVertices: (vertex, featureId, allFeatures, map) => {
-		// number of decimals should probably be dynamic depending on zoom level
-		let decimals = 5;
-		let matchingVertices = [];
-
-		let v_lng = vertex[0].toFixed(decimals);
-		let v_lat = vertex[1].toFixed(decimals);
-
-		for (var i = 0; i < allFeatures.length; i++) {
-			if (allFeatures[i].id !== featureId) {
-				for (var k = 0; k < allFeatures[i].geometry.coordinates.length; k++) {
-					for (var m = 0; m < allFeatures[i].geometry.coordinates[k].length; m++) {
-						if (
-							v_lng ===
-								allFeatures[i].geometry.coordinates[k][m][0].toFixed(decimals) &&
-							v_lat ===
-								allFeatures[i].geometry.coordinates[k][m][1].toFixed(decimals)
-						) {
-							matchingVertices.push({
-								featureId: allFeatures[i].id,
-								coord_path: k + "." + m,
-								//feature: map.getFeature(allFeatures[i].id),
-								lng: allFeatures[i].geometry.coordinates[k][m][0],
-								lat: allFeatures[i].geometry.coordinates[k][m][1],
-							});
-						}
-					}
-				}
-			}
-		}
-
-		return matchingVertices;
-	},
-	getDrawInstance: (map) => {
-		for (var i = map._controls.length - 1; i >= 0; i--) {
-			if (
-				map._controls[i]?.modes?.SIMPLE_SELECT === "simple_select"
-			) {
-				return map._controls[i];
-			}
-		}
-		return null;
-	},
-};
-
-export default drawUtils;

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

@@ -1 +0,0 @@
-OpenStreetMap Gebäude in einfachem 3D

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

@@ -1 +0,0 @@
-OpenStreetMap buildings in simple 3d.

package/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.meta.json

@@ -1,14 +0,0 @@
-{
-  "name": "MlFillExtrusionLayer",
-  "title": "Simple 3D buildings",
-  "description": "Draws a level, out of the building outline and the height, extrudes 3D Objects as buildings.",
-  "i18n": {
-    "de": {
-      "title": "3D Gebäude",
-      "description": "Zeichnet eine Ebene mit einfach, aus den Gebäudeumrissen und anhand der Höhen, extrudierten 3D Objekten als Gebäude."
-    }
-  },
-  "tags": ["Map add-on"],
-  "category": "add-ons",
-  "type": "component"
-}

package/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.stories.js

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

package/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.test.js

@@ -1,15 +0,0 @@
-import { layerRemovalTest, sourceRemovalTest } from "../../util";
-
-import { uuid_regex } from "../../setupTests";
-import MlFillExtrusionLayer from "./MlFillExtrusionLayer";
-
-const testComponent = <MlFillExtrusionLayer />;
-
-let testParams = [
-	"<MlFillExtrusionLayer />",
-	testComponent,
-	new RegExp('^.*"MlFillExtrusionLayer-' + uuid_regex + '".*$'),
-	"MlFillExtrusionLayer-{uuid}",
-];
-
-layerRemovalTest(...testParams);

package/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.tsx

@@ -1,85 +0,0 @@
-import React from "react";
-
-import { v4 as uuidv4 } from "uuid";
-import useLayer from "../../hooks/useLayer";
-
-interface MlFillExtrusionLayerProps {
-	/**
-	 * Id of the target MapLibre instance in mapContext
-	 */
-	mapId?: string;
-	/**
-	 * The layerId of an existing layer this layer should be rendered visually beneath
-	 * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
-	 */
-	insertBeforeLayer?: string;
-	/**
-	 * Id of the layer that will be added by this component
-	 */
-	layerId?: string;
-	/**
-	 * Paint properties of the config object that is passed to the MapLibreGl.addLayer call. All
-	 * available properties are documented in the MapLibreGl documentation
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill-extrusion
-	 */
-	paint?: object;
-	/**
-	 * Source id of a vector tile source containing the geometries to use for this fill-extrusion
-	 * layer.
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#source-layer
-	 */
-	sourceId?: string;
-	/**
-	 * Layer id from a vector tile source containing the geometries to use for this fill-extrusion
-	 * layer.
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#source-layer
-	 */
-	sourceLayer?: string;
-	/**
-	 * This layer will be hidden for zoom levels lower than defined on this property
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#minzoom
-	 */
-	minZoom?: number;
-}
-
-/**
- * Adds a fill extrusion layer to the MapLibre instance reference by props.mapId
- *
- */
-const MlFillExtrusionLayer = (props: MlFillExtrusionLayerProps) => {
-	useLayer({
-		mapId: props.mapId,
-		layerId: props.layerId || "MlFillExtrusionLayer-" + uuidv4(),
-		options: {
-			id: "",
-			type: "fill-extrusion",
-			source: props.sourceId || "openmaptiles",
-			"source-layer": props.sourceLayer || "building",
-			minzoom: props.minZoom || 14,
-			paint: {
-				...props.paint,
-			},
-		},
-		insertBeforeFirstSymbolLayer: true,
-	});
-
-	return <></>;
-};
-
-MlFillExtrusionLayer.defaultProps = {
-	mapId: undefined,
-	paint: {
-		"fill-extrusion-color": "hsl(196, 61%, 83%)",
-		"fill-extrusion-height": {
-			property: "render_height",
-			type: "identity",
-		},
-		"fill-extrusion-base": {
-			property: "render_min_height",
-			type: "identity",
-		},
-		"fill-extrusion-opacity": 1,
-	},
-};
-
-export default MlFillExtrusionLayer;

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

@@ -1 +0,0 @@
-Darstellung der aktuellen Position und Blickrichtung

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

@@ -1 +0,0 @@
-Display of the current position and the line of sight.

package/src/components/MlFollowGps/MlFollowGps.meta.json

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

package/src/components/MlFollowGps/MlFollowGps.stories.js

@@ -1,40 +0,0 @@
-import React from 'react';
-
-import MlFollowGps from './MlFollowGps';
-
-import noNavToolsDecorator from '../../decorators/NoNavToolsDecorator';
-import useMediaQuery from '@mui/material/useMediaQuery';
-
-const storyoptions = {
-	title: 'MapComponents/MlFollowGps',
-	component: MlFollowGps,
-	argTypes: {},
-	decorators: noNavToolsDecorator,
-};
-export default storyoptions;
-
-const Template = (props) => {
-	const mediaIsMobile = useMediaQuery('(max-width:900px)');
-	return (
-		<>
-			<div
-				style={{
-					position: 'fixed',
-					right: '11px',
-					bottom: mediaIsMobile ? '130px' : '45px',
-					display: 'flex',
-					flexDirection: 'column',
-					gap: '5px',
-					zIndex: 1000,
-				}}
-			>
-				<MlFollowGps {...props} />
-			</div>
-		</>
-	);
-};
-export const ExampleConfig = Template.bind({});
-ExampleConfig.parameters = {};
-ExampleConfig.args = {
-	followUserPosition: false,
-};