@map-colonies/react-components 3.8.1 → 3.9.0

package/dist/cesium-map/tools/cesium/primitives-conversions.cesium.d.ts

@@ -0,0 +1,3 @@
+import { Rectangle, Cartesian3 } from 'cesium';
+export declare const rectangleToPositions: (positions: Rectangle) => Cartesian3[];
+//# sourceMappingURL=primitives-conversions.cesium.d.ts.map

package/dist/cesium-map/tools/cesium/primitives-conversions.cesium.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives-conversions.cesium.d.ts","sourceRoot":"","sources":["../../../../src/lib/cesium-map/tools/cesium/primitives-conversions.cesium.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAK/C,eAAO,MAAM,oBAAoB,wCAShC,CAAC"}

package/dist/cesium-map/tools/cesium/primitives-conversions.cesium.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var cesium_1 = require("cesium");
+var turf = __importStar(require("@turf/helpers"));
+var bbox_1 = __importDefault(require("@turf/bbox"));
+var bbox_polygon_1 = __importDefault(require("@turf/bbox-polygon"));
+exports.rectangleToPositions = function (positions) {
+    var line = turf.lineString([
+        [positions.west, positions.south],
+        [positions.east, positions.north],
+    ]);
+    var polygon = bbox_polygon_1.default(bbox_1.default(line));
+    return polygon.geometry.coordinates[0].map(function (coord) { return cesium_1.Cartesian3.fromRadiansArray(coord)[0]; });
+};
+//# sourceMappingURL=primitives-conversions.cesium.js.map

package/dist/cesium-map/tools/cesium/primitives-conversions.cesium.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives-conversions.cesium.js","sourceRoot":"","sources":["../../../../src/lib/cesium-map/tools/cesium/primitives-conversions.cesium.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iCAA+C;AAC/C,kDAAsC;AACtC,oDAA8B;AAC9B,oEAA6C;AAEhC,QAAA,oBAAoB,GAAG,UAAC,SAAoB;IACvD,IAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC3B,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;QACjC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;KAClC,CAAC,CAAC;IACH,IAAM,OAAO,GAAG,sBAAW,CAAC,cAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACxC,OAAO,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CACxC,UAAC,KAAK,IAAK,OAAA,mBAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAArC,CAAqC,CACjD,CAAC;AACJ,CAAC,CAAC"}

package/dist/cesium-map/tools/coordinates-tracker.tool.css

@@ -0,0 +1,11 @@
+.trackerPosition {
+  background-color: var(--mdc-theme-surface);
+  z-index: 2000;
+  padding: 2px 2px;
+  border-radius: 2px;
+  font-size: 12px;
+  height: 24px;
+  text-align: center;
+  line-height: 20px;
+  white-space: nowrap;
+}

package/dist/cesium-map/tools/coordinates-tracker.tool.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './coordinates-tracker.tool.css';
+import { Proj } from '..';
+export interface RCoordinatesTrackerToolProps {
+    projection?: Proj;
+}
+export declare const CoordinatesTrackerTool: React.FC<RCoordinatesTrackerToolProps>;
+//# sourceMappingURL=coordinates-tracker.tool.d.ts.map

package/dist/cesium-map/tools/coordinates-tracker.tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinates-tracker.tool.d.ts","sourceRoot":"","sources":["../../../src/lib/cesium-map/tools/coordinates-tracker.tool.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,gCAAgC,CAAC;AACxC,OAAO,EACL,IAAI,EAGL,MAAM,IAAI,CAAC;AAEZ,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA+DzE,CAAC"}

package/dist/cesium-map/tools/coordinates-tracker.tool.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var cesium_1 = require("cesium");
+var map_1 = require("../map");
+require("./coordinates-tracker.tool.css");
+var __1 = require("..");
+exports.CoordinatesTrackerTool = function (props) {
+    var mapViewer = map_1.useCesiumMap();
+    var ref = react_1.useRef(null);
+    var _a = react_1.useState({ x: 0, y: 0 }), position = _a[0], setPosition = _a[1];
+    react_1.useEffect(function () {
+        var setFromEvent = function (e) {
+            return setPosition({ x: e.clientX, y: e.clientY });
+        };
+        mapViewer.scene.canvas.addEventListener('mousemove', setFromEvent);
+        return function () {
+            try {
+                mapViewer.scene.canvas.removeEventListener('mousemove', setFromEvent);
+            }
+            catch (e) {
+                console.log('CESIUM canvas "mousemove" remove listener failed', e);
+            }
+        };
+    }, [ref, mapViewer]);
+    react_1.useEffect(function () {
+        var ellipsoid = mapViewer.scene.globe.ellipsoid;
+        // Mouse over the globe to see the cartographic position
+        var cartesian = mapViewer.camera.pickEllipsoid(new cesium_1.Cartesian3(position.x, position.y), ellipsoid);
+        if (cartesian) {
+            var cartographic = ellipsoid.cartesianToCartographic(cartesian);
+            if (ref.current) {
+                var coordinatesText = '';
+                switch (props.projection) {
+                    case __1.Proj.WEB_MERCATOR: {
+                        var wmProjection = new cesium_1.WebMercatorProjection(ellipsoid);
+                        var res = wmProjection.project(cartographic);
+                        coordinatesText = "Mercator: " + res.y.toFixed(__1.COORDINATES_MERCATOR_FRACTION_DIGITS) + "m, " + res.x.toFixed(__1.COORDINATES_MERCATOR_FRACTION_DIGITS) + "m";
+                        ref.current.style.width = '220px';
+                        break;
+                    }
+                    case __1.Proj.WGS84: {
+                        var longitudeString = cesium_1.Math.toDegrees(cartographic.longitude).toFixed(__1.COORDINATES_WGS_FRACTION_DIGITS);
+                        var latitudeString = cesium_1.Math.toDegrees(cartographic.latitude).toFixed(__1.COORDINATES_WGS_FRACTION_DIGITS);
+                        coordinatesText = "WGS84: " + latitudeString + "\u00B0N " + longitudeString + "\u00B0E";
+                        ref.current.style.width = '200px';
+                        break;
+                    }
+                    default:
+                        break;
+                }
+                ref.current.innerHTML = coordinatesText;
+            }
+        }
+    }, [position, ref, mapViewer, props.projection]);
+    return react_1.default.createElement("div", { className: "trackerPosition", ref: ref });
+};
+//# sourceMappingURL=coordinates-tracker.tool.js.map

package/dist/cesium-map/tools/coordinates-tracker.tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinates-tracker.tool.js","sourceRoot":"","sources":["../../../src/lib/cesium-map/tools/coordinates-tracker.tool.tsx"],"names":[],"mappings":"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"}

package/dist/cesium-map/tools/draw/drawHelper.css

@@ -0,0 +1,101 @@
+/*
+    initial twipsy code taken from bootstrap
+*/
+.twipsy {
+  display: block;
+  position: absolute;
+  visibility: visible;
+  max-width: 200px;
+  min-width: 100px;
+  padding: 5px;
+  font-size: 11px;
+  z-index: 1000;
+  opacity: 0.8;
+  -khtml-opacity: 0.8;
+  -moz-opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+.twipsy.left .twipsy-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 5px solid #000000;
+}
+.twipsy.right .twipsy-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-right: 5px solid #000000;
+}
+.twipsy-inner {
+  padding: 3px 8px;
+  background-color: #000000;
+  color: white;
+  text-align: center;
+  max-width: 200px;
+  text-decoration: none;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.twipsy-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+
+/*
+css rules for the draw helper components
+*/
+
+.toolbar {
+  margin: 0px;
+  padding: 0px;
+  background: white;
+}
+
+.toolbar > .button {
+  margin: 5px;
+  padding: 5px;
+  border: 1px solid #eee;
+  cursor: pointer;
+}
+
+.toolbar > .button:hover {
+  background: #eee;
+}
+
+/*
+css rules for the infowindow
+*/
+
+.infoWindow {
+  position: absolute;
+  min-width: 100px;
+  max-width: 300px;
+}
+.infoWindow #frame {
+  padding: 10px;
+  border: 1px solid black;
+  background: white;
+}
+.infoWindow #close {
+  float: right;
+  margin: 5px 2px;
+  font-size: small;
+  color: gray;
+  cursor: pointer;
+}
+.infoWindow #arrow {
+  position: absolute;
+  bottom: -8px;
+  left: 50%;
+  margin-left: -10px;
+  border-right: 10px solid transparent;
+  border-left: 10px solid transparent;
+  border-top: 10px solid white;
+}

package/dist/cesium-map/tools/draw/drawHelper.d.ts

@@ -0,0 +1,29 @@
+import * as Cesium from 'cesium';
+import './drawHelper.css';
+declare var DrawHelper: {
+    (cesiumWidget: any, materialClr?: Cesium.Color, drawingVertexClr?: Cesium.Color): void;
+    ExtentPrimitive: {
+        (options: any): void;
+        prototype: any;
+    };
+    PolygonPrimitive: {
+        (options: any): void;
+        prototype: any;
+    };
+    CirclePrimitive: {
+        (options: any): void;
+        prototype: any;
+    };
+    EllipsePrimitive: {
+        (options: any): void;
+        prototype: any;
+    };
+    PolylinePrimitive: {
+        (options: any): void;
+        prototype: any;
+    };
+    BillboardGroup(drawHelper: any, options: any): void;
+    DrawHelperWidget: (drawHelper: any, options: any) => void;
+};
+export { DrawHelper };
+//# sourceMappingURL=drawHelper.d.ts.map

package/dist/cesium-map/tools/draw/drawHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawHelper.d.ts","sourceRoot":"","sources":["../../../../src/lib/cesium-map/tools/draw/drawHelper.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAC;AACjC,OAAO,kBAAkB,CAAC;AAE1B,QAAA,IAAI,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CA2jEV,CAAC;AAEL,OAAO,EAAE,UAAU,EAAE,CAAC"}