@map-colonies/react-components 3.8.1 → 3.10.2

package/dist/file-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './file-picker';
+export * from './localization';

package/dist/file-picker/index.js

@@ -0,0 +1,14 @@
+"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("./file-picker"), exports);
+__exportStar(require("./localization"), exports);

package/dist/file-picker/localization.d.ts

@@ -0,0 +1,11 @@
+import { ChonkyFormatters, FileData, I18nConfig } from 'chonky';
+import { IntlShape } from 'react-intl';
+export interface FilePickerFormatters extends ChonkyFormatters {
+    formatFileSize: (intl: IntlShape | null, file: FileData | null) => string | null;
+}
+export declare const defaultFormatters: FilePickerFormatters;
+interface ILocalization {
+    [key: string]: I18nConfig;
+}
+declare const localization: ILocalization;
+export default localization;

package/dist/file-picker/localization.js

@@ -0,0 +1,124 @@
+"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 };
+};
+var _a, _b, _c;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultFormatters = void 0;
+/* eslint-disable */
+var chonky_1 = require("chonky");
+var filesize_1 = __importDefault(require("filesize"));
+var models_1 = require("../models");
+exports.defaultFormatters = {
+    formatFileModDate: function (intl, file) {
+        var safeModDate = chonky_1.FileHelper.getModDate(file);
+        if (safeModDate) {
+            return intl.formatDate(safeModDate, {
+                dateStyle: 'short',
+                timeStyle: 'short',
+            });
+        }
+        else {
+            return null;
+        }
+    },
+    formatFileSize: function (_intl, file) {
+        if (!file || typeof file.size !== 'number')
+            return null;
+        var size = file.size;
+        var sizeData = filesize_1.default(size, {
+            bits: false,
+            output: 'object',
+        });
+        if (sizeData.symbol === 'B') {
+            // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+            return Math.round(sizeData.value / 10) / 100.0 + " KB";
+        }
+        else if (sizeData.symbol === 'KB') {
+            return Math.round(sizeData.value) + " " + sizeData.symbol;
+        }
+        return sizeData.value + " " + sizeData.symbol.toUpperCase();
+    },
+};
+var englishI18n = {
+    locale: models_1.SupportedLocales.EN,
+    formatters: __assign({}, exports.defaultFormatters),
+};
+var russianI18n = {
+    locale: models_1.SupportedLocales.RU,
+    formatters: __assign({}, exports.defaultFormatters),
+    messages: (_a = {
+            'chonky.toolbar.searchPlaceholder': 'Поиск',
+            'chonky.toolbar.visibleFileCount': "{fileCount, plural,\n      one {# \u0444\u0430\u0439\u043B}\n      few {# \u0444\u0430\u0439\u043B\u0430}\n      other {# \u0444\u0430\u0439\u043B\u043E\u0432}\n    }",
+            'chonky.toolbar.selectedFileCount': "{fileCount, plural,\n      =0 {}\n      one {# \u0432\u044B\u0434\u0435\u043B\u0435\u043D}\n      other {# \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043E}\n    }",
+            'chonky.toolbar.hiddenFileCount': "{fileCount, plural,\n      =0 {}\n      one {# \u0441\u043A\u0440\u044B\u0442}\n      other {# \u0441\u043A\u0440\u044B\u0442\u043E}\n    }",
+            'chonky.fileList.nothingToShow': 'Здесь пусто!',
+            'chonky.contextMenu.browserMenuShortcut': 'Меню браузера: {shortcut}'
+        },
+        // Actions
+        _a["chonky.actionGroups.Actions"] = 'Действия',
+        _a["chonky.actionGroups.Options"] = 'Опции',
+        _a["chonky.actions." + chonky_1.ChonkyActions.OpenParentFolder.id + ".button.name"] = 'Открыть родительскую папку',
+        _a["chonky.actions." + chonky_1.ChonkyActions.CreateFolder.id + ".button.name"] = 'Новая папка',
+        _a["chonky.actions." + chonky_1.ChonkyActions.CreateFolder.id + ".button.tooltip"] = 'Создать новую папку',
+        _a["chonky.actions." + chonky_1.ChonkyActions.DeleteFiles.id + ".button.name"] = 'Удалить файлы',
+        _a["chonky.actions." + chonky_1.ChonkyActions.OpenSelection.id + ".button.name"] = 'Открыть выделение',
+        _a["chonky.actions." + chonky_1.ChonkyActions.SelectAllFiles.id + ".button.name"] = 'Выделить все',
+        _a["chonky.actions." + chonky_1.ChonkyActions.ClearSelection.id + ".button.name"] = 'Сбросить выделение',
+        _a["chonky.actions." + chonky_1.ChonkyActions.EnableListView.id + ".button.name"] = 'Показать список',
+        _a["chonky.actions." + chonky_1.ChonkyActions.EnableGridView.id + ".button.name"] = 'Показать иконки',
+        _a["chonky.actions." + chonky_1.ChonkyActions.SortFilesByName.id + ".button.name"] = 'Сорт. по имени',
+        _a["chonky.actions." + chonky_1.ChonkyActions.SortFilesBySize.id + ".button.name"] = 'Сорт. по размеру',
+        _a["chonky.actions." + chonky_1.ChonkyActions.SortFilesByDate.id + ".button.name"] = 'Сорт. по дате',
+        _a["chonky.actions." + chonky_1.ChonkyActions.ToggleHiddenFiles.id + ".button.name"] = 'Скрытые файлы',
+        _a["chonky.actions." + chonky_1.ChonkyActions.ToggleShowFoldersFirst.id + ".button.name"] = 'Папки в начале',
+        _a),
+};
+var hebrewI18n = {
+    locale: models_1.SupportedLocales.HE,
+    formatters: __assign({}, exports.defaultFormatters),
+    messages: (_b = {
+            'chonky.toolbar.searchPlaceholder': 'חיפוש',
+            'chonky.toolbar.visibleFileCount': "{fileCount, plural,\n      one {\u05E4\u05E8\u05D9\u05D8 #}\n      other {# \u05E4\u05E8\u05D9\u05D8\u05D9\u05DD}\n    }",
+            'chonky.toolbar.selectedFileCount': "{fileCount, plural,\n      =0 {}\n      one {# \u05E0\u05D1\u05D7\u05E8}\n      other {# \u05E0\u05D1\u05D7\u05E8\u05D5}\n    }",
+            'chonky.toolbar.hiddenFileCount': "{fileCount, plural,\n      =0 {}\n      one {# \u05E0\u05E1\u05EA\u05E8}\n      other {# \u05E0\u05E1\u05EA\u05E8\u05D9\u05DD}\n    }",
+            'chonky.fileList.nothingToShow': 'ריק',
+            'chonky.contextMenu.browserMenuShortcut': 'תפריט דפדפן: {shortcut}'
+        },
+        // Actions
+        _b["chonky.actionGroups.Actions"] = 'פעולות',
+        _b["chonky.actionGroups.Options"] = 'אפשרויות',
+        _b["chonky.actions." + chonky_1.ChonkyActions.OpenParentFolder.id + ".button.name"] = 'פתח סיפריית אב',
+        _b["chonky.actions." + chonky_1.ChonkyActions.CreateFolder.id + ".button.name"] = 'סיפרייה חדשה',
+        _b["chonky.actions." + chonky_1.ChonkyActions.CreateFolder.id + ".button.tooltip"] = 'צור סיפרייה חדשה',
+        _b["chonky.actions." + chonky_1.ChonkyActions.DeleteFiles.id + ".button.name"] = 'מחק',
+        _b["chonky.actions." + chonky_1.ChonkyActions.OpenSelection.id + ".button.name"] = 'פתח את הבחירה',
+        _b["chonky.actions." + chonky_1.ChonkyActions.SelectAllFiles.id + ".button.name"] = 'בחר הכל',
+        _b["chonky.actions." + chonky_1.ChonkyActions.ClearSelection.id + ".button.name"] = 'אפס את הבחירה',
+        _b["chonky.actions." + chonky_1.ChonkyActions.EnableListView.id + ".button.name"] = 'תצוגת רשימה',
+        _b["chonky.actions." + chonky_1.ChonkyActions.EnableGridView.id + ".button.name"] = 'תצוגת גריד',
+        _b["chonky.actions." + chonky_1.ChonkyActions.SortFilesByName.id + ".button.name"] = 'מיון לפי שם',
+        _b["chonky.actions." + chonky_1.ChonkyActions.SortFilesBySize.id + ".button.name"] = 'מיון לפי גודל',
+        _b["chonky.actions." + chonky_1.ChonkyActions.SortFilesByDate.id + ".button.name"] = 'מיון לפי תאריך',
+        _b["chonky.actions." + chonky_1.ChonkyActions.ToggleHiddenFiles.id + ".button.name"] = 'קבצים נסתרים',
+        _b["chonky.actions." + chonky_1.ChonkyActions.ToggleShowFoldersFirst.id + ".button.name"] = 'הצגת תיקיות בראש הרשימה',
+        _b),
+};
+var localization = (_c = {},
+    _c[models_1.SupportedLocales.EN] = englishI18n,
+    _c[models_1.SupportedLocales.RU] = russianI18n,
+    _c[models_1.SupportedLocales.HE] = hebrewI18n,
+    _c);
+exports.default = localization;
+/* eslint-enable */

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export * from './date-range-picker';
+export * from './date-picker';
+export * from './map-filter-container';
+export * from './models';
+export * from './ol-map';
+export * from './smart-table';
+export * from './popover';
+export * from './box';
+export * from './cssbaseline';
+export * from './theme';
+export * from './cesium-map';
+export * from './autocomplete';
+export * from './file-picker';

package/dist/index.js

@@ -1,18 +1,25 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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 });
-__export(require("./date-range-picker"));
-__export(require("./date-picker"));
-__export(require("./map-filter-container"));
-__export(require("./models"));
-__export(require("./ol-map"));
-__export(require("./smart-table"));
-__export(require("./popover"));
-__export(require("./box"));
-__export(require("./cssbaseline"));
-__export(require("./theme"));
-__export(require("./cesium-map"));
-__export(require("./autocomplete"));
-//# sourceMappingURL=index.js.map
+__exportStar(require("./date-range-picker"), exports);
+__exportStar(require("./date-picker"), exports);
+__exportStar(require("./map-filter-container"), exports);
+__exportStar(require("./models"), exports);
+__exportStar(require("./ol-map"), exports);
+__exportStar(require("./smart-table"), exports);
+__exportStar(require("./popover"), exports);
+__exportStar(require("./box"), exports);
+__exportStar(require("./cssbaseline"), exports);
+__exportStar(require("./theme"), exports);
+__exportStar(require("./cesium-map"), exports);
+__exportStar(require("./autocomplete"), exports);
+__exportStar(require("./file-picker"), exports);

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

@@ -0,0 +1,5 @@
+.ol-zoom {
+  top: 2.5em;
+  right: 0.5em;
+  left: unset;
+}

package/dist/map-filter-container/container-map.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Polygon } from 'geojson';
+import { DrawType } from '../models/enums';
+import './container-map.css';
+interface ContainerMapProps {
+    drawType?: DrawType;
+    selectionPolygon?: Polygon;
+    onPolygonSelection: (polygon: Polygon) => void;
+}
+export declare const ContainerMap: React.FC<ContainerMapProps>;
+export {};

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

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

@@ -0,0 +1 @@
+export * from './map-filter-container';

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

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

package/dist/map-filter-container/map-filter-container.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Polygon } from 'geojson';
+export interface MapFilterContainerProps {
+    handlePolygonSelected: (polygon: Polygon) => void;
+    handlePolygonReset: () => void;
+    mapContent?: React.ReactNode;
+    filters?: React.ReactNode[];
+}
+export declare const MapFilterContainer: React.FC<MapFilterContainerProps>;

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

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

package/dist/map-filter-container/polygon-selection-ui.d.ts

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

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

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

package/dist/models/defaults.d.ts

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

package/dist/models/defaults.js

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

package/dist/models/enums.d.ts

@@ -0,0 +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"
+}

package/dist/models/enums.js

@@ -0,0 +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 = {}));

package/dist/models/index.d.ts

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

package/dist/models/index.js

@@ -0,0 +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);

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

@@ -0,0 +1,6 @@
+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

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

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +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);

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

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