@map-colonies/react-components 3.12.2 → 3.13.0

package/dist/cesium-map/map.types.d.ts

@@ -1,8 +1,8 @@
-import { SceneMode } from 'cesium';
-export declare type CesiumSceneModeEnum = SceneMode;
-export declare const CesiumSceneMode: {
-    MORPHING: SceneMode;
-    COLUMBUS_VIEW: SceneMode;
-    SCENE2D: SceneMode;
-    SCENE3D: SceneMode;
-};
+import { SceneMode } from 'cesium';
+export declare type CesiumSceneModeEnum = SceneMode;
+export declare const CesiumSceneMode: {
+    MORPHING: SceneMode;
+    COLUMBUS_VIEW: SceneMode;
+    SCENE2D: SceneMode;
+    SCENE3D: SceneMode;
+};

package/dist/cesium-map/map.types.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CesiumSceneMode = void 0;
-var cesium_1 = require("cesium");
-/* eslint-disable */
-exports.CesiumSceneMode = {
-    MORPHING: cesium_1.SceneMode.MORPHING,
-    COLUMBUS_VIEW: cesium_1.SceneMode.COLUMBUS_VIEW,
-    SCENE2D: cesium_1.SceneMode.SCENE2D,
-    SCENE3D: cesium_1.SceneMode.SCENE3D,
-};
-/* eslint-enable */
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CesiumSceneMode = void 0;
+var cesium_1 = require("cesium");
+/* eslint-disable */
+exports.CesiumSceneMode = {
+    MORPHING: cesium_1.SceneMode.MORPHING,
+    COLUMBUS_VIEW: cesium_1.SceneMode.COLUMBUS_VIEW,
+    SCENE2D: cesium_1.SceneMode.SCENE2D,
+    SCENE3D: cesium_1.SceneMode.SCENE3D,
+};
+/* eslint-enable */

package/dist/cesium-map/proxied.types.d.ts

@@ -1,30 +1,30 @@
-import { BoundingSphere, Cartesian2, Cartesian3, Cartographic, CesiumTerrainProvider, ConstantPositionProperty, ConstantProperty, Ellipsoid, EllipsoidTerrainProvider, GeographicTilingScheme, LabelStyle, PolylineDashMaterialProperty, Rectangle, Resource, VerticalOrigin } from 'cesium';
-export declare class CesiumPolylineDashMaterialProperty extends PolylineDashMaterialProperty {
-}
-export declare class CesiumConstantProperty extends ConstantProperty {
-}
-export declare class CesiumConstantPositionProperty extends ConstantPositionProperty {
-}
-export declare class CesiumCartesian2 extends Cartesian2 {
-}
-export declare class CesiumCartesian3 extends Cartesian3 {
-}
-export declare class CesiumCartographic extends Cartographic {
-}
-export declare class CesiumBoundingSphere extends BoundingSphere {
-}
-export declare class CesiumEllipsoid extends Ellipsoid {
-}
-export declare class CesiumGeographicTilingScheme extends GeographicTilingScheme {
-}
-export declare class CesiumRectangle extends Rectangle {
-}
-export declare class CesiumResource extends Resource {
-}
-export declare class CesiumEllipsoidTerrainProvider extends EllipsoidTerrainProvider {
-}
-export declare class CesiumCesiumTerrainProvider extends CesiumTerrainProvider {
-}
-export declare const CesiumVerticalOrigin: typeof VerticalOrigin;
-export declare const CesiumLabelStyle: typeof LabelStyle;
-export { sampleTerrainMostDetailed as cesiumSampleTerrainMostDetailed } from 'cesium';
+import { BoundingSphere, Cartesian2, Cartesian3, Cartographic, CesiumTerrainProvider, ConstantPositionProperty, ConstantProperty, Ellipsoid, EllipsoidTerrainProvider, GeographicTilingScheme, LabelStyle, PolylineDashMaterialProperty, Rectangle, Resource, VerticalOrigin } from 'cesium';
+export declare class CesiumPolylineDashMaterialProperty extends PolylineDashMaterialProperty {
+}
+export declare class CesiumConstantProperty extends ConstantProperty {
+}
+export declare class CesiumConstantPositionProperty extends ConstantPositionProperty {
+}
+export declare class CesiumCartesian2 extends Cartesian2 {
+}
+export declare class CesiumCartesian3 extends Cartesian3 {
+}
+export declare class CesiumCartographic extends Cartographic {
+}
+export declare class CesiumBoundingSphere extends BoundingSphere {
+}
+export declare class CesiumEllipsoid extends Ellipsoid {
+}
+export declare class CesiumGeographicTilingScheme extends GeographicTilingScheme {
+}
+export declare class CesiumRectangle extends Rectangle {
+}
+export declare class CesiumResource extends Resource {
+}
+export declare class CesiumEllipsoidTerrainProvider extends EllipsoidTerrainProvider {
+}
+export declare class CesiumCesiumTerrainProvider extends CesiumTerrainProvider {
+}
+export declare const CesiumVerticalOrigin: typeof VerticalOrigin;
+export declare const CesiumLabelStyle: typeof LabelStyle;
+export { sampleTerrainMostDetailed as cesiumSampleTerrainMostDetailed, Math as CesiumMath, } from 'cesium';

package/dist/cesium-map/proxied.types.js

@@ -1,132 +1,133 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cesiumSampleTerrainMostDetailed = exports.CesiumLabelStyle = exports.CesiumVerticalOrigin = exports.CesiumCesiumTerrainProvider = exports.CesiumEllipsoidTerrainProvider = exports.CesiumResource = exports.CesiumRectangle = exports.CesiumGeographicTilingScheme = exports.CesiumEllipsoid = exports.CesiumBoundingSphere = exports.CesiumCartographic = exports.CesiumCartesian3 = exports.CesiumCartesian2 = exports.CesiumConstantPositionProperty = exports.CesiumConstantProperty = exports.CesiumPolylineDashMaterialProperty = void 0;
-var cesium_1 = require("cesium");
-// PROXIED CLASSES
-var CesiumPolylineDashMaterialProperty = /** @class */ (function (_super) {
-    __extends(CesiumPolylineDashMaterialProperty, _super);
-    function CesiumPolylineDashMaterialProperty() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumPolylineDashMaterialProperty;
-}(cesium_1.PolylineDashMaterialProperty));
-exports.CesiumPolylineDashMaterialProperty = CesiumPolylineDashMaterialProperty;
-var CesiumConstantProperty = /** @class */ (function (_super) {
-    __extends(CesiumConstantProperty, _super);
-    function CesiumConstantProperty() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumConstantProperty;
-}(cesium_1.ConstantProperty));
-exports.CesiumConstantProperty = CesiumConstantProperty;
-var CesiumConstantPositionProperty = /** @class */ (function (_super) {
-    __extends(CesiumConstantPositionProperty, _super);
-    function CesiumConstantPositionProperty() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumConstantPositionProperty;
-}(cesium_1.ConstantPositionProperty));
-exports.CesiumConstantPositionProperty = CesiumConstantPositionProperty;
-var CesiumCartesian2 = /** @class */ (function (_super) {
-    __extends(CesiumCartesian2, _super);
-    function CesiumCartesian2() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumCartesian2;
-}(cesium_1.Cartesian2));
-exports.CesiumCartesian2 = CesiumCartesian2;
-var CesiumCartesian3 = /** @class */ (function (_super) {
-    __extends(CesiumCartesian3, _super);
-    function CesiumCartesian3() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumCartesian3;
-}(cesium_1.Cartesian3));
-exports.CesiumCartesian3 = CesiumCartesian3;
-var CesiumCartographic = /** @class */ (function (_super) {
-    __extends(CesiumCartographic, _super);
-    function CesiumCartographic() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumCartographic;
-}(cesium_1.Cartographic));
-exports.CesiumCartographic = CesiumCartographic;
-var CesiumBoundingSphere = /** @class */ (function (_super) {
-    __extends(CesiumBoundingSphere, _super);
-    function CesiumBoundingSphere() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumBoundingSphere;
-}(cesium_1.BoundingSphere));
-exports.CesiumBoundingSphere = CesiumBoundingSphere;
-var CesiumEllipsoid = /** @class */ (function (_super) {
-    __extends(CesiumEllipsoid, _super);
-    function CesiumEllipsoid() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumEllipsoid;
-}(cesium_1.Ellipsoid));
-exports.CesiumEllipsoid = CesiumEllipsoid;
-var CesiumGeographicTilingScheme = /** @class */ (function (_super) {
-    __extends(CesiumGeographicTilingScheme, _super);
-    function CesiumGeographicTilingScheme() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumGeographicTilingScheme;
-}(cesium_1.GeographicTilingScheme));
-exports.CesiumGeographicTilingScheme = CesiumGeographicTilingScheme;
-var CesiumRectangle = /** @class */ (function (_super) {
-    __extends(CesiumRectangle, _super);
-    function CesiumRectangle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumRectangle;
-}(cesium_1.Rectangle));
-exports.CesiumRectangle = CesiumRectangle;
-var CesiumResource = /** @class */ (function (_super) {
-    __extends(CesiumResource, _super);
-    function CesiumResource() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumResource;
-}(cesium_1.Resource));
-exports.CesiumResource = CesiumResource;
-var CesiumEllipsoidTerrainProvider = /** @class */ (function (_super) {
-    __extends(CesiumEllipsoidTerrainProvider, _super);
-    function CesiumEllipsoidTerrainProvider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumEllipsoidTerrainProvider;
-}(cesium_1.EllipsoidTerrainProvider));
-exports.CesiumEllipsoidTerrainProvider = CesiumEllipsoidTerrainProvider;
-var CesiumCesiumTerrainProvider = /** @class */ (function (_super) {
-    __extends(CesiumCesiumTerrainProvider, _super);
-    function CesiumCesiumTerrainProvider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumCesiumTerrainProvider;
-}(cesium_1.CesiumTerrainProvider));
-exports.CesiumCesiumTerrainProvider = CesiumCesiumTerrainProvider;
-// PROXIED ENUMS
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.CesiumVerticalOrigin = cesium_1.VerticalOrigin;
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.CesiumLabelStyle = cesium_1.LabelStyle;
-// PROXIED FUNCTIONS
-var cesium_2 = require("cesium");
-Object.defineProperty(exports, "cesiumSampleTerrainMostDetailed", { enumerable: true, get: function () { return cesium_2.sampleTerrainMostDetailed; } });
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CesiumMath = exports.cesiumSampleTerrainMostDetailed = exports.CesiumLabelStyle = exports.CesiumVerticalOrigin = exports.CesiumCesiumTerrainProvider = exports.CesiumEllipsoidTerrainProvider = exports.CesiumResource = exports.CesiumRectangle = exports.CesiumGeographicTilingScheme = exports.CesiumEllipsoid = exports.CesiumBoundingSphere = exports.CesiumCartographic = exports.CesiumCartesian3 = exports.CesiumCartesian2 = exports.CesiumConstantPositionProperty = exports.CesiumConstantProperty = exports.CesiumPolylineDashMaterialProperty = void 0;
+var cesium_1 = require("cesium");
+// PROXIED CLASSES
+var CesiumPolylineDashMaterialProperty = /** @class */ (function (_super) {
+    __extends(CesiumPolylineDashMaterialProperty, _super);
+    function CesiumPolylineDashMaterialProperty() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumPolylineDashMaterialProperty;
+}(cesium_1.PolylineDashMaterialProperty));
+exports.CesiumPolylineDashMaterialProperty = CesiumPolylineDashMaterialProperty;
+var CesiumConstantProperty = /** @class */ (function (_super) {
+    __extends(CesiumConstantProperty, _super);
+    function CesiumConstantProperty() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumConstantProperty;
+}(cesium_1.ConstantProperty));
+exports.CesiumConstantProperty = CesiumConstantProperty;
+var CesiumConstantPositionProperty = /** @class */ (function (_super) {
+    __extends(CesiumConstantPositionProperty, _super);
+    function CesiumConstantPositionProperty() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumConstantPositionProperty;
+}(cesium_1.ConstantPositionProperty));
+exports.CesiumConstantPositionProperty = CesiumConstantPositionProperty;
+var CesiumCartesian2 = /** @class */ (function (_super) {
+    __extends(CesiumCartesian2, _super);
+    function CesiumCartesian2() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumCartesian2;
+}(cesium_1.Cartesian2));
+exports.CesiumCartesian2 = CesiumCartesian2;
+var CesiumCartesian3 = /** @class */ (function (_super) {
+    __extends(CesiumCartesian3, _super);
+    function CesiumCartesian3() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumCartesian3;
+}(cesium_1.Cartesian3));
+exports.CesiumCartesian3 = CesiumCartesian3;
+var CesiumCartographic = /** @class */ (function (_super) {
+    __extends(CesiumCartographic, _super);
+    function CesiumCartographic() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumCartographic;
+}(cesium_1.Cartographic));
+exports.CesiumCartographic = CesiumCartographic;
+var CesiumBoundingSphere = /** @class */ (function (_super) {
+    __extends(CesiumBoundingSphere, _super);
+    function CesiumBoundingSphere() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumBoundingSphere;
+}(cesium_1.BoundingSphere));
+exports.CesiumBoundingSphere = CesiumBoundingSphere;
+var CesiumEllipsoid = /** @class */ (function (_super) {
+    __extends(CesiumEllipsoid, _super);
+    function CesiumEllipsoid() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumEllipsoid;
+}(cesium_1.Ellipsoid));
+exports.CesiumEllipsoid = CesiumEllipsoid;
+var CesiumGeographicTilingScheme = /** @class */ (function (_super) {
+    __extends(CesiumGeographicTilingScheme, _super);
+    function CesiumGeographicTilingScheme() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumGeographicTilingScheme;
+}(cesium_1.GeographicTilingScheme));
+exports.CesiumGeographicTilingScheme = CesiumGeographicTilingScheme;
+var CesiumRectangle = /** @class */ (function (_super) {
+    __extends(CesiumRectangle, _super);
+    function CesiumRectangle() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumRectangle;
+}(cesium_1.Rectangle));
+exports.CesiumRectangle = CesiumRectangle;
+var CesiumResource = /** @class */ (function (_super) {
+    __extends(CesiumResource, _super);
+    function CesiumResource() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumResource;
+}(cesium_1.Resource));
+exports.CesiumResource = CesiumResource;
+var CesiumEllipsoidTerrainProvider = /** @class */ (function (_super) {
+    __extends(CesiumEllipsoidTerrainProvider, _super);
+    function CesiumEllipsoidTerrainProvider() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumEllipsoidTerrainProvider;
+}(cesium_1.EllipsoidTerrainProvider));
+exports.CesiumEllipsoidTerrainProvider = CesiumEllipsoidTerrainProvider;
+var CesiumCesiumTerrainProvider = /** @class */ (function (_super) {
+    __extends(CesiumCesiumTerrainProvider, _super);
+    function CesiumCesiumTerrainProvider() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumCesiumTerrainProvider;
+}(cesium_1.CesiumTerrainProvider));
+exports.CesiumCesiumTerrainProvider = CesiumCesiumTerrainProvider;
+// PROXIED ENUMS
+// eslint-disable-next-line @typescript-eslint/naming-convention
+exports.CesiumVerticalOrigin = cesium_1.VerticalOrigin;
+// eslint-disable-next-line @typescript-eslint/naming-convention
+exports.CesiumLabelStyle = cesium_1.LabelStyle;
+// PROXIED FUNCTIONS
+var cesium_2 = require("cesium");
+Object.defineProperty(exports, "cesiumSampleTerrainMostDetailed", { enumerable: true, get: function () { return cesium_2.sampleTerrainMostDetailed; } });
+Object.defineProperty(exports, "CesiumMath", { enumerable: true, get: function () { return cesium_2.Math; } });

package/dist/cesium-map/settings/base-maps.css

@@ -1,37 +1,37 @@
-.mapSelector {
-  width: 260px;
-  list-style: none;
-  padding-left: 0;
-  display: flex;
-  flex-wrap: wrap;
-  grid-gap: 4px;
-  min-height: 140px;
-  margin-block-start: 0px;
-  padding-inline-start: 0px;
-}
-
-.mapContainer {
-}
-
-.mapContainerSelected {
-  border: blueviolet 2px solid !important;
-  border-radius: 2px;
-}
-
-.mapContainer:hover {
-  border: tomato 2px solid;
-  border-radius: 2px;
-}
-
-.mapContainerImg {
-  width: 100%;
-  height: 100%;
-}
-
-.mapLabel {
-  font-size: 12px;
-}
-
-.mapLabel::before {
-  content: '\00a0';
-}
+.mapSelector {
+  width: 260px;
+  list-style: none;
+  padding-left: 0;
+  display: flex;
+  flex-wrap: wrap;
+  grid-gap: 4px;
+  min-height: 140px;
+  margin-block-start: 0px;
+  padding-inline-start: 0px;
+}
+
+.mapContainer {
+}
+
+.mapContainerSelected {
+  border: blueviolet 2px solid !important;
+  border-radius: 2px;
+}
+
+.mapContainer:hover {
+  border: tomato 2px solid;
+  border-radius: 2px;
+}
+
+.mapContainerImg {
+  width: 100%;
+  height: 100%;
+}
+
+.mapLabel {
+  font-size: 12px;
+}
+
+.mapLabel::before {
+  content: '\00a0';
+}

package/dist/cesium-map/settings/base-maps.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { IBaseMaps } from './settings';
-import './base-maps.css';
-export interface RCesiumBaseMapsProps {
-    baseMaps?: IBaseMaps;
-}
-export declare const CesiumBaseMaps: React.FC<RCesiumBaseMapsProps>;
+import React from 'react';
+import { IBaseMaps } from './settings';
+import './base-maps.css';
+export interface RCesiumBaseMapsProps {
+    baseMaps?: IBaseMaps;
+}
+export declare const CesiumBaseMaps: React.FC<RCesiumBaseMapsProps>;

package/dist/cesium-map/settings/base-maps.js

@@ -1,78 +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.CesiumBaseMaps = void 0;
-var react_1 = __importStar(require("react"));
-var styles_1 = require("@material-ui/core/styles");
-var map_1 = require("../map");
-require("./base-maps.css");
-var useStyle = styles_1.makeStyles(function (theme) {
-    return styles_1.createStyles({
-        mapContainer: {
-            width: '60px',
-            height: '60px',
-            border: theme.palette.background.paper + " 2px solid",
-        },
-    });
-});
-var CesiumBaseMaps = function (props) {
-    var mapViewer = map_1.useCesiumMap();
-    var baseMaps = props.baseMaps;
-    var _a = react_1.useState(' '), currentMap = _a[0], setCurrentMap = _a[1];
-    var _b = react_1.useState(), selectedBaseMap = _b[0], setSelectedBaseMap = _b[1];
-    var classes = useStyle();
-    react_1.useEffect(function () {
-        var defaultMap = baseMaps === null || baseMaps === void 0 ? void 0 : baseMaps.maps.find(function (map) { return map.isCurrent; });
-        if (defaultMap) {
-            setSelectedBaseMap(defaultMap);
-            setCurrentMap(defaultMap.title !== undefined ? defaultMap.title : ' ');
-        }
-    }, [baseMaps]);
-    var handleMapSection = function (id) {
-        var _a, _b;
-        if (baseMaps) {
-            // Remove previous base-map layers
-            (_a = mapViewer.layersManager) === null || _a === void 0 ? void 0 : _a.removeBaseMapLayers();
-            // Change base-map: add base-map layers by zIndex order
-            var selectedBaseMap_1 = baseMaps.maps.find(function (map) { return map.id === id; });
-            if (selectedBaseMap_1) {
-                (_b = mapViewer.layersManager) === null || _b === void 0 ? void 0 : _b.setBaseMapLayers(selectedBaseMap_1);
-                setSelectedBaseMap(selectedBaseMap_1);
-                baseMaps.maps.forEach(function (map) {
-                    map.isCurrent = selectedBaseMap_1 === map;
-                });
-            }
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("label", { className: "mapLabel" }, currentMap),
-        react_1.default.createElement("ul", { className: "mapSelector" }, baseMaps === null || baseMaps === void 0 ? void 0 : baseMaps.maps.map(function (map) { return (react_1.default.createElement("li", { className: "mapContainer " + classes.mapContainer + " " + (map === selectedBaseMap ? 'mapContainerSelected' : ''), key: map.id },
-            react_1.default.createElement("img", { alt: '', className: "mapContainerImg", src: map.thumbnail, onMouseOver: function () {
-                    setCurrentMap(map.title);
-                }, onMouseOut: function () {
-                    setCurrentMap((selectedBaseMap === null || selectedBaseMap === void 0 ? void 0 : selectedBaseMap.title) !== undefined
-                        ? selectedBaseMap.title
-                        : ' ');
-                }, onClick: function () {
-                    handleMapSection(map.id);
-                } }))); }))));
-};
-exports.CesiumBaseMaps = CesiumBaseMaps;
+"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.CesiumBaseMaps = void 0;
+var react_1 = __importStar(require("react"));
+var styles_1 = require("@material-ui/core/styles");
+var map_1 = require("../map");
+require("./base-maps.css");
+var useStyle = styles_1.makeStyles(function (theme) {
+    return styles_1.createStyles({
+        mapContainer: {
+            width: '60px',
+            height: '60px',
+            border: theme.palette.background.paper + " 2px solid",
+        },
+    });
+});
+var CesiumBaseMaps = function (props) {
+    var mapViewer = map_1.useCesiumMap();
+    var baseMaps = props.baseMaps;
+    var _a = react_1.useState(' '), currentMap = _a[0], setCurrentMap = _a[1];
+    var _b = react_1.useState(), selectedBaseMap = _b[0], setSelectedBaseMap = _b[1];
+    var classes = useStyle();
+    react_1.useEffect(function () {
+        var defaultMap = baseMaps === null || baseMaps === void 0 ? void 0 : baseMaps.maps.find(function (map) { return map.isCurrent; });
+        if (defaultMap) {
+            setSelectedBaseMap(defaultMap);
+            setCurrentMap(defaultMap.title !== undefined ? defaultMap.title : ' ');
+        }
+    }, [baseMaps]);
+    var handleMapSection = function (id) {
+        var _a, _b;
+        if (baseMaps) {
+            // Remove previous base-map layers
+            (_a = mapViewer.layersManager) === null || _a === void 0 ? void 0 : _a.removeBaseMapLayers();
+            // Change base-map: add base-map layers by zIndex order
+            var selectedBaseMap_1 = baseMaps.maps.find(function (map) { return map.id === id; });
+            if (selectedBaseMap_1) {
+                (_b = mapViewer.layersManager) === null || _b === void 0 ? void 0 : _b.setBaseMapLayers(selectedBaseMap_1);
+                setSelectedBaseMap(selectedBaseMap_1);
+                baseMaps.maps.forEach(function (map) {
+                    map.isCurrent = selectedBaseMap_1 === map;
+                });
+            }
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("label", { className: "mapLabel" }, currentMap),
+        react_1.default.createElement("ul", { className: "mapSelector" }, baseMaps === null || baseMaps === void 0 ? void 0 : baseMaps.maps.map(function (map) { return (react_1.default.createElement("li", { className: "mapContainer " + classes.mapContainer + " " + (map === selectedBaseMap ? 'mapContainerSelected' : ''), key: map.id },
+            react_1.default.createElement("img", { alt: '', className: "mapContainerImg", src: map.thumbnail, onMouseOver: function () {
+                    setCurrentMap(map.title);
+                }, onMouseOut: function () {
+                    setCurrentMap((selectedBaseMap === null || selectedBaseMap === void 0 ? void 0 : selectedBaseMap.title) !== undefined
+                        ? selectedBaseMap.title
+                        : ' ');
+                }, onClick: function () {
+                    handleMapSection(map.id);
+                } }))); }))));
+};
+exports.CesiumBaseMaps = CesiumBaseMaps;