@map-colonies/react-components 3.12.2 → 3.13.0

package/dist/map-filter-container/map-filter-container.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.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;
+"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.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import '@map-colonies/react-core/dist/button/styles';
-import '@map-colonies/react-core/dist/tooltip/styles';
-import '@map-colonies/react-core/dist/menu/styles';
-import { DrawType } from '../models/enums';
-export interface PolygonSelectionUiProps {
-    isSelectionEnabled: boolean;
-    onStartDraw: (type: DrawType) => void;
-    onCancelDraw: () => void;
-    onReset: () => void;
-}
-export declare const PolygonSelectionUi: React.FC<PolygonSelectionUiProps>;
+import React from 'react';
+import '@map-colonies/react-core/dist/button/styles';
+import '@map-colonies/react-core/dist/tooltip/styles';
+import '@map-colonies/react-core/dist/menu/styles';
+import { DrawType } from '../models/enums';
+export interface PolygonSelectionUiProps {
+    isSelectionEnabled: boolean;
+    onStartDraw: (type: DrawType) => void;
+    onCancelDraw: () => void;
+    onReset: () => void;
+}
+export declare const PolygonSelectionUi: React.FC<PolygonSelectionUiProps>;

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

@@ -1,62 +1,62 @@
-"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;
+"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.d.ts

@@ -1,28 +1,28 @@
-import { SupportedLocales } from './enums';
-declare const DEFAULTS: {
-    DATE_PICKER: {
-        dateFormat: string;
-        local: {
-            setText: string;
-            placeHolderText: string;
-            calendarLocale: SupportedLocales;
-        };
-        disableFuture: boolean;
-        showTime: boolean;
-        variant: string;
-    };
-    DATE_RANGE_PICKER: {
-        dateFormat: string;
-        controlsLayout: string;
-        local: {
-            setText: string;
-            startPlaceHolderText: string;
-            endPlaceHolderText: string;
-            calendarLocale: SupportedLocales;
-        };
-        renderAsButton: boolean;
-        offset: number;
-        disableFuture: boolean;
-    };
-};
-export default DEFAULTS;
+import { SupportedLocales } from './enums';
+declare const DEFAULTS: {
+    DATE_PICKER: {
+        dateFormat: string;
+        local: {
+            setText: string;
+            placeHolderText: string;
+            calendarLocale: SupportedLocales;
+        };
+        disableFuture: boolean;
+        showTime: boolean;
+        variant: string;
+    };
+    DATE_RANGE_PICKER: {
+        dateFormat: string;
+        controlsLayout: string;
+        local: {
+            setText: string;
+            startPlaceHolderText: string;
+            endPlaceHolderText: string;
+            calendarLocale: SupportedLocales;
+        };
+        renderAsButton: boolean;
+        offset: number;
+        disableFuture: boolean;
+    };
+};
+export default DEFAULTS;

package/dist/models/defaults.js

@@ -1,32 +1,32 @@
-"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;
+"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.d.ts

@@ -1,14 +1,14 @@
-export declare enum DrawType {
-    BOX = "BOX",
-    POLYGON = "POLYGON",
-    UNKNOWN = "UNKNOWN"
-}
-export declare enum SupportedLocales {
-    HE = "he",
-    EN = "en",
-    RU = "ru"
-}
-export declare enum BboxCorner {
-    TOP_RIGHT = "TOP_RIGHT",
-    BOTTOM_LEFT = "BOTTOM_LEFT"
-}
+export declare enum DrawType {
+    BOX = "BOX",
+    POLYGON = "POLYGON",
+    UNKNOWN = "UNKNOWN"
+}
+export declare enum SupportedLocales {
+    HE = "he",
+    EN = "en",
+    RU = "ru"
+}
+export declare enum BboxCorner {
+    TOP_RIGHT = "TOP_RIGHT",
+    BOTTOM_LEFT = "BOTTOM_LEFT"
+}

package/dist/models/enums.js

@@ -1,20 +1,20 @@
-"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 = {}));
+"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.d.ts

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

package/dist/models/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("./enums"), 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("./enums"), exports);

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Geometry } from 'geojson';
-export interface FeatureProps {
-    geometry: Geometry;
-}
-export declare const GeoJSONFeature: React.FC<FeatureProps>;
+import React from 'react';
+import { Geometry } from 'geojson';
+export interface FeatureProps {
+    geometry: Geometry;
+}
+export declare const GeoJSONFeature: React.FC<FeatureProps>;

package/dist/ol-map/feature.js

@@ -1,20 +1,20 @@
-"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;
+"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 +1,6 @@
-export * from './interactions';
-export * from './layers';
-export * from './source';
-export * from './feature';
-export * from './map';
-export * from '../utils/projections';
+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 +1,18 @@
-"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);
+"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);