@mapcomponents/react-maplibre 0.1.56 → 0.1.58

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

@@ -6,40 +6,40 @@ import area from "@mapbox/geojson-area";
 import * as Constants from "./constants";
 
 const FEATURE_SORT_RANKS = {
-  Point: 0,
-  LineString: 1,
-  Polygon: 2,
+	Point: 0,
+	LineString: 1,
+	Polygon: 2,
 };
 
 function comparator(a, b) {
-  const score =
-    FEATURE_SORT_RANKS[a.geometry.type] - FEATURE_SORT_RANKS[b.geometry.type];
+	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;
-  }
+	if (score === 0 && a.geometry.type === Constants.geojsonTypes.POLYGON) {
+		return a.area - b.area;
+	}
 
-  return score;
+	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;
-    });
+	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

@@ -3,57 +3,57 @@
  * 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;
-
-  }
+	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;
+	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;
+	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;
+	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);
+	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;
+	this._length = 0;
+	this._items = {};
+	this._nums = {};
+	return this;
 };
 
 export default StringSet;

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

@@ -3,6 +3,6 @@
  * 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());
+	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

@@ -3,234 +3,234 @@
  * 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",
-    },
-  },
+	{
+		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

@@ -9,7 +9,7 @@
  * @return {Array<any>}
  */
 function toDenseArray(x) {
-  return [].concat(x).filter(y => y !== undefined);
+	return [].concat(x).filter(y => y !== undefined);
 }
 
 export default toDenseArray;