@map-colonies/react-components 3.15.1 → 4.0.1

package/dist/map-filter-container/container-map.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContainerMap = void 0;
-var react_1 = __importDefault(require("react"));
-var rewind_1 = __importDefault(require("@turf/rewind"));
-var map_1 = require("../ol-map/map");
-var tile_layer_1 = require("../ol-map/layers/tile-layer");
-var vector_source_1 = require("../ol-map/source/vector-source");
-var feature_1 = require("../ol-map/feature");
-var osm_1 = require("../ol-map/source/osm");
-var vector_layer_1 = require("../ol-map/layers/vector-layer");
-var draw_1 = require("../ol-map/interactions/draw");
-require("./container-map.css");
-var ContainerMap = function (props) {
-    var handlePolygonSelected = function (geometry) {
-        var rewindedPolygon = rewind_1.default(geometry);
-        props.onPolygonSelection(rewindedPolygon);
-    };
-    return (react_1.default.createElement(map_1.Map, { allowFullScreen: true, showMousePosition: true },
-        react_1.default.createElement(tile_layer_1.TileLayer, null,
-            react_1.default.createElement(osm_1.TileOsm, null)),
-        props.selectionPolygon && (react_1.default.createElement(vector_layer_1.VectorLayer, null,
-            react_1.default.createElement(vector_source_1.VectorSource, null,
-                react_1.default.createElement(feature_1.GeoJSONFeature, { geometry: props.selectionPolygon })))),
-        props.children,
-        props.drawType !== undefined && (react_1.default.createElement(draw_1.DrawInteraction, { drawType: props.drawType, onPolygonSelected: handlePolygonSelected }))));
-};
-exports.ContainerMap = ContainerMap;

package/dist/map-filter-container/index.js

@@ -1,13 +0,0 @@
-"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("./map-filter-container"), exports);

package/dist/map-filter-container/map-filter-container.js

@@ -1,78 +0,0 @@
-"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.MapFilterContainer = void 0;
-var react_1 = __importStar(require("react"));
-var styles_1 = require("@material-ui/core/styles");
-var core_1 = require("@material-ui/core");
-var polygon_selection_ui_1 = require("./polygon-selection-ui");
-var container_map_1 = require("./container-map");
-var PLACEMENT_SPACING_FACTOR = 1.5;
-var WIDTH_SPACING_FACTOR = 80;
-var useStyle = styles_1.makeStyles(function (theme) {
-    return styles_1.createStyles({
-        map: {
-            height: '100%',
-            width: '100%',
-            position: 'absolute',
-        },
-        absolute: {
-            position: 'absolute',
-            zIndex: 1000,
-            left: theme.spacing(PLACEMENT_SPACING_FACTOR),
-            top: theme.spacing(PLACEMENT_SPACING_FACTOR),
-        },
-        contentContainer: {
-            marginTop: theme.spacing(PLACEMENT_SPACING_FACTOR),
-            width: theme.spacing(WIDTH_SPACING_FACTOR),
-        },
-        filtersContainer: {
-            display: 'flex',
-            padding: theme.spacing(1),
-        },
-        filtersMargin: {
-            marginLeft: theme.spacing(1),
-        },
-    });
-});
-var MapFilterContainer = function (props) {
-    var _a;
-    var _b = react_1.useState(), drawType = _b[0], setDrawType = _b[1];
-    var _c = react_1.useState(), selectionPolygon = _c[0], setSelectionPolygon = _c[1];
-    var classes = useStyle();
-    var onPolygonSelection = function (polygon) {
-        setSelectionPolygon(polygon);
-        setDrawType(undefined);
-        props.handlePolygonSelected(polygon);
-    };
-    var onReset = function () {
-        setSelectionPolygon(undefined);
-        props.handlePolygonReset();
-    };
-    return (react_1.default.createElement("div", { className: classes.map },
-        react_1.default.createElement("div", { className: "" + classes.absolute },
-            react_1.default.createElement(core_1.Paper, { className: classes.filtersContainer },
-                react_1.default.createElement(polygon_selection_ui_1.PolygonSelectionUi, { onCancelDraw: function () { return setDrawType(undefined); }, onReset: onReset, onStartDraw: setDrawType, isSelectionEnabled: drawType !== undefined }), (_a = props.filters) === null || _a === void 0 ? void 0 :
-                _a.map(function (filter, index) { return (react_1.default.createElement("div", { key: index, className: classes.filtersMargin }, filter)); })),
-            react_1.default.createElement(core_1.Paper, { color: "red", className: "" + classes.contentContainer }, props.children)),
-        react_1.default.createElement(container_map_1.ContainerMap, { children: props.mapContent, onPolygonSelection: onPolygonSelection, drawType: drawType, selectionPolygon: selectionPolygon })));
-};
-exports.MapFilterContainer = MapFilterContainer;

package/dist/map-filter-container/polygon-selection-ui.js

@@ -1,62 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PolygonSelectionUi = void 0;
-var react_1 = __importDefault(require("react"));
-var react_core_1 = require("@map-colonies/react-core");
-require("@map-colonies/react-core/dist/button/styles");
-require("@map-colonies/react-core/dist/tooltip/styles");
-require("@map-colonies/react-core/dist/menu/styles");
-var styles_1 = require("@material-ui/core/styles");
-var enums_1 = require("../models/enums");
-var box_1 = require("../box");
-var WIDTH_SPACING_FACTOR = 18;
-var useStyle = styles_1.makeStyles(function (theme) {
-    return styles_1.createStyles({
-        drawingButton: {
-            width: theme.spacing(WIDTH_SPACING_FACTOR),
-        },
-        fullWidth: {
-            width: '100%',
-            marginTop: '36px',
-        },
-    });
-});
-var PolygonSelectionUi = function (props) {
-    var classes = useStyle();
-    var _a = react_1.default.useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
-    var isSelectionEnabled = props.isSelectionEnabled, onCancelDraw = props.onCancelDraw, onStartDraw = props.onStartDraw, onReset = props.onReset;
-    var handleClick = function (event) {
-        setAnchorEl(event.currentTarget);
-    };
-    var handleClose = function () {
-        setAnchorEl(null);
-    };
-    if (isSelectionEnabled) {
-        return (react_1.default.createElement(react_core_1.Tooltip, { content: "Cancel the ongoing draw", align: 'bottomLeft' },
-            react_1.default.createElement(react_core_1.Button, { className: classes.drawingButton, raised: true, onClick: onCancelDraw }, "Cancel Draw")));
-    }
-    else {
-        return (react_1.default.createElement(box_1.Box, { position: "relative" },
-            react_1.default.createElement(react_core_1.Tooltip, { content: "draw an Area of interest to limit the search", align: 'bottomLeft' },
-                react_1.default.createElement(react_core_1.Button, { className: classes.drawingButton, raised: true, onClick: handleClick }, "Draw AOI")),
-            react_1.default.createElement(react_core_1.Menu, { className: classes.fullWidth, open: Boolean(anchorEl), 
-                // keepMounted
-                onClose: handleClose },
-                react_1.default.createElement(react_core_1.MenuItem, { onClick: function () {
-                        onStartDraw(enums_1.DrawType.POLYGON);
-                        handleClose();
-                    } }, "Polygon"),
-                react_1.default.createElement(react_core_1.MenuItem, { onClick: function () {
-                        onStartDraw(enums_1.DrawType.BOX);
-                        handleClose();
-                    } }, "Box"),
-                react_1.default.createElement(react_core_1.MenuItem, { onClick: function () {
-                        onReset();
-                        handleClose();
-                    } }, "Clear"))));
-    }
-};
-exports.PolygonSelectionUi = PolygonSelectionUi;

package/dist/models/defaults.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var enums_1 = require("./enums");
-var DEFAULTS = {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    DATE_PICKER: {
-        dateFormat: 'dd/MM/yyyy',
-        local: {
-            setText: 'set',
-            placeHolderText: 'Enter the Date',
-            calendarLocale: enums_1.SupportedLocales.EN,
-        },
-        disableFuture: true,
-        showTime: false,
-        variant: 'inline',
-    },
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    DATE_RANGE_PICKER: {
-        dateFormat: 'dd/MM/yyyy HH:mm',
-        controlsLayout: 'row',
-        local: {
-            setText: 'set',
-            startPlaceHolderText: 'Start of time',
-            endPlaceHolderText: 'End of time',
-            calendarLocale: enums_1.SupportedLocales.EN,
-        },
-        renderAsButton: true,
-        offset: 0,
-        disableFuture: true,
-    },
-};
-exports.default = DEFAULTS;

package/dist/models/enums.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BboxCorner = exports.SupportedLocales = exports.DrawType = void 0;
-var DrawType;
-(function (DrawType) {
-    DrawType["BOX"] = "BOX";
-    DrawType["POLYGON"] = "POLYGON";
-    DrawType["UNKNOWN"] = "UNKNOWN";
-})(DrawType = exports.DrawType || (exports.DrawType = {}));
-var SupportedLocales;
-(function (SupportedLocales) {
-    SupportedLocales["HE"] = "he";
-    SupportedLocales["EN"] = "en";
-    SupportedLocales["RU"] = "ru";
-})(SupportedLocales = exports.SupportedLocales || (exports.SupportedLocales = {}));
-var BboxCorner;
-(function (BboxCorner) {
-    BboxCorner["TOP_RIGHT"] = "TOP_RIGHT";
-    BboxCorner["BOTTOM_LEFT"] = "BOTTOM_LEFT";
-})(BboxCorner = exports.BboxCorner || (exports.BboxCorner = {}));

package/dist/models/index.js

@@ -1,13 +0,0 @@
-"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("./enums"), exports);

package/dist/ol-map/feature.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GeoJSONFeature = void 0;
-var react_1 = require("react");
-var format_1 = require("ol/format");
-var vector_source_1 = require("./source/vector-source");
-var GeoJSONFeature = function (_a) {
-    var geometry = _a.geometry;
-    var source = vector_source_1.useVectorSource();
-    react_1.useEffect(function () {
-        var geoJSON = new format_1.GeoJSON();
-        var feature = geoJSON.readFeature(geometry);
-        source.addFeature(feature);
-        return function () {
-            source.removeFeature(feature);
-        };
-    }, [geometry, source]);
-    return null;
-};
-exports.GeoJSONFeature = GeoJSONFeature;

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

@@ -1,6 +0,0 @@
-export * from './interactions';
-export * from './layers';
-export * from './source';
-export * from './feature';
-export * from './map';
-export * from '../utils/projections';

package/dist/ol-map/index.js

@@ -1,18 +0,0 @@
-"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("./interactions"), exports);
-__exportStar(require("./layers"), exports);
-__exportStar(require("./source"), exports);
-__exportStar(require("./feature"), exports);
-__exportStar(require("./map"), exports);
-__exportStar(require("../utils/projections"), exports);

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

@@ -1,44 +0,0 @@
-"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 +0,0 @@
-export * from './draw';

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

@@ -1,13 +0,0 @@
-"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 +0,0 @@
-export * from './tile-layer';
-export * from './vector-layer';
-export * from './vector-tile-layer';

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

@@ -1,15 +0,0 @@
-"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.js

@@ -1,48 +0,0 @@
-"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.js

@@ -1,48 +0,0 @@
-"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 +0,0 @@
-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 +0,0 @@
-"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;