@cashub/ui 0.20.0 → 0.21.1

package/map/subComponent/GoogleMapContainer.js

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var GoogleMapContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", "px;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius);\n\n  &:focus {\n    border-color: var(--border-color);\n    box-shadow: var(--box-shadow);\n  }\n\n  .google-popup-content-wrapper {\n    position: absolute;\n    transform: translate(-50%, -100%);\n  }\n"])), function (_ref) {
-  var height = _ref.height;
+const GoogleMapContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", "px;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius);\n\n  &:focus {\n    border-color: var(--border-color);\n    box-shadow: var(--box-shadow);\n  }\n\n  .google-popup-content-wrapper {\n    position: absolute;\n    transform: translate(-50%, -100%);\n  }\n"])), _ref => {
+  let {
+    height
+  } = _ref;
   return height;
 });
-
-var _default = GoogleMapContainer;
-exports.default = _default;
+var _default = exports.default = GoogleMapContainer;

package/map/subComponent/GoogleMapPopup.js

@@ -4,152 +4,100 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // custom popup
 // https://developers.google.com/maps/documentation/javascript/examples/overlay-popup
-var GoogleMapPopup = /*#__PURE__*/_createClass(function GoogleMapPopup(options) {
-  _classCallCheck(this, GoogleMapPopup);
-
-  // wrap class to prevent cannot reference maps during runtime
-  // because google map library will load after render map only
-  var MapPopup = /*#__PURE__*/function (_window$google$maps$O) {
-    _inherits(MapPopup, _window$google$maps$O);
-
-    var _super = _createSuper(MapPopup);
-
-    function MapPopup() {
-      var _this;
-
-      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          maxWidth = _ref.maxWidth,
-          offset = _ref.offset;
-
-      _classCallCheck(this, MapPopup);
-
-      _this = _super.call(this); // This zero-height div is positioned at the bottom of the tip.
-
-      _defineProperty(_assertThisInitialized(_this), "position", void 0);
-
-      _defineProperty(_assertThisInitialized(_this), "containerDiv", void 0);
-
-      _defineProperty(_assertThisInitialized(_this), "offset", 16);
-
-      _defineProperty(_assertThisInitialized(_this), "justRendered", false);
-
-      _this.containerDiv = document.createElement('div');
-
-      _this.containerDiv.classList.add('google-popup-content-wrapper');
+class GoogleMapPopup {
+  constructor(options) {
+    // wrap class to prevent cannot reference maps during runtime
+    // because google map library will load after render map only
+    class MapPopup extends window.google.maps.OverlayView {
+      constructor() {
+        let {
+          maxWidth,
+          offset
+        } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        super();
+
+        // This zero-height div is positioned at the bottom of the tip.
+        _defineProperty(this, "position", void 0);
+        _defineProperty(this, "containerDiv", void 0);
+        _defineProperty(this, "offset", 16);
+        _defineProperty(this, "justRendered", false);
+        this.containerDiv = document.createElement('div');
+        this.containerDiv.classList.add('google-popup-content-wrapper');
+        if (maxWidth) {
+          this.containerDiv.style.maxWidth = "".concat(maxWidth, "px");
+        }
+        if (offset) {
+          this.offset = offset;
+        }
 
-      if (maxWidth) {
-        _this.containerDiv.style.maxWidth = "".concat(maxWidth, "px");
+        // Optionally stop clicks, etc., from bubbling up to the map.
+        MapPopup.preventMapHitsAndGesturesFrom(this.containerDiv);
       }
-
-      if (offset) {
-        _this.offset = offset;
-      } // Optionally stop clicks, etc., from bubbling up to the map.
-
-
-      MapPopup.preventMapHitsAndGesturesFrom(_this.containerDiv);
-      return _this;
-    }
-    /** Called when the popup is added to the map. */
-
-
-    _createClass(MapPopup, [{
-      key: "onAdd",
-      value: function onAdd() {
+      /** Called when the popup is added to the map. */
+      onAdd() {
         this.getPanes().floatPane.appendChild(this.containerDiv);
         this.justRendered = true;
       }
       /** Called when the popup is removed from the map. */
-
-    }, {
-      key: "onRemove",
-      value: function onRemove() {
+      onRemove() {
         if (this.containerDiv.parentElement) {
           this.containerDiv.parentElement.removeChild(this.containerDiv);
           this.justRendered = false;
         }
       }
       /** Called each frame when the popup needs to draw itself. */
-
-    }, {
-      key: "draw",
-      value: function draw() {
+      draw() {
         if (this.position) {
-          var divPosition = this.getProjection().fromLatLngToDivPixel(this.position); // On the first render, if we go beyond the map, pan the map
+          const divPosition = this.getProjection().fromLatLngToDivPixel(this.position);
 
+          // On the first render, if we go beyond the map, pan the map
           if (this.justRendered) {
             this.fitMap();
             this.justRendered = false;
           }
-
           this.containerDiv.style.left = "".concat(divPosition.x, "px");
           this.containerDiv.style.top = "".concat(divPosition.y - this.offset, "px");
         }
       }
-    }, {
-      key: "setPosition",
-      value: function setPosition(position) {
+      setPosition(position) {
         this.position = position;
       }
-    }, {
-      key: "setContent",
-      value: function setContent(content) {
+      setContent(content) {
         if (!content) return;
-
-        if (_typeof(content) === 'object') {
+        if (typeof content === 'object') {
           this.containerDiv.replaceChildren(content);
         } else {
           this.containerDiv.innerHTML = content;
         }
       }
-    }, {
-      key: "fitMap",
-      value: function fitMap() {
-        var projection = this.getProjection();
-        var _this$containerDiv = this.containerDiv,
-            offsetWidth = _this$containerDiv.offsetWidth,
-            offsetHeight = _this$containerDiv.offsetHeight;
-        var halfWidth = offsetWidth / 2;
-        var _this$containerDiv2 = this.containerDiv,
-            offsetTop = _this$containerDiv2.offsetTop,
-            offsetLeft = _this$containerDiv2.offsetLeft; // Calculate the coordinates of the four corners of the container
+      fitMap() {
+        const projection = this.getProjection();
+        const {
+          offsetWidth,
+          offsetHeight
+        } = this.containerDiv;
+        const halfWidth = offsetWidth / 2;
+        const {
+          offsetTop,
+          offsetLeft
+        } = this.containerDiv;
+
+        // Calculate the coordinates of the four corners of the container
         // because container use transform for position(-50%, -100%), so we need to subtract them
-
-        var topLeft = new window.google.maps.Point(offsetLeft - halfWidth, offsetTop - offsetHeight);
-        var topRight = new window.google.maps.Point(offsetLeft + offsetWidth - halfWidth, offsetTop - offsetHeight);
-        var bottomLeft = new window.google.maps.Point(offsetLeft - halfWidth, offsetTop + offsetHeight - offsetHeight);
-        var bottomRight = new window.google.maps.Point(offsetLeft + offsetWidth - halfWidth, offsetTop + offsetHeight - offsetHeight);
-        var northWest = projection.fromDivPixelToLatLng(topLeft);
-        var northEast = projection.fromDivPixelToLatLng(topRight);
-        var southWest = projection.fromDivPixelToLatLng(bottomLeft);
-        var southEast = projection.fromDivPixelToLatLng(bottomRight);
-        var popupBound = new window.google.maps.LatLngBounds();
+        const topLeft = new window.google.maps.Point(offsetLeft - halfWidth, offsetTop - offsetHeight);
+        const topRight = new window.google.maps.Point(offsetLeft + offsetWidth - halfWidth, offsetTop - offsetHeight);
+        const bottomLeft = new window.google.maps.Point(offsetLeft - halfWidth, offsetTop + offsetHeight - offsetHeight);
+        const bottomRight = new window.google.maps.Point(offsetLeft + offsetWidth - halfWidth, offsetTop + offsetHeight - offsetHeight);
+        const northWest = projection.fromDivPixelToLatLng(topLeft);
+        const northEast = projection.fromDivPixelToLatLng(topRight);
+        const southWest = projection.fromDivPixelToLatLng(bottomLeft);
+        const southEast = projection.fromDivPixelToLatLng(bottomRight);
+        const popupBound = new window.google.maps.LatLngBounds();
         popupBound.extend(northWest);
         popupBound.extend(northEast);
         popupBound.extend(southWest);
@@ -157,13 +105,8 @@ var GoogleMapPopup = /*#__PURE__*/_createClass(function GoogleMapPopup(options)
         popupBound.extend(this.position);
         this.map.fitBounds(popupBound);
       }
-    }]);
-
-    return MapPopup;
-  }(window.google.maps.OverlayView);
-
-  return new MapPopup(options);
-});
-
-var _default = GoogleMapPopup;
-exports.default = _default;
+    }
+    return new MapPopup(options);
+  }
+}
+var _default = exports.default = GoogleMapPopup;

package/map/subComponent/GoogleMapWrapper.js

@@ -4,56 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _reactWrapper = require("@googlemaps/react-wrapper");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var _excluded = ["children", "apiKey", "onError"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var GoogleMapWrapper = function GoogleMapWrapper(_ref) {
-  var children = _ref.children,
-      apiKey = _ref.apiKey,
-      onError = _ref.onError,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var render = function render(status) {
+const GoogleMapWrapper = _ref => {
+  let {
+    children,
+    apiKey,
+    onError,
+    ...props
+  } = _ref;
+  const render = status => {
     switch (status) {
       case _reactWrapper.Status.LOADING:
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
-
       case _reactWrapper.Status.FAILURE:
         onError(status);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
-
       default:
         break;
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWrapper.Wrapper, {
     apiKey: apiKey,
     render: render,
     style: {
       position: 'relative'
     },
-    children: /*#__PURE__*/(0, _react.cloneElement)(children, _objectSpread(_objectSpread({}, props), {}, {
-      onError: onError
-    }))
+    children: /*#__PURE__*/(0, _react.cloneElement)(children, {
+      ...props,
+      onError
+    })
   });
 };
-
-var _default = GoogleMapWrapper;
-exports.default = _default;
+var _default = exports.default = GoogleMapWrapper;

package/map/subComponent/GoogleMarkerSpiderfier.js

@@ -4,27 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var GoogleMarkerSpiderfier = /*#__PURE__*/_createClass(function GoogleMarkerSpiderfier(map, options) {
-  _classCallCheck(this, GoogleMarkerSpiderfier);
-
-  _defineProperty(this, "oms", void 0);
-
-  // dynamic import to prevent cannot reference maps during runtime
-  // because google map library will load after render map only
-  var OverlappingMarkerSpiderfier = require('overlapping-marker-spiderfier');
-
-  this.oms = new OverlappingMarkerSpiderfier(map, options);
-  return this.oms;
-});
-
-var _default = GoogleMarkerSpiderfier;
-exports.default = _default;
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class GoogleMarkerSpiderfier {
+  constructor(map, options) {
+    _defineProperty(this, "oms", void 0);
+    // dynamic import to prevent cannot reference maps during runtime
+    // because google map library will load after render map only
+    const OverlappingMarkerSpiderfier = require('overlapping-marker-spiderfier');
+    this.oms = new OverlappingMarkerSpiderfier(map, options);
+    return this.oms;
+  }
+}
+var _default = exports.default = GoogleMarkerSpiderfier;

package/map/subComponent/LeafletDrawControl.js

@@ -4,46 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _leaflet = _interopRequireWildcard(require("leaflet"));
-
 var _leafletDraw = _interopRequireDefault(require("leaflet-draw"));
-
 require("leaflet-draw/dist/leaflet.draw.css");
-
 var _core = require("@react-leaflet/core");
-
 var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// eslint-disable-line
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var eventHandlers = {
+const eventHandlers = {
   onEdited: 'draw:edited',
   onDrawStart: 'draw:drawstart',
   onDrawStop: 'draw:drawstop',
@@ -61,104 +33,95 @@ _leaflet.default.drawLocal.edit.handlers.edit.tooltip = {
   text: 'Drag handles or markers to edit features.',
   subtext: null
 };
-
-var LeafletDrawControl = function LeafletDrawControl(props) {
-  var _useLeafletContext = (0, _core.useLeafletContext)(),
-      map = _useLeafletContext.map,
-      layerContainer = _useLeafletContext.layerContainer;
-
-  var drawRef = (0, _react.useRef)();
-  var propsRef = (0, _react.useRef)(props);
-  var onDrawCreate = (0, _react.useCallback)(function (event) {
-    var container = layerContainer;
+const LeafletDrawControl = props => {
+  const {
+    map,
+    layerContainer
+  } = (0, _core.useLeafletContext)();
+  const drawRef = (0, _react.useRef)();
+  const propsRef = (0, _react.useRef)(props);
+  const onDrawCreate = (0, _react.useCallback)(event => {
+    const container = layerContainer;
     container.addLayer(event.layer);
   }, [layerContainer]);
-  var enableEdit = (0, _react.useCallback)(function () {
+  const enableEdit = (0, _react.useCallback)(() => {
     // programatically enable edit mode
     // https://github.com/Leaflet/Leaflet.draw/issues/129
-    var editHandler = drawRef.current._toolbars.edit.getModeHandlers()[0].handler; // this is hacky but needed otherwise enabling the edit mode will fail
+    const editHandler = drawRef.current._toolbars.edit.getModeHandlers()[0].handler;
+    // this is hacky but needed otherwise enabling the edit mode will fail
     // when the code attempts to fire map events for edit start etc
-
-
     editHandler._map = map;
     editHandler.enable();
   }, [map]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     // if rendered and all props no change prevent render again
     if (drawRef.current && props.draw !== undefined && (0, _fastDeepEqual.default)(props.draw, propsRef.current.draw) && (0, _fastDeepEqual.default)(props.edit, propsRef.current.edit) && props.position === propsRef.current.position) {
       return;
-    } // add event listener
-
-
-    for (var key in eventHandlers) {
-      map.on(eventHandlers[key], function (evt) {
-        var handlers = Object.keys(eventHandlers).filter(function (handler) {
-          return eventHandlers[handler] === evt.type;
-        });
+    }
 
+    // add event listener
+    for (const key in eventHandlers) {
+      map.on(eventHandlers[key], evt => {
+        const handlers = Object.keys(eventHandlers).filter(handler => eventHandlers[handler] === evt.type);
         if (handlers.length === 1) {
-          var _handlers = _slicedToArray(handlers, 1),
-              handler = _handlers[0];
-
+          const [handler] = handlers;
           props[handler] && props[handler](evt);
         }
       });
-    } // add create draw event listener
-
+    }
 
-    map.on(_leaflet.default.Draw.Event.CREATED, onDrawCreate); // create draw element and render on map
+    // add create draw event listener
+    map.on(_leaflet.default.Draw.Event.CREATED, onDrawCreate);
 
+    // create draw element and render on map
     drawRef.current = createDrawElement(props, layerContainer);
     map.addControl(drawRef.current);
     drawRef.current.enableEdit = enableEdit;
-
     if (props.onMounted) {
       props.onMounted(drawRef.current);
     }
-
-    return function () {
+    return () => {
       drawRef.current.remove(map);
       drawRef.current = null;
       map.off(_leaflet.default.Draw.Event.CREATED, onDrawCreate);
-
-      for (var _key in eventHandlers) {
-        if (props[_key]) {
-          map.off(eventHandlers[_key], props[_key]);
+      for (const key in eventHandlers) {
+        if (props[key]) {
+          map.off(eventHandlers[key], props[key]);
         }
       }
     };
   }, [props, map, layerContainer, onDrawCreate, enableEdit]);
   return null;
 };
-
-var createDrawElement = function createDrawElement(props, layerContainer) {
-  var draw = props.draw,
-      edit = props.edit,
-      position = props.position;
-  var options = {
+const createDrawElement = (props, layerContainer) => {
+  const {
+    draw,
+    edit,
+    position
+  } = props;
+  const options = {
     edit: {
       featureGroup: layerContainer
     }
   };
-
   if (draw !== undefined) {
-    if (_typeof(draw) === 'object') {
-      options.draw = _objectSpread({}, draw);
+    if (typeof draw === 'object') {
+      options.draw = {
+        ...draw
+      };
     } else {
       options.draw = draw;
     }
   }
-
   if (edit) {
-    options.edit = _objectSpread(_objectSpread({}, options.edit), edit);
+    options.edit = {
+      ...options.edit,
+      ...edit
+    };
   }
-
   if (position) {
     options.position = position;
   }
-
   return new _leaflet.Control.Draw(options);
 };
-
-var _default = LeafletDrawControl;
-exports.default = _default;
+var _default = exports.default = LeafletDrawControl;

package/map/subComponent/LeafletMapContainer.js

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _reactLeaflet = require("react-leaflet");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var LeafletMapContainer = (0, _styledComponents.default)(_reactLeaflet.MapContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", "px;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius);\n  z-index: 1;\n\n  &:focus {\n    border-color: var(--border-color);\n    box-shadow: var(--box-shadow);\n  }\n\n  .leaflet-control-container {\n    .leaflet-control-zoom {\n      box-shadow: var(--box-shadow);\n      border-radius: var(--border-radius);\n\n      a {\n        background: transparent;\n        border-bottom: 1px solid var(--border-color);\n        color: var(--font-on-background);\n\n        &:last-child {\n          border-bottom: none;\n        }\n\n        &.leaflet-disabled {\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .leaflet-draw {\n      box-shadow: var(--box-shadow);\n      border-radius: var(--border-radius);\n\n      a {\n        background-color: var(--color-background1);\n      }\n\n      .leaflet-draw-draw-polyline {\n        background-position: -3px -3px;\n      }\n\n      .leaflet-draw-draw-polygon {\n        background-position: -32px -3px;\n      }\n\n      .leaflet-draw-draw-rectangle {\n        background-position: -63px -3px;\n      }\n\n      .leaflet-draw-draw-circle {\n        background-position: -93px -3px;\n      }\n\n      .leaflet-draw-draw-marker {\n        background-position: -123px -3px;\n      }\n\n      .leaflet-draw-draw-circlemarker {\n        background-position: -273px -3px;\n      }\n\n      .leaflet-draw-edit-edit {\n        background-position: -213px -3px;\n      }\n\n      .leaflet-draw-edit-remove {\n        background-position: -243px -3px;\n      }\n    }\n\n    .leaflet-left .leaflet-control {\n      margin-left: var(--spacing-s);\n    }\n\n    .leaflet-right .leaflet-control {\n      margin-right: var(--spacing-s);\n    }\n\n    .leaflet-top .leaflet-control {\n      margin-top: var(--spacing-s);\n    }\n\n    .leaflet-control {\n      font-weight: bold;\n      background: var(--color-background1);\n\n      &.leaflet-control-attribution {\n        background: var(--color-white);\n        color: var(--color-dark);\n        margin: 0;\n      }\n    }\n  }\n\n  .leaflet-edit-move {\n    border-radius: 50px;\n    border-color: var(--border-color);\n  }\n\n  .leaflet-edit-resize {\n    border-radius: 50px;\n    border-color: var(--border-color);\n  }\n\n  &.leaflet-touch {\n    .leaflet-bar {\n      border: none;\n\n      a {\n        width: 24px;\n        height: 24px;\n        line-height: 24px;\n      }\n    }\n\n    .leaflet-left .leaflet-control {\n      margin-left: var(--spacing-s);\n    }\n\n    .leaflet-right .leaflet-control {\n      margin-right: var(--spacing-s);\n    }\n\n    .leaflet-top .leaflet-control {\n      margin-top: var(--spacing-s);\n    }\n  }\n\n  .marker-cluster {\n    background: var(--color-primary) a1;\n\n    div {\n      background: var(--color-primary);\n      color: var(--font-on-primary);\n    }\n  }\n\n  .leaflet-popup-content-wrapper {\n    background: transparent;\n    box-shadow: unset;\n  }\n\n  .leaflet-popup-content p {\n    margin: 0;\n    margin-bottom: var(--spacing-s);\n  }\n\n  .leaflet-popup-tip {\n    display: none;\n  }\n\n  .sr-only {\n    display: none;\n  }\n"])), function (_ref) {
-  var height = _ref.height;
+const LeafletMapContainer = (0, _styledComponents.default)(_reactLeaflet.MapContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", "px;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius);\n  z-index: 1;\n\n  &:focus {\n    border-color: var(--border-color);\n    box-shadow: var(--box-shadow);\n  }\n\n  .leaflet-control-container {\n    .leaflet-control-zoom {\n      box-shadow: var(--box-shadow);\n      border-radius: var(--border-radius);\n\n      a {\n        background: transparent;\n        border-bottom: 1px solid var(--border-color);\n        color: var(--font-on-background);\n\n        &:last-child {\n          border-bottom: none;\n        }\n\n        &.leaflet-disabled {\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .leaflet-draw {\n      box-shadow: var(--box-shadow);\n      border-radius: var(--border-radius);\n\n      a {\n        background-color: var(--color-background1);\n      }\n\n      .leaflet-draw-draw-polyline {\n        background-position: -3px -3px;\n      }\n\n      .leaflet-draw-draw-polygon {\n        background-position: -32px -3px;\n      }\n\n      .leaflet-draw-draw-rectangle {\n        background-position: -63px -3px;\n      }\n\n      .leaflet-draw-draw-circle {\n        background-position: -93px -3px;\n      }\n\n      .leaflet-draw-draw-marker {\n        background-position: -123px -3px;\n      }\n\n      .leaflet-draw-draw-circlemarker {\n        background-position: -273px -3px;\n      }\n\n      .leaflet-draw-edit-edit {\n        background-position: -213px -3px;\n      }\n\n      .leaflet-draw-edit-remove {\n        background-position: -243px -3px;\n      }\n    }\n\n    .leaflet-left .leaflet-control {\n      margin-left: var(--spacing-s);\n    }\n\n    .leaflet-right .leaflet-control {\n      margin-right: var(--spacing-s);\n    }\n\n    .leaflet-top .leaflet-control {\n      margin-top: var(--spacing-s);\n    }\n\n    .leaflet-control {\n      font-weight: bold;\n      background: var(--color-background1);\n\n      &.leaflet-control-attribution {\n        background: var(--color-white);\n        color: var(--color-dark);\n        margin: 0;\n      }\n    }\n  }\n\n  .leaflet-edit-move {\n    border-radius: 50px;\n    border-color: var(--border-color);\n  }\n\n  .leaflet-edit-resize {\n    border-radius: 50px;\n    border-color: var(--border-color);\n  }\n\n  &.leaflet-touch {\n    .leaflet-bar {\n      border: none;\n\n      a {\n        width: 24px;\n        height: 24px;\n        line-height: 24px;\n      }\n    }\n\n    .leaflet-left .leaflet-control {\n      margin-left: var(--spacing-s);\n    }\n\n    .leaflet-right .leaflet-control {\n      margin-right: var(--spacing-s);\n    }\n\n    .leaflet-top .leaflet-control {\n      margin-top: var(--spacing-s);\n    }\n  }\n\n  .marker-cluster {\n    background: var(--color-primary) a1;\n\n    div {\n      background: var(--color-primary);\n      color: var(--font-on-primary);\n    }\n  }\n\n  .leaflet-popup-content-wrapper {\n    background: transparent;\n    box-shadow: unset;\n  }\n\n  .leaflet-popup-content p {\n    margin: 0;\n    margin-bottom: var(--spacing-s);\n  }\n\n  .leaflet-popup-tip {\n    display: none;\n  }\n\n  .sr-only {\n    display: none;\n  }\n"])), _ref => {
+  let {
+    height
+  } = _ref;
   return height;
 });
-var _default = LeafletMapContainer;
-exports.default = _default;
+var _default = exports.default = LeafletMapContainer;