@map-colonies/react-components 3.8.1 → 3.10.2

package/dist/cesium-map/terrain-providers/custom/quantized-mesh-terrain-provider.js

@@ -0,0 +1,136 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+var cesium_1 = require("cesium");
+var quantized_mesh_decoder_1 = __importDefault(require("@here/quantized-mesh-decoder"));
+var dummy_quantized_mesh_tile_1 = __importDefault(require("./dummy-quantized-mesh-tile"));
+var TILE_IMAGE_WIDTH = 65;
+var QuantizedMeshTerrainProvider /*extends TerrainProvider*/ = /** @class */ (function () {
+    function QuantizedMeshTerrainProvider(options) {
+        var _a;
+        // super();
+        this.ready = false;
+        this.dummyTile = quantized_mesh_decoder_1.default(dummy_quantized_mesh_tile_1.default);
+        this.tilingScheme = (_a = options.tilingScheme) !== null && _a !== void 0 ? _a : new cesium_1.WebMercatorTilingScheme();
+        if (options.getUrl === undefined) {
+            throw new Error('getUrl option is missing');
+        }
+        if (options.credit !== undefined) {
+            this.credits = [new cesium_1.Credit(options.credit)];
+        }
+        this.getUrl = options.getUrl;
+        this.readyPromise = Promise.resolve(true);
+        this.ready = true;
+    }
+    QuantizedMeshTerrainProvider.prototype.requestTileGeometry = function (x, y, level) {
+        var _this = this;
+        var url = this.getUrl(x, y, level);
+        return window
+            .fetch(url)
+            .then(function (res) {
+            if (res.status !== 200) {
+                return _this.generateDummyTile(x, y, level);
+            }
+            return _this.decodeResponse(res, x, y, level);
+        })
+            .then(function (decodedTile) {
+            return _this.createQuantizedMeshData(decodedTile, x, y, level);
+        })
+            .catch(function (err) {
+            console.error(err);
+        });
+    };
+    QuantizedMeshTerrainProvider.prototype.getTileDataAvailable = function (x, y, level) {
+        return true;
+    };
+    QuantizedMeshTerrainProvider.prototype.getLevelMaximumGeometricError = function (level) {
+        var levelZeroMaximumGeometricError = cesium_1.TerrainProvider.getEstimatedLevelZeroGeometricErrorForAHeightmap(this.tilingScheme.ellipsoid, TILE_IMAGE_WIDTH, this.tilingScheme.getNumberOfXTilesAtLevel(0));
+        return levelZeroMaximumGeometricError / (1 << level);
+    };
+    QuantizedMeshTerrainProvider.prototype.generateDummyTileHeader = function (x, y, level) {
+        var tileRect = this.tilingScheme.tileXYToRectangle(x, y, level);
+        var tileNativeRect = this.tilingScheme.tileXYToNativeRectangle(x, y, level);
+        var tileCenter = cesium_1.Cartographic.toCartesian(cesium_1.Rectangle.center(tileRect));
+        var horizonOcclusionPoint = cesium_1.Ellipsoid.WGS84.transformPositionToScaledSpace(tileCenter);
+        return {
+            centerX: tileCenter.x,
+            centerY: tileCenter.y,
+            centerZ: tileCenter.z,
+            minHeight: 0,
+            maxHeight: 0,
+            boundingSphereCenterX: tileCenter.x,
+            boundingSphereCenterY: tileCenter.y,
+            boundingSphereCenterZ: tileCenter.z,
+            boundingSphereRadius: tileNativeRect.height,
+            horizonOcclusionPointX: horizonOcclusionPoint.x,
+            horizonOcclusionPointY: horizonOcclusionPoint.y,
+            horizonOcclusionPointZ: horizonOcclusionPoint.z,
+        };
+    };
+    QuantizedMeshTerrainProvider.prototype.createQuantizedMeshData = function (decodedTile, x, y, level) {
+        var tileRect = this.tilingScheme.tileXYToRectangle(x, y, level);
+        var boundingSphereCenter = new cesium_1.Cartesian3(decodedTile.header.boundingSphereCenterX, decodedTile.header.boundingSphereCenterY, decodedTile.header.boundingSphereCenterZ);
+        var boundingSphere = new cesium_1.BoundingSphere(boundingSphereCenter, decodedTile.header.boundingSphereRadius);
+        var horizonOcclusionPoint = new cesium_1.Cartesian3(decodedTile.header.horizonOcclusionPointX, decodedTile.header.horizonOcclusionPointY, decodedTile.header.horizonOcclusionPointZ);
+        var orientedBoundingBox;
+        if (tileRect.width < cesium_1.Math.PI_OVER_TWO + cesium_1.Math.EPSILON5) {
+            orientedBoundingBox = cesium_1.OrientedBoundingBox.fromRectangle(tileRect, decodedTile.header.minHeight, decodedTile.header.maxHeight);
+        }
+        return new cesium_1.QuantizedMeshTerrainData({
+            minimumHeight: decodedTile.header.minHeight,
+            maximumHeight: decodedTile.header.maxHeight,
+            quantizedVertices: decodedTile.vertexData,
+            indices: decodedTile.triangleIndices,
+            boundingSphere: boundingSphere,
+            orientedBoundingBox: orientedBoundingBox,
+            horizonOcclusionPoint: horizonOcclusionPoint,
+            westIndices: decodedTile.westIndices,
+            southIndices: decodedTile.southIndices,
+            eastIndices: decodedTile.eastIndices,
+            northIndices: decodedTile.northIndices,
+            westSkirtHeight: 100,
+            southSkirtHeight: 100,
+            eastSkirtHeight: 100,
+            northSkirtHeight: 100,
+            childTileMask: 15,
+            credits: this.credits,
+        });
+    };
+    QuantizedMeshTerrainProvider.prototype.generateDummyTile = function (x, y, level) {
+        return __assign(__assign({}, this.dummyTile), this.generateDummyTileHeader(x, y, level));
+    };
+    QuantizedMeshTerrainProvider.prototype.decodeResponse = function (res, x, y, level) {
+        var _this = this;
+        return res
+            .arrayBuffer()
+            .then(function (buffer) {
+            return quantized_mesh_decoder_1.default(buffer);
+        })
+            .catch(function (err) {
+            console.error("Decoding failed on tile " + _this.getUrl(x, y, level));
+            console.error(err);
+            return _this.generateDummyTile(x, y, level);
+        });
+    };
+    return QuantizedMeshTerrainProvider;
+}());
+exports.default = QuantizedMeshTerrainProvider;

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

@@ -0,0 +1,2 @@
+import { Rectangle, Cartesian3 } from 'cesium';
+export declare const rectangleToPositions: (positions: Rectangle) => Cartesian3[];

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

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rectangleToPositions = void 0;
+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"));
+var 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]; });
+};
+exports.rectangleToPositions = rectangleToPositions;

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,7 @@
+import React from 'react';
+import './coordinates-tracker.tool.css';
+import { Proj } from '../../utils/projections';
+export interface RCoordinatesTrackerToolProps {
+    projection?: Proj;
+}
+export declare const CoordinatesTrackerTool: React.FC<RCoordinatesTrackerToolProps>;

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

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoordinatesTrackerTool = void 0;
+var react_1 = __importStar(require("react"));
+var cesium_1 = require("cesium");
+var map_1 = require("../map");
+require("./coordinates-tracker.tool.css");
+var projections_1 = require("../../utils/projections");
+var 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 projections_1.Proj.WEB_MERCATOR: {
+                        var wmProjection = new cesium_1.WebMercatorProjection(ellipsoid);
+                        var res = wmProjection.project(cartographic);
+                        coordinatesText = "Mercator: " + res.y.toFixed(projections_1.COORDINATES_MERCATOR_FRACTION_DIGITS) + "m, " + res.x.toFixed(projections_1.COORDINATES_MERCATOR_FRACTION_DIGITS) + "m";
+                        ref.current.style.width = '220px';
+                        break;
+                    }
+                    case projections_1.Proj.WGS84: {
+                        var longitudeString = cesium_1.Math.toDegrees(cartographic.longitude).toFixed(projections_1.COORDINATES_WGS_FRACTION_DIGITS);
+                        var latitudeString = cesium_1.Math.toDegrees(cartographic.latitude).toFixed(projections_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 });
+};
+exports.CoordinatesTrackerTool = CoordinatesTrackerTool;

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,28 @@
+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 };