@map-colonies/react-components 3.12.0 → 3.12.2

package/dist/ol-map/interactions/draw.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Geometry } from 'geojson';
-import { DrawType } from '../../models/enums';
-export interface DrawProps {
-    drawType: DrawType;
-    onPolygonSelected?: (geometry: Geometry) => void;
-}
-export declare const DrawInteraction: React.FC<DrawProps>;
+import React from 'react';
+import { Geometry } from 'geojson';
+import { DrawType } from '../../models/enums';
+export interface DrawProps {
+    drawType: DrawType;
+    onPolygonSelected?: (geometry: Geometry) => void;
+}
+export declare const DrawInteraction: React.FC<DrawProps>;

package/dist/ol-map/interactions/draw.js

@@ -1,44 +1,44 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawInteraction = void 0;
-var react_1 = require("react");
-var interaction_1 = require("ol/interaction");
-var Draw_1 = require("ol/interaction/Draw");
-var GeometryType_1 = __importDefault(require("ol/geom/GeometryType"));
-var format_1 = require("ol/format");
-var map_1 = require("../map");
-var enums_1 = require("../../models/enums");
-var DrawInteraction = function (_a) {
-    var drawType = _a.drawType, onPolygonSelected = _a.onPolygonSelected;
-    var map = map_1.useMap();
-    react_1.useEffect(function () {
-        var options = { type: GeometryType_1.default.CIRCLE };
-        switch (drawType) {
-            case enums_1.DrawType.BOX:
-                options.geometryFunction = Draw_1.createBox();
-                break;
-            case enums_1.DrawType.POLYGON:
-                options.type = GeometryType_1.default.POLYGON;
-                break;
-            default:
-                return;
-        }
-        var draw = new interaction_1.Draw(options);
-        map.addInteraction(draw);
-        var onDrawEnd = function (e) {
-            var geoJson = new format_1.GeoJSON();
-            var geom = geoJson.writeGeometryObject(e.feature.getGeometry());
-            onPolygonSelected === null || onPolygonSelected === void 0 ? void 0 : onPolygonSelected(geom);
-        };
-        draw.on('drawend', onDrawEnd);
-        return function () {
-            draw.un('drawend', onDrawEnd);
-            map.removeInteraction(draw);
-        };
-    }, [onPolygonSelected, drawType, map]);
-    return null;
-};
-exports.DrawInteraction = DrawInteraction;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawInteraction = void 0;
+var react_1 = require("react");
+var interaction_1 = require("ol/interaction");
+var Draw_1 = require("ol/interaction/Draw");
+var GeometryType_1 = __importDefault(require("ol/geom/GeometryType"));
+var format_1 = require("ol/format");
+var map_1 = require("../map");
+var enums_1 = require("../../models/enums");
+var DrawInteraction = function (_a) {
+    var drawType = _a.drawType, onPolygonSelected = _a.onPolygonSelected;
+    var map = map_1.useMap();
+    react_1.useEffect(function () {
+        var options = { type: GeometryType_1.default.CIRCLE };
+        switch (drawType) {
+            case enums_1.DrawType.BOX:
+                options.geometryFunction = Draw_1.createBox();
+                break;
+            case enums_1.DrawType.POLYGON:
+                options.type = GeometryType_1.default.POLYGON;
+                break;
+            default:
+                return;
+        }
+        var draw = new interaction_1.Draw(options);
+        map.addInteraction(draw);
+        var onDrawEnd = function (e) {
+            var geoJson = new format_1.GeoJSON();
+            var geom = geoJson.writeGeometryObject(e.feature.getGeometry());
+            onPolygonSelected === null || onPolygonSelected === void 0 ? void 0 : onPolygonSelected(geom);
+        };
+        draw.on('drawend', onDrawEnd);
+        return function () {
+            draw.un('drawend', onDrawEnd);
+            map.removeInteraction(draw);
+        };
+    }, [onPolygonSelected, drawType, map]);
+    return null;
+};
+exports.DrawInteraction = DrawInteraction;

package/dist/ol-map/interactions/index.d.ts

@@ -1 +1 @@
-export * from './draw';
+export * from './draw';

package/dist/ol-map/interactions/index.js

@@ -1,13 +1,13 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./draw"), exports);
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./draw"), exports);

package/dist/ol-map/layers/index.d.ts

@@ -1,3 +1,3 @@
-export * from './tile-layer';
-export * from './vector-layer';
-export * from './vector-tile-layer';
+export * from './tile-layer';
+export * from './vector-layer';
+export * from './vector-tile-layer';

package/dist/ol-map/layers/index.js

@@ -1,15 +1,15 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./tile-layer"), exports);
-__exportStar(require("./vector-layer"), exports);
-__exportStar(require("./vector-tile-layer"), exports);
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tile-layer"), exports);
+__exportStar(require("./vector-layer"), exports);
+__exportStar(require("./vector-tile-layer"), exports);

package/dist/ol-map/layers/tile-layer.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { Tile } from 'ol/layer';
-import { Options } from 'ol/layer/Base';
-interface TileLayerProps {
-    options?: Options;
-}
-export declare const useTileLayer: () => Tile;
-export declare const TileLayer: React.FC<TileLayerProps>;
-export {};
+import React from 'react';
+import { Tile } from 'ol/layer';
+import { Options } from 'ol/layer/Base';
+interface TileLayerProps {
+    options?: Options;
+}
+export declare const useTileLayer: () => Tile;
+export declare const TileLayer: React.FC<TileLayerProps>;
+export {};

package/dist/ol-map/layers/tile-layer.js

@@ -1,48 +1,48 @@
-"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.TileLayer = exports.useTileLayer = void 0;
-var react_1 = __importStar(require("react"));
-var layer_1 = require("ol/layer");
-var map_1 = require("../map");
-var tileLayerContext = react_1.createContext(null);
-var TileLayerProvider = tileLayerContext.Provider;
-var useTileLayer = function () {
-    var layer = react_1.useContext(tileLayerContext);
-    if (layer === null) {
-        throw new Error('tile layer context is null, please check the provider');
-    }
-    return layer;
-};
-exports.useTileLayer = useTileLayer;
-var TileLayer = function (_a) {
-    var options = _a.options, children = _a.children;
-    var map = map_1.useMap();
-    var tileLayer = react_1.useState(new layer_1.Tile(options))[0];
-    react_1.useEffect(function () {
-        map.addLayer(tileLayer);
-        return function () {
-            map.removeLayer(tileLayer);
-        };
-    }, [map, tileLayer]);
-    return react_1.default.createElement(TileLayerProvider, { value: tileLayer }, children);
-};
-exports.TileLayer = TileLayer;
+"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.TileLayer = exports.useTileLayer = void 0;
+var react_1 = __importStar(require("react"));
+var layer_1 = require("ol/layer");
+var map_1 = require("../map");
+var tileLayerContext = react_1.createContext(null);
+var TileLayerProvider = tileLayerContext.Provider;
+var useTileLayer = function () {
+    var layer = react_1.useContext(tileLayerContext);
+    if (layer === null) {
+        throw new Error('tile layer context is null, please check the provider');
+    }
+    return layer;
+};
+exports.useTileLayer = useTileLayer;
+var TileLayer = function (_a) {
+    var options = _a.options, children = _a.children;
+    var map = map_1.useMap();
+    var tileLayer = react_1.useState(new layer_1.Tile(options))[0];
+    react_1.useEffect(function () {
+        map.addLayer(tileLayer);
+        return function () {
+            map.removeLayer(tileLayer);
+        };
+    }, [map, tileLayer]);
+    return react_1.default.createElement(TileLayerProvider, { value: tileLayer }, children);
+};
+exports.TileLayer = TileLayer;

package/dist/ol-map/layers/vector-layer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { Vector } from 'ol/layer';
-export declare const useVectorLayer: () => Vector;
-export declare const VectorLayer: React.FC;
+import React from 'react';
+import { Vector } from 'ol/layer';
+export declare const useVectorLayer: () => Vector;
+export declare const VectorLayer: React.FC;

package/dist/ol-map/layers/vector-layer.js

@@ -1,48 +1,48 @@
-"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.VectorLayer = exports.useVectorLayer = void 0;
-var react_1 = __importStar(require("react"));
-var layer_1 = require("ol/layer");
-var map_1 = require("../map");
-var vectorLayerContext = react_1.createContext(null);
-var VectorLayerProvider = vectorLayerContext.Provider;
-var useVectorLayer = function () {
-    var layer = react_1.useContext(vectorLayerContext);
-    if (layer === null) {
-        throw new Error('vector layer context is null, please check the provider');
-    }
-    return layer;
-};
-exports.useVectorLayer = useVectorLayer;
-var VectorLayer = function (_a) {
-    var children = _a.children;
-    var map = map_1.useMap();
-    var vectorLayer = react_1.useState(new layer_1.Vector())[0];
-    react_1.useEffect(function () {
-        map.addLayer(vectorLayer);
-        return function () {
-            map.removeLayer(vectorLayer);
-        };
-    }, [map, vectorLayer]);
-    return (react_1.default.createElement(VectorLayerProvider, { value: vectorLayer }, children));
-};
-exports.VectorLayer = VectorLayer;
+"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.VectorLayer = exports.useVectorLayer = void 0;
+var react_1 = __importStar(require("react"));
+var layer_1 = require("ol/layer");
+var map_1 = require("../map");
+var vectorLayerContext = react_1.createContext(null);
+var VectorLayerProvider = vectorLayerContext.Provider;
+var useVectorLayer = function () {
+    var layer = react_1.useContext(vectorLayerContext);
+    if (layer === null) {
+        throw new Error('vector layer context is null, please check the provider');
+    }
+    return layer;
+};
+exports.useVectorLayer = useVectorLayer;
+var VectorLayer = function (_a) {
+    var children = _a.children;
+    var map = map_1.useMap();
+    var vectorLayer = react_1.useState(new layer_1.Vector())[0];
+    react_1.useEffect(function () {
+        map.addLayer(vectorLayer);
+        return function () {
+            map.removeLayer(vectorLayer);
+        };
+    }, [map, vectorLayer]);
+    return (react_1.default.createElement(VectorLayerProvider, { value: vectorLayer }, children));
+};
+exports.VectorLayer = VectorLayer;

package/dist/ol-map/layers/vector-tile-layer.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import VectorTile from 'ol/layer/VectorTile';
-import { Options } from 'ol/layer/Base';
-import { MapStyle } from '../style';
-export interface VectorTileLayerProps {
-    options?: Options;
-    style?: MapStyle;
-}
-export declare const useVectorTileLayer: () => VectorTile;
-export declare const VectorTileLayer: React.FC<VectorTileLayerProps>;
+import React from 'react';
+import VectorTile from 'ol/layer/VectorTile';
+import { Options } from 'ol/layer/Base';
+import { MapStyle } from '../style';
+export interface VectorTileLayerProps {
+    options?: Options;
+    style?: MapStyle;
+}
+export declare const useVectorTileLayer: () => VectorTile;
+export declare const VectorTileLayer: React.FC<VectorTileLayerProps>;

package/dist/ol-map/layers/vector-tile-layer.js

@@ -1,66 +1,66 @@
-"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 __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.VectorTileLayer = exports.useVectorTileLayer = void 0;
-var react_1 = __importStar(require("react"));
-var VectorTile_1 = __importDefault(require("ol/layer/VectorTile"));
-var map_1 = require("../map");
-var style_1 = require("../style");
-var vectorTileLayerContext = react_1.createContext(null);
-var VectorTileLayerProvider = vectorTileLayerContext.Provider;
-var useVectorTileLayer = function () {
-    var layer = react_1.useContext(vectorTileLayerContext);
-    if (layer === null) {
-        throw new Error('vector tile layer context is null, please check the provider');
-    }
-    return layer;
-};
-exports.useVectorTileLayer = useVectorTileLayer;
-var VectorTileLayer = function (_a) {
-    var children = _a.children, options = _a.options, style = _a.style;
-    var map = map_1.useMap();
-    var vectorTileLayer = react_1.useState(new VectorTile_1.default(__assign(__assign({}, options), { style: style ? style : style_1.defaultStyle })))[0];
-    react_1.useEffect(function () {
-        map.addLayer(vectorTileLayer);
-        return function () {
-            map.removeLayer(vectorTileLayer);
-        };
-    }, [map, vectorTileLayer]);
-    react_1.useEffect(function () {
-        vectorTileLayer.setStyle(style ? style : style_1.defaultStyle);
-    }, [vectorTileLayer, style]);
-    return (react_1.default.createElement(VectorTileLayerProvider, { value: vectorTileLayer }, children));
-};
-exports.VectorTileLayer = VectorTileLayer;
+"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 __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.VectorTileLayer = exports.useVectorTileLayer = void 0;
+var react_1 = __importStar(require("react"));
+var VectorTile_1 = __importDefault(require("ol/layer/VectorTile"));
+var map_1 = require("../map");
+var style_1 = require("../style");
+var vectorTileLayerContext = react_1.createContext(null);
+var VectorTileLayerProvider = vectorTileLayerContext.Provider;
+var useVectorTileLayer = function () {
+    var layer = react_1.useContext(vectorTileLayerContext);
+    if (layer === null) {
+        throw new Error('vector tile layer context is null, please check the provider');
+    }
+    return layer;
+};
+exports.useVectorTileLayer = useVectorTileLayer;
+var VectorTileLayer = function (_a) {
+    var children = _a.children, options = _a.options, style = _a.style;
+    var map = map_1.useMap();
+    var vectorTileLayer = react_1.useState(new VectorTile_1.default(__assign(__assign({}, options), { style: style ? style : style_1.defaultStyle })))[0];
+    react_1.useEffect(function () {
+        map.addLayer(vectorTileLayer);
+        return function () {
+            map.removeLayer(vectorTileLayer);
+        };
+    }, [map, vectorTileLayer]);
+    react_1.useEffect(function () {
+        vectorTileLayer.setStyle(style ? style : style_1.defaultStyle);
+    }, [vectorTileLayer, style]);
+    return (react_1.default.createElement(VectorTileLayerProvider, { value: vectorTileLayer }, children));
+};
+exports.VectorTileLayer = VectorTileLayer;

package/dist/ol-map/map.css

@@ -1,17 +1,17 @@
-.map {
-  height: 100%;
-  width: 100%;
-}
-
-.ol-mouse-position {
-  top: auto !important;
-  right: auto !important;
-  bottom: 8px;
-  left: 8px;
-  background-color: white;
-  opacity: 0.7;
-  font-size: 12px;
-  padding: 2px 2px;
-  border-radius: 2px;
-}
-/* @import '../../../../node_modules/ol/ol.css'; */
+.map {
+  height: 100%;
+  width: 100%;
+}
+
+.ol-mouse-position {
+  top: auto !important;
+  right: auto !important;
+  bottom: 8px;
+  left: 8px;
+  background-color: white;
+  opacity: 0.7;
+  font-size: 12px;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+/* @import '../../../../node_modules/ol/ol.css'; */

package/dist/ol-map/map.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { Map as OlMap } from 'ol';
-import './map.css';
-import 'ol/ol.css';
-import { Proj } from '../utils/projections';
-export interface MapProps {
-    allowFullScreen?: boolean;
-    showMousePosition?: boolean;
-    projection?: Proj;
-    center?: [number, number];
-    zoom?: number;
-}
-export declare const useMap: () => OlMap;
-export declare const Map: React.FC<MapProps>;
+import React from 'react';
+import { Map as OlMap } from 'ol';
+import './map.css';
+import 'ol/ol.css';
+import { Proj } from '../utils/projections';
+export interface MapProps {
+    allowFullScreen?: boolean;
+    showMousePosition?: boolean;
+    projection?: Proj;
+    center?: [number, number];
+    zoom?: number;
+}
+export declare const useMap: () => OlMap;
+export declare const Map: React.FC<MapProps>;