@cashub/ui 0.48.28 → 0.49.0-beta.0

package/map/LeafletMap.js

@@ -1,231 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _leaflet = _interopRequireDefault(require("leaflet"));
-var _reactLeaflet = require("react-leaflet");
-var _reactLeafletMarkercluster = _interopRequireDefault(require("react-leaflet-markercluster"));
-require("leaflet/dist/leaflet.css");
-require("react-leaflet-markercluster/dist/styles.min.css");
-var _BasicLeafletMap = _interopRequireDefault(require("./subComponent/BasicLeafletMap"));
-var _LeafletDrawControl = _interopRequireDefault(require("./subComponent/LeafletDrawControl"));
-var _map_icon = _interopRequireDefault(require("../assets/icons/map_icon1.png"));
-var _map_icon2 = _interopRequireDefault(require("../assets/icons/map_icon4.png"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LeafletMap = _ref => {
-  let {
-    height = 512,
-    zoom = 10,
-    data = {
-      defaultPosition: null,
-      position: null,
-      locations: []
-    },
-    geoFence = false,
-    geoFenceOptions = {},
-    onError,
-    customPopup,
-    checkPrimaryLocation
-  } = _ref;
-  const [hasError, setHasError] = (0, _react.useState)(true);
-  const [validLocations, setValidLocations] = (0, _react.useState)([]);
-  const [validBound, setValidBound] = (0, _react.useState)([]);
-  const [markers, setMarkers] = (0, _react.useState)([]);
-  const drawControlRef = (0, _react.useRef)();
-  const handleError = (0, _react.useCallback)(errorCode => {
-    if (onError) {
-      onError(errorCode);
-    }
-  }, [onError]);
-  const handleMountedDrawControl = (0, _react.useCallback)(control => {
-    drawControlRef.current = control;
-    if (geoFenceOptions.editable) {
-      drawControlRef.current.enableEdit();
-    }
-  }, [geoFenceOptions.editable]);
-  const handleEditResizeDraw = (0, _react.useCallback)(event => {
-    const {
-      minRadius,
-      eventHandlers
-    } = geoFenceOptions;
-    const radius = event.layer.getRadius();
-    if (minRadius && radius < minRadius) {
-      event.layer.setRadius(minRadius);
-      return;
-    }
-    const tooltips = event.target._panes.popupPane.getElementsByClassName('leaflet-draw-tooltip');
-    for (let index = 0; index < tooltips.length; index += 1) {
-      tooltips[index].textContent = "Radius: ".concat(parseInt(radius, 10));
-    }
-    if (eventHandlers.edit) {
-      eventHandlers.edit(radius);
-    }
-  }, [geoFenceOptions]);
-  const handleEditMoveDraw = (0, _react.useCallback)(event => {
-    const {
-      eventHandlers
-    } = geoFenceOptions;
-    if (eventHandlers.drag) {
-      eventHandlers.drag(event.layer.getLatLng());
-    }
-  }, [geoFenceOptions]);
-  (0, _react.useEffect)(() => {
-    const {
-      defaultPosition,
-      position,
-      locations
-    } = data;
-    const arrLatLngs = [];
-    const bounds = [];
-    const markers = [];
-    if (!position && !defaultPosition) {
-      handleError('NO_COORDINATES');
-      setHasError(true);
-      return;
-    }
-    locations.forEach((location, index) => {
-      const {
-        latitude,
-        longitude
-      } = location;
-      if (!latitude && latitude !== 0 || !longitude && longitude !== 0 || latitude === 0 && longitude === 0 || latitude === '0' && longitude === '0') {
-        return;
-      }
-
-      // prevent duplicate LatLngBounds
-      if (!bounds.some(LatLng => {
-        return latitude === LatLng[0] && longitude === LatLng[1];
-      })) {
-        bounds.push([latitude, longitude]);
-      }
-      arrLatLngs.push([latitude, longitude]);
-      let popupContent = null;
-      if (customPopup) {
-        popupContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLeaflet.Popup, {
-          maxWidth: 400,
-          closeButton: false,
-          children: customPopup(location)
-        });
-      }
-      let Icon = _leaflet.default.icon({
-        iconUrl: _map_icon2.default,
-        iconSize: [40, 50]
-      });
-      if (checkPrimaryLocation && checkPrimaryLocation(location)) {
-        Icon = _leaflet.default.icon({
-          iconUrl: _map_icon.default,
-          iconSize: [40, 50]
-        });
-      }
-      markers.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLeaflet.Marker, {
-        position: [latitude, longitude],
-        icon: Icon,
-        children: popupContent
-      }, index));
-    });
-
-    // pass all checking
-    setHasError(false);
-    setValidLocations(arrLatLngs);
-    setValidBound(bounds);
-    setMarkers(markers);
-  }, [data, handleError, customPopup, checkPrimaryLocation]);
-  (0, _react.useEffect)(() => {
-    if (drawControlRef.current && geoFenceOptions.editable) {
-      drawControlRef.current.enableEdit();
-    }
-  }, [geoFenceOptions.editable]);
-  if (!hasError) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BasicLeafletMap.default, {
-      height: height,
-      zoom: zoom,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MapInteractor, {
-        zoom: zoom,
-        locations: validLocations,
-        bounds: validBound,
-        markers: markers,
-        defaultPosition: data.defaultPosition,
-        position: data.position
-      }), markers.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLeafletMarkercluster.default, {
-        maxClusterRadius: 120,
-        iconCreateFunction: cluster => {
-          return _leaflet.default.divIcon({
-            html: "<div><span>".concat(cluster.getChildCount(), "</span></div>"),
-            className: 'marker-cluster',
-            iconSize: _leaflet.default.point(40, 40)
-          });
-        },
-        children: markers
-      }), geoFence && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLeaflet.FeatureGroup, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LeafletDrawControl.default, {
-          draw: false,
-          edit: {
-            edit: false,
-            remove: false
-          },
-          onMounted: handleMountedDrawControl,
-          onEditResize: handleEditResizeDraw,
-          onEditMove: handleEditMoveDraw
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLeaflet.Circle, {
-          center: [geoFenceOptions.latitude, geoFenceOptions.longitude],
-          radius: geoFenceOptions.radius,
-          pathOptions: {
-            stroke: false,
-            fillColor: 'var(--color-primary)',
-            fillOpacity: 0.5
-          }
-        })]
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
-};
-const MapInteractor = _ref2 => {
-  let {
-    zoom,
-    locations,
-    bounds,
-    markers,
-    defaultPosition,
-    position
-  } = _ref2;
-  const map = (0, _reactLeaflet.useMapEvents)({
-    click: event => {
-      event.originalEvent.stopPropagation();
-    },
-    focus: () => {
-      map.scrollWheelZoom.enable();
-    },
-    blur: () => {
-      map.scrollWheelZoom.disable();
-    }
-  });
-  (0, _react.useEffect)(() => {
-    if (bounds.length === 1) {
-      map.setView(bounds[0]);
-    } else if (locations.length > 0) {
-      map.fitBounds(bounds);
-
-      // check current view has marker, if not set view to first marker
-      const currentBounds = map.getBounds();
-      const found = locations.find(LatLng => {
-        const tmpLat = parseFloat(LatLng[0]);
-        const tmpLng = parseFloat(LatLng[1]);
-        if (Number.isNaN(tmpLat) || Number.isNaN(tmpLng)) return false;
-        return currentBounds.contains([tmpLat, tmpLng]);
-      });
-      if (!found) {
-        map.setView(locations[0]);
-      }
-    } else {
-      map.setView([position && position.latitude || defaultPosition.latitude, position && position.longitude || defaultPosition.longitude]);
-    }
-    map.setZoom(zoom);
-  }, [map, zoom, locations, bounds, markers, defaultPosition, position]);
-  return null;
-};
-var _default = exports.default = LeafletMap;

package/map/subComponent/GoogleMapContainer.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-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 = exports.default = GoogleMapContainer;

package/map/subComponent/GoogleMapPopup.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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
-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;
-        }
-
-        // Optionally stop clicks, etc., from bubbling up to the map.
-        MapPopup.preventMapHitsAndGesturesFrom(this.containerDiv);
-      }
-      /** 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. */
-      onRemove() {
-        if (this.containerDiv.parentElement) {
-          this.containerDiv.parentElement.removeChild(this.containerDiv);
-          this.justRendered = false;
-        }
-      }
-      /** Called each frame when the popup needs to draw itself. */
-      draw() {
-        if (this.position) {
-          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");
-        }
-      }
-      setPosition(position) {
-        this.position = position;
-      }
-      setContent(content) {
-        if (!content) return;
-        if (typeof content === 'object') {
-          this.containerDiv.replaceChildren(content);
-        } else {
-          this.containerDiv.innerHTML = content;
-        }
-      }
-      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
-        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);
-        popupBound.extend(southEast);
-        popupBound.extend(this.position);
-        this.map.fitBounds(popupBound);
-      }
-    }
-    return new MapPopup(options);
-  }
-}
-var _default = exports.default = GoogleMapPopup;

package/map/subComponent/GoogleMapWrapper.js

@@ -1,47 +0,0 @@
-"use strict";
-
-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");
-const _excluded = ["children", "apiKey", "onError"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-const GoogleMapWrapper = _ref => {
-  let {
-      children,
-      apiKey,
-      onError
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  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
-    }))
-  });
-};
-var _default = exports.default = GoogleMapWrapper;

package/map/subComponent/LeafletDrawControl.js

@@ -1,125 +0,0 @@
-"use strict";
-
-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(e) { return e && e.__esModule ? e : { default: e }; }
-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 && {}.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; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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); } // eslint-disable-line
-const eventHandlers = {
-  onEdited: 'draw:edited',
-  onDrawStart: 'draw:drawstart',
-  onDrawStop: 'draw:drawstop',
-  onDrawVertex: 'draw:drawvertex',
-  onEditStart: 'draw:editstart',
-  onEditMove: 'draw:editmove',
-  onEditResize: 'draw:editresize',
-  onEditVertex: 'draw:editvertex',
-  onEditStop: 'draw:editstop',
-  onDeleted: 'draw:deleted',
-  onDeleteStart: 'draw:deletestart',
-  onDeleteStop: 'draw:deletestop'
-};
-_leaflet.default.drawLocal.edit.handlers.edit.tooltip = {
-  text: 'Drag handles or markers to edit features.',
-  subtext: null
-};
-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]);
-  const enableEdit = (0, _react.useCallback)(() => {
-    // programatically enable edit mode
-    // https://github.com/Leaflet/Leaflet.draw/issues/129
-    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)(() => {
-    // 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 (const key in eventHandlers) {
-      map.on(eventHandlers[key], evt => {
-        const handlers = Object.keys(eventHandlers).filter(handler => eventHandlers[handler] === evt.type);
-        if (handlers.length === 1) {
-          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
-    drawRef.current = createDrawElement(props, layerContainer);
-    map.addControl(drawRef.current);
-    drawRef.current.enableEdit = enableEdit;
-    if (props.onMounted) {
-      props.onMounted(drawRef.current);
-    }
-    return () => {
-      drawRef.current.remove(map);
-      drawRef.current = null;
-      map.off(_leaflet.default.Draw.Event.CREATED, onDrawCreate);
-      for (const key in eventHandlers) {
-        if (props[key]) {
-          map.off(eventHandlers[key], props[key]);
-        }
-      }
-    };
-  }, [props, map, layerContainer, onDrawCreate, enableEdit]);
-  return null;
-};
-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);
-    } else {
-      options.draw = draw;
-    }
-  }
-  if (edit) {
-    options.edit = _objectSpread(_objectSpread({}, options.edit), edit);
-  }
-  if (position) {
-    options.position = position;
-  }
-  return new _leaflet.Control.Draw(options);
-};
-var _default = exports.default = LeafletDrawControl;

package/map/subComponent/LeafletMapContainer.js

@@ -1,18 +0,0 @@
-"use strict";
-
-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(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-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 = exports.default = LeafletMapContainer;