@map-colonies/react-components 3.10.5 → 3.12.2

package/src/lib/cesium-map/tools/geojson/geojson-to-primitive.ts

@@ -1,54 +1,54 @@
-import { FeatureCollection, Feature, Point } from 'geojson';
-import { Rectangle } from 'cesium';
-import { find } from 'lodash';
-import { PrimitiveCoordinates } from '../../data-sources';
-import { BboxCorner, DrawType } from '../../../models/enums';
-
-const POINTS_NUM = 2;
-
-export const geoJSONToPrimitive = (
-  type: DrawType,
-  geojson: FeatureCollection
-): PrimitiveCoordinates | never => {
-  switch (type) {
-    case DrawType.BOX: {
-      if (geojson.features.length !== POINTS_NUM)
-        throw new Error(`${type} must have 2 points`);
-
-      const bottomLeftPoint = find(geojson.features, (feat) => {
-        return feat.properties?.type === BboxCorner.BOTTOM_LEFT;
-      }) as Feature<Point>;
-
-      const rightTopPoint = find(geojson.features, (feat) => {
-        return feat.properties?.type === BboxCorner.TOP_RIGHT;
-      }) as Feature<Point>;
-
-      // eslint-disable-next-line
-      if (rightTopPoint && bottomLeftPoint) {
-        if (
-          bottomLeftPoint.geometry.coordinates[0] ===
-            rightTopPoint.geometry.coordinates[0] &&
-          bottomLeftPoint.geometry.coordinates[1] ===
-            rightTopPoint.geometry.coordinates[1]
-        ) {
-          throw new Error(
-            `${type} must define BOTTOM_LEFT and TOP_RIGHT different points`
-          );
-        } else {
-          return Rectangle.fromDegrees(
-            bottomLeftPoint.geometry.coordinates[0],
-            bottomLeftPoint.geometry.coordinates[1],
-            rightTopPoint.geometry.coordinates[0],
-            rightTopPoint.geometry.coordinates[1]
-          );
-        }
-      } else {
-        throw new Error(
-          `${type} geojson must define BOTTOM_LEFT and TOP_RIGHT points`
-        );
-      }
-    }
-    default:
-      throw new Error(`${type} type geoJSON still not supported`);
-  }
-};
+import { FeatureCollection, Feature, Point } from 'geojson';
+import { Rectangle } from 'cesium';
+import { find } from 'lodash';
+import { PrimitiveCoordinates } from '../../data-sources';
+import { BboxCorner, DrawType } from '../../../models/enums';
+
+const POINTS_NUM = 2;
+
+export const geoJSONToPrimitive = (
+  type: DrawType,
+  geojson: FeatureCollection
+): PrimitiveCoordinates | never => {
+  switch (type) {
+    case DrawType.BOX: {
+      if (geojson.features.length !== POINTS_NUM)
+        throw new Error(`${type} must have 2 points`);
+
+      const bottomLeftPoint = find(geojson.features, (feat) => {
+        return feat.properties?.type === BboxCorner.BOTTOM_LEFT;
+      }) as Feature<Point>;
+
+      const rightTopPoint = find(geojson.features, (feat) => {
+        return feat.properties?.type === BboxCorner.TOP_RIGHT;
+      }) as Feature<Point>;
+
+      // eslint-disable-next-line
+      if (rightTopPoint && bottomLeftPoint) {
+        if (
+          bottomLeftPoint.geometry.coordinates[0] ===
+            rightTopPoint.geometry.coordinates[0] &&
+          bottomLeftPoint.geometry.coordinates[1] ===
+            rightTopPoint.geometry.coordinates[1]
+        ) {
+          throw new Error(
+            `${type} must define BOTTOM_LEFT and TOP_RIGHT different points`
+          );
+        } else {
+          return Rectangle.fromDegrees(
+            bottomLeftPoint.geometry.coordinates[0],
+            bottomLeftPoint.geometry.coordinates[1],
+            rightTopPoint.geometry.coordinates[0],
+            rightTopPoint.geometry.coordinates[1]
+          );
+        }
+      } else {
+        throw new Error(
+          `${type} geojson must define BOTTOM_LEFT and TOP_RIGHT points`
+        );
+      }
+    }
+    default:
+      throw new Error(`${type} type geoJSON still not supported`);
+  }
+};

package/src/lib/cesium-map/tools/geojson/index.ts

@@ -1,2 +1,2 @@
-export * from './polygon.geojson';
-export * from './rectangle.geojson';
+export * from './polygon.geojson';
+export * from './rectangle.geojson';

package/src/lib/cesium-map/tools/geojson/point.geojson.ts

@@ -1,29 +1,29 @@
-import { Math as CesiumMath, Cartesian3 } from 'cesium';
-import { GeoJSON } from 'geojson';
-import { CesiumViewer } from '../../map';
-
-export const pointToGeoJSON = (
-  mapViewer: CesiumViewer,
-  x: number,
-  y: number
-): GeoJSON => {
-  const ellipsoid = mapViewer.scene.globe.ellipsoid;
-  const cartesian = mapViewer.camera.pickEllipsoid(
-    new Cartesian3(x, y),
-    ellipsoid
-  );
-  const cartographic = ellipsoid.cartesianToCartographic(
-    cartesian as Cartesian3
-  );
-  return {
-    type: 'Feature',
-    properties: {},
-    geometry: {
-      type: 'Point',
-      coordinates: [
-        CesiumMath.toDegrees(cartographic.longitude),
-        CesiumMath.toDegrees(cartographic.latitude),
-      ],
-    },
-  };
-};
+import { Math as CesiumMath, Cartesian3 } from 'cesium';
+import { GeoJSON } from 'geojson';
+import { CesiumViewer } from '../../map';
+
+export const pointToGeoJSON = (
+  mapViewer: CesiumViewer,
+  x: number,
+  y: number
+): GeoJSON => {
+  const ellipsoid = mapViewer.scene.globe.ellipsoid;
+  const cartesian = mapViewer.camera.pickEllipsoid(
+    new Cartesian3(x, y),
+    ellipsoid
+  );
+  const cartographic = ellipsoid.cartesianToCartographic(
+    cartesian as Cartesian3
+  );
+  return {
+    type: 'Feature',
+    properties: {},
+    geometry: {
+      type: 'Point',
+      coordinates: [
+        CesiumMath.toDegrees(cartographic.longitude),
+        CesiumMath.toDegrees(cartographic.latitude),
+      ],
+    },
+  };
+};

package/src/lib/cesium-map/tools/geojson/polygon.geojson.ts

@@ -1,24 +1,24 @@
-import { Math as CesiumMath, Cartographic, Cartesian3 } from 'cesium';
-import { GeoJSON } from 'geojson';
-
-export const polygonToGeoJSON = (positions: Cartesian3[]): GeoJSON => {
-  const coords = positions.map((vertex: Cartesian3) => {
-    const posRadians = Cartographic.fromCartesian(vertex);
-    return [
-      CesiumMath.toDegrees(posRadians.longitude),
-      CesiumMath.toDegrees(posRadians.latitude),
-    ];
-  });
-
-  // close polygon
-  coords.push(coords[0]);
-
-  return {
-    type: 'Feature',
-    properties: {},
-    geometry: {
-      type: 'Polygon',
-      coordinates: [coords],
-    },
-  };
-};
+import { Math as CesiumMath, Cartographic, Cartesian3 } from 'cesium';
+import { GeoJSON } from 'geojson';
+
+export const polygonToGeoJSON = (positions: Cartesian3[]): GeoJSON => {
+  const coords = positions.map((vertex: Cartesian3) => {
+    const posRadians = Cartographic.fromCartesian(vertex);
+    return [
+      CesiumMath.toDegrees(posRadians.longitude),
+      CesiumMath.toDegrees(posRadians.latitude),
+    ];
+  });
+
+  // close polygon
+  coords.push(coords[0]);
+
+  return {
+    type: 'Feature',
+    properties: {},
+    geometry: {
+      type: 'Polygon',
+      coordinates: [coords],
+    },
+  };
+};

package/src/lib/cesium-map/tools/geojson/rectangle.geojson.ts

@@ -1,21 +1,21 @@
-import { Rectangle, Math as CesiumMath } from 'cesium';
-import { GeoJSON } from 'geojson';
-import * as turf from '@turf/helpers';
-import bbox from '@turf/bbox';
-import bboxPolygon from '@turf/bbox-polygon';
-
-export const rectangleToGeoJSON = (positions: Rectangle): GeoJSON => {
-  const line = turf.lineString([
-    [
-      CesiumMath.toDegrees(positions.west),
-      CesiumMath.toDegrees(positions.south),
-    ],
-    [
-      CesiumMath.toDegrees(positions.east),
-      CesiumMath.toDegrees(positions.north),
-    ],
-  ]);
-  const polygon = bboxPolygon(bbox(line));
-
-  return polygon;
-};
+import { Rectangle, Math as CesiumMath } from 'cesium';
+import { GeoJSON } from 'geojson';
+import * as turf from '@turf/helpers';
+import bbox from '@turf/bbox';
+import bboxPolygon from '@turf/bbox-polygon';
+
+export const rectangleToGeoJSON = (positions: Rectangle): GeoJSON => {
+  const line = turf.lineString([
+    [
+      CesiumMath.toDegrees(positions.west),
+      CesiumMath.toDegrees(positions.south),
+    ],
+    [
+      CesiumMath.toDegrees(positions.east),
+      CesiumMath.toDegrees(positions.north),
+    ],
+  ]);
+  const polygon = bboxPolygon(bbox(line));
+
+  return polygon;
+};

package/src/lib/cesium-map/tools/inspector.tool.tsx

@@ -1,15 +1,15 @@
-import React, { useEffect } from 'react';
-import { viewerCesiumInspectorMixin } from 'cesium';
-import { CesiumViewer, useCesiumMap } from '../map';
-
-export interface InspectorProps {}
-
-export const InspectorTool: React.FC<InspectorProps> = (props) => {
-  const mapViewer: CesiumViewer = useCesiumMap();
-
-  useEffect(() => {
-    mapViewer.extend(viewerCesiumInspectorMixin);
-  }, [mapViewer]);
-
-  return <></>;
-};
+import React, { useEffect } from 'react';
+import { viewerCesiumInspectorMixin } from 'cesium';
+import { CesiumViewer, useCesiumMap } from '../map';
+
+export interface InspectorProps {}
+
+export const InspectorTool: React.FC<InspectorProps> = (props) => {
+  const mapViewer: CesiumViewer = useCesiumMap();
+
+  useEffect(() => {
+    mapViewer.extend(viewerCesiumInspectorMixin);
+  }, [mapViewer]);
+
+  return <></>;
+};

package/src/lib/cesium-map/tools/scale-tracker.tool.css

@@ -1,16 +1,16 @@
-.scalePosition {
-  background-color: var(--mdc-theme-surface);
-  padding: 1px 1px;
-  border-radius: 2px;
-  font-size: 12px;
-  width: 110px;
-}
-.distance-legend-label {
-  text-align: center;
-}
-.distance-legend-scale-bar {
-  background: var(--mdc-theme-on-surface);
-  margin: 0 auto;
-  display: block;
-  transition: all 0.5s ease-in-out;
-}
+.scalePosition {
+  background-color: var(--mdc-theme-surface);
+  padding: 1px 1px;
+  border-radius: 2px;
+  font-size: 12px;
+  width: 110px;
+}
+.distance-legend-label {
+  text-align: center;
+}
+.distance-legend-scale-bar {
+  background: var(--mdc-theme-on-surface);
+  margin: 0 auto;
+  display: block;
+  transition: all 0.5s ease-in-out;
+}