@map-colonies/react-components 3.12.2 → 3.13.0

package/dist/autocomplete/index.d.ts

@@ -1 +1 @@
-export { AutocompleteWithDefauls as Autocomplete } from './autocomplete';
+export { AutocompleteWithDefauls as Autocomplete } from './autocomplete';

package/dist/autocomplete/index.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-var autocomplete_1 = require("./autocomplete");
-Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return autocomplete_1.AutocompleteWithDefauls; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Autocomplete = void 0;
+var autocomplete_1 = require("./autocomplete");
+Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return autocomplete_1.AutocompleteWithDefauls; } });

package/dist/box/box.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { BoxProps } from '@material-ui/core';
-export declare const McBox: React.FC<BoxProps>;
+import React from 'react';
+import { BoxProps } from '@material-ui/core';
+export declare const McBox: React.FC<BoxProps>;

package/dist/box/box.js

@@ -1,35 +1,35 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.McBox = void 0;
-var react_1 = __importDefault(require("react"));
-var core_1 = require("@material-ui/core");
-var McBox = function (props) {
-    var children = props.children, rest = __rest(props, ["children"]);
-    return react_1.default.createElement(core_1.Box, __assign({}, rest), children);
-};
-exports.McBox = McBox;
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.McBox = void 0;
+var react_1 = __importDefault(require("react"));
+var core_1 = require("@material-ui/core");
+var McBox = function (props) {
+    var children = props.children, rest = __rest(props, ["children"]);
+    return react_1.default.createElement(core_1.Box, __assign({}, rest), children);
+};
+exports.McBox = McBox;

package/dist/box/index.d.ts

@@ -1 +1 @@
-export { McBox as Box } from './box';
+export { McBox as Box } from './box';

package/dist/box/index.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Box = void 0;
-var box_1 = require("./box");
-Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return box_1.McBox; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+var box_1 = require("./box");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return box_1.McBox; } });

package/dist/cesium-map/data-sources/custom.data-source.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CustomDataSourceProps } from 'resium/dist/types/src/CustomDataSource/CustomDataSource';
-export interface RCesiumCustomDataSourceProps extends CustomDataSourceProps {
-}
-export declare const CesiumCustomDataSource: React.FC<RCesiumCustomDataSourceProps>;
+import React from 'react';
+import { CustomDataSourceProps } from 'resium/dist/types/src/CustomDataSource/CustomDataSource';
+export interface RCesiumCustomDataSourceProps extends CustomDataSourceProps {
+}
+export declare const CesiumCustomDataSource: React.FC<RCesiumCustomDataSourceProps>;

package/dist/cesium-map/data-sources/custom.data-source.js

@@ -1,23 +1,23 @@
-"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 });
-exports.CesiumCustomDataSource = void 0;
-var react_1 = __importDefault(require("react"));
-var resium_1 = require("resium");
-var CesiumCustomDataSource = function (props) {
-    return react_1.default.createElement(resium_1.CustomDataSource, __assign({}, props));
-};
-exports.CesiumCustomDataSource = CesiumCustomDataSource;
+"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 });
+exports.CesiumCustomDataSource = void 0;
+var react_1 = __importDefault(require("react"));
+var resium_1 = require("resium");
+var CesiumCustomDataSource = function (props) {
+    return react_1.default.createElement(resium_1.CustomDataSource, __assign({}, props));
+};
+exports.CesiumCustomDataSource = CesiumCustomDataSource;

package/dist/cesium-map/data-sources/drawings.data-source.d.ts

@@ -1,34 +1,34 @@
-import React from 'react';
-import { Cartesian3, Color, Rectangle } from 'cesium';
-import { GeoJSON } from 'geojson';
-import { CustomDataSourceProps } from 'resium/dist/types/src/CustomDataSource/CustomDataSource';
-import { DrawType } from '../../models';
-export declare class CesiumColor extends Color {
-}
-export declare type PrimitiveCoordinates = Cartesian3[] | Rectangle | undefined;
-export interface IDrawing {
-    coordinates: PrimitiveCoordinates;
-    name: string;
-    id: string;
-    type: DrawType;
-    geojson?: GeoJSON;
-}
-export interface IDrawingEvent {
-    primitive: PrimitiveCoordinates;
-    type: DrawType;
-    geojson: GeoJSON;
-}
-export interface RCesiumDrawingDataSourceProps extends CustomDataSourceProps {
-    drawings: IDrawing[];
-    drawState: {
-        drawing: boolean;
-        type: DrawType;
-        handler: (drawing: IDrawingEvent) => void;
-    };
-    drawingMaterial: CesiumColor;
-    drawingVertexColor?: CesiumColor;
-    material?: CesiumColor;
-    hollow?: boolean;
-    outlineWidth?: number;
-}
-export declare const CesiumDrawingsDataSource: React.FC<RCesiumDrawingDataSourceProps>;
+import React from 'react';
+import { Cartesian3, Color, Rectangle } from 'cesium';
+import { GeoJSON } from 'geojson';
+import { CustomDataSourceProps } from 'resium/dist/types/src/CustomDataSource/CustomDataSource';
+import { DrawType } from '../../models';
+export declare class CesiumColor extends Color {
+}
+export declare type PrimitiveCoordinates = Cartesian3[] | Rectangle | undefined;
+export interface IDrawing {
+    coordinates: PrimitiveCoordinates;
+    name: string;
+    id: string;
+    type: DrawType;
+    geojson?: GeoJSON;
+}
+export interface IDrawingEvent {
+    primitive: PrimitiveCoordinates;
+    type: DrawType;
+    geojson: GeoJSON;
+}
+export interface RCesiumDrawingDataSourceProps extends CustomDataSourceProps {
+    drawings: IDrawing[];
+    drawState: {
+        drawing: boolean;
+        type: DrawType;
+        handler: (drawing: IDrawingEvent) => void;
+    };
+    drawingMaterial: CesiumColor;
+    drawingVertexColor?: CesiumColor;
+    material?: CesiumColor;
+    hollow?: boolean;
+    outlineWidth?: number;
+}
+export declare const CesiumDrawingsDataSource: React.FC<RCesiumDrawingDataSourceProps>;

package/dist/cesium-map/data-sources/drawings.data-source.js

@@ -1,187 +1,193 @@
-"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 __());
-    };
-})();
-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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CesiumDrawingsDataSource = exports.CesiumColor = void 0;
-var react_1 = __importStar(require("react"));
-var cesium_1 = require("cesium");
-var models_1 = require("../../models");
-var entity_1 = require("../entities/entity");
-var entity_description_1 = require("../entities/entity.description");
-var polygon_graphics_1 = require("../entities/graphics/polygon.graphics");
-var rectangle_graphics_1 = require("../entities/graphics/rectangle.graphics");
-var polyline_graphics_1 = require("../entities/graphics/polyline.graphics");
-var map_1 = require("../map");
-var drawHelper_1 = require("../tools/draw/drawHelper");
-var geojson_to_primitive_1 = require("../tools/geojson/geojson-to-primitive");
-var geojson_1 = require("../tools/geojson");
-var primitives_conversions_cesium_1 = require("../tools/cesium/primitives-conversions.cesium");
-var custom_data_source_1 = require("./custom.data-source");
-var CesiumColor = /** @class */ (function (_super) {
-    __extends(CesiumColor, _super);
-    function CesiumColor() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CesiumColor;
-}(cesium_1.Color));
-exports.CesiumColor = CesiumColor;
-var CesiumDrawingsDataSource = function (props) {
-    var drawState = props.drawState, drawingMaterial = props.drawingMaterial, drawingVertexColor = props.drawingVertexColor, material = props.material, hollow = props.hollow, outlineWidth = props.outlineWidth;
-    var mapViewer = map_1.useCesiumMap();
-    var _a = react_1.useState(), drawHelper = _a[0], setDrawHelper = _a[1];
-    react_1.useEffect(function () {
-        setDrawHelper(
-        // eslint-disable-next-line
-        new drawHelper_1.DrawHelper(mapViewer, drawingMaterial, drawingVertexColor));
-    }, []);
-    react_1.useEffect(function () {
-        if (drawHelper) {
-            // eslint-disable-next-line
-            var drawHelperInstance = drawHelper;
-            if (drawState.drawing) {
-                switch (drawState.type) {
-                    case models_1.DrawType.POLYGON:
-                        // eslint-disable-next-line
-                        drawHelperInstance.startDrawingPolygon({
-                            callback: function (positions) {
-                                //// MAKE polygon editable example
-                                // var polygon = new DrawHelper.PolygonPrimitive({
-                                //   positions: positions,
-                                //   width: 5,
-                                //   geodesic: true
-                                // });
-                                // mapViewer.scene.primitives.add(polygon);
-                                // polygon.setStrokeStyle(Color.AQUA,1);
-                                // polygon.setEditable();
-                                // polygon.addListener('onEdited', function(event) {
-                                //   console.log('Polygone edited, ' + event.positions.length + ' points');
-                                // });
-                                drawState.handler({
-                                    primitive: positions,
-                                    type: models_1.DrawType.POLYGON,
-                                    geojson: geojson_1.polygonToGeoJSON(positions),
-                                });
-                            },
-                        });
-                        break;
-                    case models_1.DrawType.BOX:
-                        // eslint-disable-next-line
-                        drawHelperInstance.startDrawingExtent({
-                            callback: function (positions) {
-                                //// MAKE box editable example
-                                // var extentPrimitive = new DrawHelper.ExtentPrimitive({
-                                //   extent: positions,
-                                //   material: Cesium.Material.fromType(Cesium.Material.StripeType)
-                                // });
-                                // mapViewer.scene.primitives.add(extentPrimitive);
-                                // extentPrimitive.setStrokeStyle(Color.AQUA,1);
-                                // extentPrimitive.setEditable();
-                                // extentPrimitive.addListener('onEdited', function(event) {
-                                //   console.log('Extent edited: extent is (N: ' + event.extent.north.toFixed(3) + ', E: ' + event.extent.east.toFixed(3) + ', S: ' + event.extent.south.toFixed(3) + ', W: ' + event.extent.west.toFixed(3) + ')');
-                                // });
-                                drawState.handler({
-                                    primitive: positions,
-                                    type: models_1.DrawType.BOX,
-                                    geojson: geojson_1.rectangleToGeoJSON(positions),
-                                });
-                            },
-                        });
-                        break;
-                    default:
-                        throw new Error("[CESIUM DRAW]: " + drawState.type + " unrecognized primitive to draw.");
-                        break;
-                }
-            }
-            else {
-                // eslint-disable-next-line
-                drawHelperInstance.stopDrawing();
-            }
-        }
-    }, [drawState, drawHelper]);
-    var renderGraphicsComponent = function (drawEntity) {
-        var coordinates = drawEntity.coordinates !== undefined
-            ? drawEntity.coordinates
-            : geojson_to_primitive_1.geoJSONToPrimitive(drawEntity.type, drawEntity.geojson);
-        if (hollow !== true) {
-            switch (drawEntity.type) {
-                case models_1.DrawType.BOX:
-                    return (react_1.default.createElement(rectangle_graphics_1.CesiumRectangleGraphics, { coordinates: coordinates, material: material !== null && material !== void 0 ? material : drawingMaterial }));
-                case models_1.DrawType.POLYGON:
-                    return (react_1.default.createElement(polygon_graphics_1.CesiumPolygonGraphics, { hierarchy: new cesium_1.PolygonHierarchy(coordinates), material: material !== null && material !== void 0 ? material : drawingMaterial }));
-                default:
-                    return react_1.default.createElement(react_1.default.Fragment, null);
-            }
-        }
-        else {
-            switch (drawEntity.type) {
-                case models_1.DrawType.BOX:
-                    coordinates = primitives_conversions_cesium_1.rectangleToPositions(coordinates);
-                    break;
-                case models_1.DrawType.POLYGON:
-                    coordinates = __spreadArray(__spreadArray([], coordinates), [
-                        coordinates[0],
-                    ]);
-                    break;
-                default:
-                    return react_1.default.createElement(react_1.default.Fragment, null);
-            }
-            return (react_1.default.createElement(polyline_graphics_1.CesiumPolylineGraphics, { positions: coordinates, width: outlineWidth !== null && outlineWidth !== void 0 ? outlineWidth : 1, material: material !== null && material !== void 0 ? material : drawingMaterial }));
-        }
-    };
-    return (react_1.default.createElement(custom_data_source_1.CesiumCustomDataSource, __assign({}, props), props.drawings.map(function (drawEntity, i) { return (react_1.default.createElement(entity_1.CesiumEntity, { key: drawEntity.id, name: drawEntity.name },
-        react_1.default.createElement(entity_description_1.CesiumEntityStaticDescription, null,
-            react_1.default.createElement("h1", null,
-                "Drawed Entity ",
-                drawEntity.name),
-            react_1.default.createElement("p", null, "This is description of drawed entity")),
-        renderGraphicsComponent(drawEntity))); })));
-};
-exports.CesiumDrawingsDataSource = CesiumDrawingsDataSource;
+"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 __());
+    };
+})();
+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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CesiumDrawingsDataSource = exports.CesiumColor = void 0;
+var react_1 = __importStar(require("react"));
+var cesium_1 = require("cesium");
+var models_1 = require("../../models");
+var entity_1 = require("../entities/entity");
+var entity_description_1 = require("../entities/entity.description");
+var polygon_graphics_1 = require("../entities/graphics/polygon.graphics");
+var rectangle_graphics_1 = require("../entities/graphics/rectangle.graphics");
+var polyline_graphics_1 = require("../entities/graphics/polyline.graphics");
+var map_1 = require("../map");
+var drawHelper_1 = require("../tools/draw/drawHelper");
+var geojson_to_primitive_1 = require("../tools/geojson/geojson-to-primitive");
+var geojson_1 = require("../tools/geojson");
+var primitives_conversions_cesium_1 = require("../tools/cesium/primitives-conversions.cesium");
+var custom_data_source_1 = require("./custom.data-source");
+var CesiumColor = /** @class */ (function (_super) {
+    __extends(CesiumColor, _super);
+    function CesiumColor() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CesiumColor;
+}(cesium_1.Color));
+exports.CesiumColor = CesiumColor;
+var CesiumDrawingsDataSource = function (props) {
+    var drawState = props.drawState, drawingMaterial = props.drawingMaterial, drawingVertexColor = props.drawingVertexColor, material = props.material, hollow = props.hollow, outlineWidth = props.outlineWidth;
+    var mapViewer = map_1.useCesiumMap();
+    var _a = react_1.useState(), drawHelper = _a[0], setDrawHelper = _a[1];
+    react_1.useEffect(function () {
+        setDrawHelper(
+        // eslint-disable-next-line
+        new drawHelper_1.DrawHelper(mapViewer, drawingMaterial, drawingVertexColor));
+    }, []);
+    react_1.useEffect(function () {
+        if (drawHelper) {
+            // eslint-disable-next-line
+            var drawHelperInstance = drawHelper;
+            if (drawState.drawing) {
+                switch (drawState.type) {
+                    case models_1.DrawType.POLYGON:
+                        // Disable terrain accounting before drawing.
+                        mapViewer.scene.globe.depthTestAgainstTerrain = false;
+                        // eslint-disable-next-line
+                        drawHelperInstance.startDrawingPolygon({
+                            callback: function (positions) {
+                                //// MAKE polygon editable example
+                                // var polygon = new DrawHelper.PolygonPrimitive({
+                                //   positions: positions,
+                                //   width: 5,
+                                //   geodesic: true
+                                // });
+                                // mapViewer.scene.primitives.add(polygon);
+                                // polygon.setStrokeStyle(Color.AQUA,1);
+                                // polygon.setEditable();
+                                // polygon.addListener('onEdited', function(event) {
+                                //   console.log('Polygone edited, ' + event.positions.length + ' points');
+                                // });
+                                drawState.handler({
+                                    primitive: positions,
+                                    type: models_1.DrawType.POLYGON,
+                                    geojson: geojson_1.polygonToGeoJSON(positions),
+                                });
+                            },
+                        });
+                        break;
+                    case models_1.DrawType.BOX:
+                        // Disable terrain accounting before drawing.
+                        mapViewer.scene.globe.depthTestAgainstTerrain = false;
+                        // eslint-disable-next-line
+                        drawHelperInstance.startDrawingExtent({
+                            callback: function (positions) {
+                                //// MAKE box editable example
+                                // var extentPrimitive = new DrawHelper.ExtentPrimitive({
+                                //   extent: positions,
+                                //   material: Cesium.Material.fromType(Cesium.Material.StripeType)
+                                // });
+                                // mapViewer.scene.primitives.add(extentPrimitive);
+                                // extentPrimitive.setStrokeStyle(Color.AQUA,1);
+                                // extentPrimitive.setEditable();
+                                // extentPrimitive.addListener('onEdited', function(event) {
+                                //   console.log('Extent edited: extent is (N: ' + event.extent.north.toFixed(3) + ', E: ' + event.extent.east.toFixed(3) + ', S: ' + event.extent.south.toFixed(3) + ', W: ' + event.extent.west.toFixed(3) + ')');
+                                // });
+                                drawState.handler({
+                                    primitive: positions,
+                                    type: models_1.DrawType.BOX,
+                                    geojson: geojson_1.rectangleToGeoJSON(positions),
+                                });
+                            },
+                        });
+                        break;
+                    default:
+                        throw new Error("[CESIUM DRAW]: " + drawState.type + " unrecognized primitive to draw.");
+                        break;
+                }
+            }
+            else {
+                // eslint-disable-next-line
+                drawHelperInstance.stopDrawing();
+                // Enable terrain accounting after drawing.
+                mapViewer.scene.globe.depthTestAgainstTerrain = true;
+            }
+        }
+    }, [drawState, drawHelper]);
+    var renderGraphicsComponent = function (drawEntity) {
+        var coordinates = drawEntity.coordinates !== undefined
+            ? drawEntity.coordinates
+            : geojson_to_primitive_1.geoJSONToPrimitive(drawEntity.type, drawEntity.geojson);
+        if (hollow !== true) {
+            switch (drawEntity.type) {
+                case models_1.DrawType.BOX:
+                    return (react_1.default.createElement(rectangle_graphics_1.CesiumRectangleGraphics, { coordinates: coordinates, material: material !== null && material !== void 0 ? material : drawingMaterial }));
+                case models_1.DrawType.POLYGON:
+                    return (react_1.default.createElement(polygon_graphics_1.CesiumPolygonGraphics, { hierarchy: new cesium_1.PolygonHierarchy(coordinates), material: material !== null && material !== void 0 ? material : drawingMaterial }));
+                default:
+                    return react_1.default.createElement(react_1.default.Fragment, null);
+            }
+        }
+        else {
+            switch (drawEntity.type) {
+                case models_1.DrawType.BOX:
+                    coordinates = primitives_conversions_cesium_1.rectangleToPositions(coordinates);
+                    break;
+                case models_1.DrawType.POLYGON:
+                    coordinates = __spreadArray(__spreadArray([], coordinates), [
+                        coordinates[0],
+                    ]);
+                    break;
+                default:
+                    return react_1.default.createElement(react_1.default.Fragment, null);
+            }
+            return (react_1.default.createElement(polyline_graphics_1.CesiumPolylineGraphics, { positions: coordinates, width: outlineWidth !== null && outlineWidth !== void 0 ? outlineWidth : 1, material: material !== null && material !== void 0 ? material : drawingMaterial }));
+        }
+    };
+    return (react_1.default.createElement(custom_data_source_1.CesiumCustomDataSource, __assign({}, props), props.drawings.map(function (drawEntity, i) { return (react_1.default.createElement(entity_1.CesiumEntity, { key: drawEntity.id, name: drawEntity.name },
+        react_1.default.createElement(entity_description_1.CesiumEntityStaticDescription, null,
+            react_1.default.createElement("h1", null,
+                "Drawed Entity ",
+                drawEntity.name),
+            react_1.default.createElement("p", null, "This is description of drawed entity")),
+        renderGraphicsComponent(drawEntity))); })));
+};
+exports.CesiumDrawingsDataSource = CesiumDrawingsDataSource;

package/dist/cesium-map/data-sources/index.d.ts

@@ -1,2 +1,2 @@
-export * from './custom.data-source';
-export * from './drawings.data-source';
+export * from './custom.data-source';
+export * from './drawings.data-source';