@map-colonies/react-components 3.8.1 → 3.9.0

package/dist/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/lib/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAIL,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,OAAO,6CAA6C,CAAC;AACrD,OAAO,mBAAmB,CAAC;AAE3B,UAAU,eAAgB,SAAQ,uBAAuB;IACvD,KAAK,CAAC,EAAE;QACN,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,cAAc,CAAC,EAAE,gBAAgB,CAAC;KACnC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4DpD,CAAC"}

package/dist/date-picker/date-picker.js

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var locale_1 = require("date-fns/locale");
+var pickers_1 = require("@material-ui/pickers");
+var date_fns_1 = __importDefault(require("@date-io/date-fns"));
+var core_1 = require("@material-ui/core");
+var react_core_1 = require("@map-colonies/react-core");
+var enums_1 = require("../models/enums");
+var defaults_1 = __importDefault(require("../models/defaults"));
+var theme_1 = require("../theme");
+require("@map-colonies/react-core/dist/button/styles");
+require("./date-picker.css");
+exports.DateTimePicker = function (props) {
+    var theme = react_core_1.useTheme();
+    var themeMui = theme_1.useMappedMuiTheme(theme);
+    var _a = react_1.useState(props.value), value = _a[0], setValue = _a[1];
+    var _b = props.format, format = _b === void 0 ? defaults_1.default.DATE_PICKER.dateFormat : _b, _c = props.variant, variant = _c === void 0 ? defaults_1.default.DATE_PICKER.variant : _c, _d = props.disableFuture, disableFuture = _d === void 0 ? defaults_1.default.DATE_PICKER.disableFuture : _d, local = props.local, onChange = props.onChange, _e = props.showTime, showTime = _e === void 0 ? defaults_1.default.DATE_PICKER.showTime : _e, propValue = props.value, resProps = __rest(props, ["format", "variant", "disableFuture", "local", "onChange", "showTime", "value"]);
+    var _f = (local !== null && local !== void 0 ? local : {
+        placeHolderText: defaults_1.default.DATE_PICKER.local.placeHolderText,
+        calendarLocale: enums_1.SupportedLocales.EN,
+    }), _g = _f.placeHolderText, placeHolderText = _g === void 0 ? defaults_1.default.DATE_PICKER.local.placeHolderText : _g, calendarLocale = _f.calendarLocale;
+    var locale = calendarLocale === enums_1.SupportedLocales.HE ? locale_1.he : locale_1.enUS;
+    var handleOnChange = function (e) {
+        setValue(e);
+        onChange(e);
+    };
+    return (react_1.default.createElement(core_1.ThemeProvider, { theme: themeMui },
+        react_1.default.createElement(pickers_1.MuiPickersUtilsProvider, { utils: date_fns_1.default, locale: locale },
+            showTime && (react_1.default.createElement(pickers_1.KeyboardDateTimePicker, __assign({ variant: variant, placeholder: placeHolderText, onChange: handleOnChange, value: value, disableFuture: disableFuture, format: format }, resProps))),
+            !showTime && (react_1.default.createElement(pickers_1.KeyboardDatePicker, __assign({ variant: variant, placeholder: placeHolderText, onChange: handleOnChange, value: value, disableFuture: disableFuture, format: format }, resProps))))));
+};
+//# sourceMappingURL=date-picker.js.map

package/dist/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../src/lib/date-picker/date-picker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,0CAA2C;AAC3C,gDAK8B;AAG9B,+DAA6C;AAC7C,0CAAkD;AAElD,uDAAoD;AACpD,yCAAmD;AACnD,gEAA0C;AAC1C,kCAA6C;AAE7C,uDAAqD;AACrD,6BAA2B;AAUd,QAAA,cAAc,GAA8B,UAAC,KAAK;IAC7D,IAAM,KAAK,GAA8B,qBAAQ,EAAE,CAAC;IACpD,IAAM,QAAQ,GAAG,yBAAiB,CAAC,KAAK,CAAC,CAAC;IAEpC,IAAA,kCAAuD,EAAtD,aAAK,EAAE,gBAA+C,CAAC;IAG5D,IAAA,iBAAwC,EAAxC,uEAAwC,EACxC,kBAAsC,EAAtC,qEAAsC,EACtC,wBAAkD,EAAlD,iFAAkD,EAClD,mBAAK,EACL,yBAAQ,EACR,mBAAwC,EAAxC,uEAAwC,EACxC,uBAAgB,EAChB,0GAAW,CACH;IAEJ,IAAA;;;MAML,EALC,uBAA4D,EAA5D,2FAA4D,EAC5D,kCAID,CAAC;IAEF,IAAM,MAAM,GAAG,cAAc,KAAK,wBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,WAAE,CAAC,CAAC,CAAC,aAAI,CAAC;IAElE,IAAM,cAAc,GAAG,UAAC,CAAM;QAC5B,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,QAAQ,CAAC,CAAS,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,oBAAa,IAAC,KAAK,EAAE,QAAQ;QAC5B,8BAAC,iCAAuB,IAAC,KAAK,EAAE,kBAAY,EAAE,MAAM,EAAE,MAAM;YACzD,QAAQ,IAAI,CACX,8BAAC,gCAAsB,aACrB,OAAO,EAAE,OAAyB,EAClC,WAAW,EAAE,eAAe,EAC5B,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,IACV,QAAQ,EACZ,CACH;YACA,CAAC,QAAQ,IAAI,CACZ,8BAAC,4BAAkB,aACjB,OAAO,EAAE,OAAyB,EAClC,WAAW,EAAE,eAAe,EAC5B,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,IACV,QAAQ,EACZ,CACH,CACuB,CACZ,CACjB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './date-picker';
+//# sourceMappingURL=index.d.ts.map

package/dist/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/date-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/date-picker/index.js

@@ -0,0 +1,7 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./date-picker"));
+//# sourceMappingURL=index.js.map

package/dist/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/date-picker/index.ts"],"names":[],"mappings":";;;;;AAAA,mCAA8B"}

package/dist/date-range-picker/date-range-picker.css

@@ -0,0 +1,9 @@
+body[dir='rtl'] .drpContainer .MuiInputLabel-formControl {
+  right: 0px;
+  left: unset;
+}
+
+body[dir='rtl'] .drpContainer .MuiInputBase-input {
+  direction: ltr;
+  text-align: end;
+}

package/dist/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import '@map-colonies/react-core/dist/button/styles';
+import { SupportedLocales } from '../models/enums';
+import './date-range-picker.css';
+interface DateRangePickerProps {
+    onChange: (dateRange: {
+        from?: Date;
+        to?: Date;
+    }) => void;
+    from?: Date;
+    to?: Date;
+    dateFormat?: string;
+    controlsLayout?: string;
+    contentWidth?: number;
+    disableFuture?: boolean;
+    maxDate?: string | number | Date | null | undefined;
+    minDate?: string | number | Date | null | undefined;
+    local?: {
+        setText?: string;
+        startPlaceHolderText?: string;
+        endPlaceHolderText?: string;
+        calendarLocale?: SupportedLocales;
+    };
+}
+export declare const DateTimeRangePicker: React.FC<DateRangePickerProps>;
+export {};
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/date-range-picker/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../src/lib/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,OAAO,6CAA6C,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,OAAO,yBAAyB,CAAC;AAoBjC,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,CAAC,SAAS,EAAE;QAAE,IAAI,CAAC,EAAE,IAAI,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,EAAE,CAAC,EAAE,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,cAAc,CAAC,EAAE,gBAAgB,CAAC;KACnC,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmG9D,CAAC"}

package/dist/date-range-picker/date-range-picker.form-control.css

@@ -0,0 +1,3 @@
+body[dir='rtl'] .drpOpener .mdc-text-field {
+  direction: ltr;
+}

package/dist/date-range-picker/date-range-picker.form-control.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import '@map-colonies/react-core/dist/textfield/styles';
+import { SupportedLocales } from '../models/enums';
+import './date-range-picker.form-control.css';
+interface DateRangePickerProps {
+    onChange: (dateRange: {
+        from?: Date;
+        to?: Date;
+    }) => void;
+    from?: Date;
+    to?: Date;
+    dateFormat?: string;
+    renderAsButton?: boolean;
+    width?: string | number;
+    controlsLayout?: 'column' | 'row';
+    offset?: number;
+    disableFuture?: boolean;
+    maxDate?: string | number | Date | null | undefined;
+    minDate?: string | number | Date | null | undefined;
+    local?: {
+        setText?: string;
+        startPlaceHolderText?: string;
+        endPlaceHolderText?: string;
+        calendarLocale?: SupportedLocales;
+    };
+}
+export declare const DateTimeRangePickerFormControl: React.FC<DateRangePickerProps>;
+export {};
+//# sourceMappingURL=date-range-picker.form-control.d.ts.map

package/dist/date-range-picker/date-range-picker.form-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.form-control.d.ts","sourceRoot":"","sources":["../../src/lib/date-range-picker/date-range-picker.form-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,gDAAgD,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,OAAO,sCAAsC,CAAC;AAE9C,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,CAAC,SAAS,EAAE;QAAE,IAAI,CAAC,EAAE,IAAI,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,EAAE,CAAC,EAAE,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,cAAc,CAAC,EAAE,gBAAgB,CAAC;KACnC,CAAC;CACH;AACD,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuHzE,CAAC"}

package/dist/date-range-picker/date-range-picker.form-control.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var date_fns_1 = require("date-fns");
+var react_core_1 = require("@map-colonies/react-core");
+require("@map-colonies/react-core/dist/textfield/styles");
+var defaults_1 = __importDefault(require("../models/defaults"));
+var popover_1 = require("../popover");
+var date_range_picker_1 = require("./date-range-picker");
+require("./date-range-picker.form-control.css");
+exports.DateTimeRangePickerFormControl = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    var _h = react_1.useState(null), from = _h[0], setFrom = _h[1];
+    var _j = react_1.useState(null), to = _j[0], setTo = _j[1];
+    var _k = react_1.useState(defaults_1.default.DATE_RANGE_PICKER.dateFormat), dateFormat = _k[0], setDateFormat = _k[1];
+    var _l = react_1.default.useState(null), anchorEl = _l[0], setAnchorEl = _l[1];
+    var handleClick = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var handleClickInput = function (event) {
+        if (event.currentTarget.tagName === 'I')
+            setAnchorEl(event.currentTarget.previousElementSibling);
+        else
+            setAnchorEl(event.currentTarget);
+    };
+    var handleClose = function () {
+        setAnchorEl(null);
+    };
+    var open = Boolean(anchorEl);
+    var controlsLayout = (_a = props.controlsLayout, (_a !== null && _a !== void 0 ? _a : 'column'));
+    react_1.useEffect(function () {
+        var _a;
+        setFrom((_a = props.from, (_a !== null && _a !== void 0 ? _a : null)));
+    }, [props.from]);
+    react_1.useEffect(function () {
+        var _a;
+        setTo((_a = props.to, (_a !== null && _a !== void 0 ? _a : null)));
+    }, [props.to]);
+    react_1.useEffect(function () {
+        var _a;
+        setDateFormat((_a = props.dateFormat, (_a !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.dateFormat)));
+    }, [props.dateFormat]);
+    var startPlaceHolderText = (_c = (_b = props.local) === null || _b === void 0 ? void 0 : _b.startPlaceHolderText, (_c !== null && _c !== void 0 ? _c : defaults_1.default.DATE_RANGE_PICKER.local.startPlaceHolderText));
+    var endPlaceHolderText = (_e = (_d = props.local) === null || _d === void 0 ? void 0 : _d.endPlaceHolderText, (_e !== null && _e !== void 0 ? _e : defaults_1.default.DATE_RANGE_PICKER.local.endPlaceHolderText));
+    var renderAsButton = props.renderAsButton === undefined
+        ? defaults_1.default.DATE_RANGE_PICKER.renderAsButton
+        : props.renderAsButton;
+    var offset = props.offset === undefined
+        ? defaults_1.default.DATE_RANGE_PICKER.offset
+        : props.offset;
+    var disableFuture = props.disableFuture === undefined
+        ? defaults_1.default.DATE_RANGE_PICKER.disableFuture
+        : props.disableFuture;
+    var controlText = react_1.useMemo(function () {
+        return (from ? date_fns_1.format(from, dateFormat) : startPlaceHolderText) + " - " + (to ? date_fns_1.format(to, dateFormat) : endPlaceHolderText);
+    }, [from, to, dateFormat, startPlaceHolderText, endPlaceHolderText]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        renderAsButton ? (react_1.default.createElement(react_core_1.Button, { style: { width: props.width }, raised: true, onClick: handleClick, className: "drpOpener" }, controlText)) : (react_1.default.createElement(react_core_1.TextField, { className: "drpOpener", readOnly: true, style: { width: props.width }, value: controlText, onClick: handleClickInput, trailingIcon: {
+                icon: 'date_range',
+                tabIndex: 0,
+                onClick: handleClickInput,
+            } })),
+        react_1.default.createElement(popover_1.Popover, { open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, keepMounted: true },
+            react_1.default.createElement(date_range_picker_1.DateTimeRangePicker, { controlsLayout: controlsLayout, contentWidth: (_g = (_f = anchorEl) === null || _f === void 0 ? void 0 : _f.clientWidth, (_g !== null && _g !== void 0 ? _g : 0)) - offset, dateFormat: dateFormat, disableFuture: disableFuture, minDate: props.minDate, maxDate: props.maxDate, local: props.local, from: (from !== null && from !== void 0 ? from : undefined), to: (to !== null && to !== void 0 ? to : undefined), onChange: function (_a) {
+                    var from = _a.from, to = _a.to;
+                    setFrom((from !== null && from !== void 0 ? from : null));
+                    setTo((to !== null && to !== void 0 ? to : null));
+                    props.onChange({ from: from, to: to });
+                    handleClose();
+                } }))));
+};
+//# sourceMappingURL=date-range-picker.form-control.js.map

package/dist/date-range-picker/date-range-picker.form-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.form-control.js","sourceRoot":"","sources":["../../src/lib/date-range-picker/date-range-picker.form-control.tsx"],"names":[],"mappings":"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"}

package/dist/date-range-picker/date-range-picker.js

@@ -0,0 +1,91 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var date_fns_1 = require("date-fns");
+var locale_1 = require("date-fns/locale");
+var pickers_1 = require("@material-ui/pickers");
+var date_fns_2 = __importDefault(require("@date-io/date-fns"));
+var styles_1 = require("@material-ui/core/styles");
+var core_1 = require("@material-ui/core");
+var react_core_1 = require("@map-colonies/react-core");
+require("@map-colonies/react-core/dist/button/styles");
+var react_core_2 = require("@map-colonies/react-core");
+var enums_1 = require("../models/enums");
+var defaults_1 = __importDefault(require("../models/defaults"));
+var box_1 = require("../box");
+var theme_1 = require("../theme");
+require("./date-range-picker.css");
+var CONTAINER_SPACING_FACTOR = 2;
+var MARGIN_LEFT_FACTOR = 0.5;
+var useStyle = styles_1.makeStyles(function (theme) {
+    return styles_1.createStyles({
+        container: {
+            padding: theme.spacing(CONTAINER_SPACING_FACTOR),
+            alignItems: 'center',
+        },
+        setButton: {
+            marginTop: theme.spacing(1),
+        },
+        margin: {
+            marginLeft: theme.spacing(MARGIN_LEFT_FACTOR),
+        },
+    });
+});
+exports.DateTimeRangePicker = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var classes = useStyle();
+    var theme = react_core_1.useTheme();
+    var themeMui = theme_1.useMappedMuiTheme(theme);
+    var _l = react_1.useState(null), from = _l[0], setFrom = _l[1];
+    var _m = react_1.useState(null), to = _m[0], setTo = _m[1];
+    var _o = react_1.useState(defaults_1.default.DATE_RANGE_PICKER.dateFormat), dateFormat = _o[0], setDateFormat = _o[1];
+    var flexDirection = (_a = props.controlsLayout, (_a !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.controlsLayout));
+    var disableFuture = (_b = props.disableFuture, (_b !== null && _b !== void 0 ? _b : defaults_1.default.DATE_RANGE_PICKER.disableFuture));
+    var startPlaceHolderText = (_d = (_c = props.local) === null || _c === void 0 ? void 0 : _c.startPlaceHolderText, (_d !== null && _d !== void 0 ? _d : defaults_1.default.DATE_RANGE_PICKER.local.startPlaceHolderText));
+    var endPlaceHolderText = (_f = (_e = props.local) === null || _e === void 0 ? void 0 : _e.endPlaceHolderText, (_f !== null && _f !== void 0 ? _f : defaults_1.default.DATE_RANGE_PICKER.local.endPlaceHolderText));
+    var setText = (_h = (_g = props.local) === null || _g === void 0 ? void 0 : _g.setText, (_h !== null && _h !== void 0 ? _h : defaults_1.default.DATE_RANGE_PICKER.local.setText));
+    var calendarLocale = (_k = (_j = props.local) === null || _j === void 0 ? void 0 : _j.calendarLocale, (_k !== null && _k !== void 0 ? _k : defaults_1.default.DATE_RANGE_PICKER.local.calendarLocale));
+    var locale = calendarLocale === enums_1.SupportedLocales.HE ? locale_1.he : locale_1.enUS;
+    react_1.useEffect(function () {
+        var _a;
+        setFrom((_a = props.from, (_a !== null && _a !== void 0 ? _a : null)));
+    }, [props.from]);
+    react_1.useEffect(function () {
+        var _a;
+        setTo((_a = props.to, (_a !== null && _a !== void 0 ? _a : null)));
+    }, [props.to]);
+    react_1.useEffect(function () {
+        var _a;
+        setDateFormat((_a = props.dateFormat, (_a !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.dateFormat)));
+    }, [props.dateFormat]);
+    var isRangeValid = Boolean((date_fns_1.isValid(from) && !to) ||
+        (date_fns_1.isValid(to) && !from) ||
+        (from && to && date_fns_1.isValid(from) && date_fns_1.isValid(to) && date_fns_1.isBefore(from, to)));
+    var onChange = function () {
+        props.onChange({
+            from: from && date_fns_1.isValid(from) ? from : undefined,
+            to: to && date_fns_1.isValid(to) ? to : undefined,
+        });
+    };
+    return (react_1.default.createElement(core_1.ThemeProvider, { theme: themeMui },
+        react_1.default.createElement(box_1.Box, { className: classes.container + " drpContainer", display: "flex", flexDirection: flexDirection, width: flexDirection === 'column' ? props.contentWidth : 'unset' },
+            react_1.default.createElement(pickers_1.MuiPickersUtilsProvider, { utils: date_fns_2.default, locale: locale },
+                react_1.default.createElement(pickers_1.KeyboardDateTimePicker, { variant: "inline", placeholder: startPlaceHolderText, onChange: function (date) { return setFrom(date); }, value: from, disableFuture: disableFuture, format: dateFormat, maxDate: props.maxDate, minDate: props.minDate }),
+                react_1.default.createElement(pickers_1.KeyboardDateTimePicker, { variant: "inline", placeholder: endPlaceHolderText, className: classes.margin, onChange: function (date) { return setTo(date); }, value: to, disableFuture: disableFuture, format: dateFormat, maxDate: props.maxDate, minDate: props.minDate }),
+                react_1.default.createElement(react_core_2.ThemeProvider, { options: theme },
+                    react_1.default.createElement(react_core_1.Button, { className: classes.setButton + " " + classes.margin, raised: true, 
+                        // variant="outlined"
+                        // size="large"
+                        onClick: onChange, disabled: !isRangeValid }, setText))))));
+};
+//# sourceMappingURL=date-range-picker.js.map

package/dist/date-range-picker/date-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../src/lib/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"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"}

package/dist/date-range-picker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './date-range-picker';
+export * from './date-range-picker.form-control';
+//# sourceMappingURL=index.d.ts.map

package/dist/date-range-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/date-range-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC"}

package/dist/date-range-picker/index.js

@@ -0,0 +1,8 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./date-range-picker"));
+__export(require("./date-range-picker.form-control"));
+//# sourceMappingURL=index.js.map

package/dist/date-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/date-range-picker/index.ts"],"names":[],"mappings":";;;;;AAAA,yCAAoC;AACpC,sDAAiD"}

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';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;;AAAA,yCAAoC;AACpC,mCAA8B;AAC9B,4CAAuC;AACvC,8BAAyB;AACzB,8BAAyB;AACzB,mCAA8B;AAC9B,+BAA0B;AAC1B,2BAAsB;AACtB,mCAA8B;AAC9B,6BAAwB;AACxB,kCAA6B;AAC7B,oCAA+B"}

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,12 @@
+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 {};
+//# sourceMappingURL=container-map.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container-map.d.ts","sourceRoot":"","sources":["../../src/lib/map-filter-container/container-map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAQlC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,qBAAqB,CAAC;AAE7B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC"}

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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");
+exports.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 }))));
+};
+//# sourceMappingURL=container-map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container-map.js","sourceRoot":"","sources":["../../src/lib/map-filter-container/container-map.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,wDAAkC;AAElC,qCAAoC;AACpC,0DAAwD;AACxD,gEAA8D;AAC9D,6CAAmD;AACnD,4CAA+C;AAC/C,8DAA4D;AAC5D,oDAA8D;AAE9D,+BAA6B;AAQhB,QAAA,YAAY,GAAgC,UAAC,KAAK;IAC7D,IAAM,qBAAqB,GAAG,UAAC,QAAkB;QAC/C,IAAM,eAAe,GAAG,gBAAM,CAAC,QAAmB,CAAC,CAAC;QACpD,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,SAAG,IAAC,eAAe,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI;QACjD,8BAAC,sBAAS;YACR,8BAAC,aAAO,OAAG,CACD;QACX,KAAK,CAAC,gBAAgB,IAAI,CACzB,8BAAC,0BAAW;YACV,8BAAC,4BAAY;gBACX,8BAAC,wBAAc,IAAC,QAAQ,EAAE,KAAK,CAAC,gBAAgB,GAAI,CACvC,CACH,CACf;QACA,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,CAC/B,8BAAC,sBAAe,IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,qBAAqB,GACxC,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './map-filter-container';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/map-filter-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

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

@@ -0,0 +1,7 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./map-filter-container"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/map-filter-container/index.ts"],"names":[],"mappings":";;;;;AAAA,4CAAuC"}

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

@@ -0,0 +1,10 @@
+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>;
+//# sourceMappingURL=map-filter-container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"map-filter-container.d.ts","sourceRoot":"","sources":["../../src/lib/map-filter-container/map-filter-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAkClC,MAAM,WAAW,uBAAuB;IACtC,qBAAqB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8ChE,CAAC"}

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

@@ -0,0 +1,65 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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),
+        },
+    });
+});
+exports.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 })));
+};
+//# sourceMappingURL=map-filter-container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"map-filter-container.js","sourceRoot":"","sources":["../../src/lib/map-filter-container/map-filter-container.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,6CAAwC;AACxC,mDAA2E;AAC3E,0CAA0C;AAG1C,+DAA4D;AAC5D,iDAA+C;AAE/C,IAAM,wBAAwB,GAAG,GAAG,CAAC;AACrC,IAAM,oBAAoB,GAAG,EAAE,CAAC;AAChC,IAAM,QAAQ,GAAG,mBAAU,CAAC,UAAC,KAAY;IACvC,OAAA,qBAAY,CAAC;QACX,GAAG,EAAE;YACH,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;SACrB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC;YAC7C,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC;SAC7C;QACD,gBAAgB,EAAE;YAChB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC;YAClD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC;SAC3C;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC1B;QACD,aAAa,EAAE;YACb,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC7B;KACF,CAAC;AAvBF,CAuBE,CACH,CAAC;AASW,QAAA,kBAAkB,GAAsC,UACnE,KAAK;;IAEC,IAAA,uBAA8C,EAA7C,gBAAQ,EAAE,mBAAmC,CAAC;IAC/C,IAAA,uBAA6D,EAA5D,wBAAgB,EAAE,2BAA0C,CAAC;IACpE,IAAM,OAAO,GAAG,QAAQ,EAAE,CAAC;IAE3B,IAAM,kBAAkB,GAAG,UAAC,OAAgB;QAC1C,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAC7B,WAAW,CAAC,SAAS,CAAC,CAAC;QACvB,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG;QACd,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAC/B,KAAK,CAAC,kBAAkB,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO,CAAC,GAAG;QACzB,uCAAK,SAAS,EAAE,KAAG,OAAO,CAAC,QAAU;YACnC,8BAAC,YAAK,IAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB;gBACxC,8BAAC,yCAAkB,IACjB,YAAY,EAAE,cAAY,OAAA,WAAW,CAAC,SAAS,CAAC,EAAtB,CAAsB,EAChD,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,QAAQ,KAAK,SAAS,GAC1C,QACD,KAAK,CAAC,OAAO;mBAAE,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CACrC,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,aAAa,IAC9C,MAAM,CACH,CACP,EAJsC,CAItC,EACK;YACR,8BAAC,YAAK,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAE,KAAG,OAAO,CAAC,gBAAkB,IACxD,KAAK,CAAC,QAAQ,CACT,CACJ;QACN,8BAAC,4BAAY,IACX,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,GAClC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+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>;
+//# sourceMappingURL=polygon-selection-ui.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"polygon-selection-ui.d.ts","sourceRoot":"","sources":["../../src/lib/map-filter-container/polygon-selection-ui.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,6CAA6C,CAAC;AACrD,OAAO,8CAA8C,CAAC;AACtD,OAAO,2CAA2C,CAAC;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAgB3C,MAAM,WAAW,uBAAuB;IACtC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+EhE,CAAC"}