avlmap-npm
Version:
Avail Map by Avail Labs
108 lines (103 loc) • 3.37 MB
JavaScript
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "./index.js");
/******/ })
/************************************************************************/
/******/ ({
/***/ "../node_modules/classnames/index.js":
/*!*******************************************!*\
!*** ../node_modules/classnames/index.js ***!
\*******************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif ( true && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (true) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\t!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {\n\t\t\treturn classNames;\n\t\t}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t} else {}\n}());\n\n\n//# sourceURL=webpack:///../node_modules/classnames/index.js?");
/***/ }),
/***/ "./AvlMap.js":
/*!*******************!*\
!*** ./AvlMap.js ***!
\*******************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\n__webpack_require__(/*! core-js/modules/es6.set */ \"./node_modules/core-js/modules/es6.set.js\");\n\n__webpack_require__(/*! core-js/modules/es6.regexp.constructor */ \"./node_modules/core-js/modules/es6.regexp.constructor.js\");\n\n__webpack_require__(/*! core-js/modules/es6.promise */ \"./node_modules/core-js/modules/es6.promise.js\");\n\n__webpack_require__(/*! core-js/modules/es6.reflect.construct */ \"./node_modules/core-js/modules/es6.reflect.construct.js\");\n\n__webpack_require__(/*! core-js/modules/es6.reflect.get */ \"./node_modules/core-js/modules/es6.reflect.get.js\");\n\n__webpack_require__(/*! core-js/modules/es6.string.iterator */ \"./node_modules/core-js/modules/es6.string.iterator.js\");\n\n__webpack_require__(/*! core-js/modules/es6.array.from */ \"./node_modules/core-js/modules/es6.array.from.js\");\n\n__webpack_require__(/*! core-js/modules/es6.function.name */ \"./node_modules/core-js/modules/es6.function.name.js\");\n\n__webpack_require__(/*! core-js/modules/es6.regexp.to-string */ \"./node_modules/core-js/modules/es6.regexp.to-string.js\");\n\n__webpack_require__(/*! core-js/modules/es7.object.get-own-property-descriptors */ \"./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js\");\n\n__webpack_require__(/*! core-js/modules/es6.array.iterator */ \"./node_modules/core-js/modules/es6.array.iterator.js\");\n\n__webpack_require__(/*! core-js/modules/es6.object.to-string */ \"./node_modules/core-js/modules/es6.object.to-string.js\");\n\n__webpack_require__(/*! core-js/modules/es6.object.keys */ \"./node_modules/core-js/modules/es6.object.keys.js\");\n\n__webpack_require__(/*! core-js/modules/web.dom.iterable */ \"./node_modules/core-js/modules/web.dom.iterable.js\");\n\n__webpack_require__(/*! core-js/modules/es6.object.assign */ \"./node_modules/core-js/modules/es6.object.assign.js\");\n\n__webpack_require__(/*! core-js/modules/es7.symbol.async-iterator */ \"./node_modules/core-js/modules/es7.symbol.async-iterator.js\");\n\n__webpack_require__(/*! core-js/modules/es6.symbol */ \"./node_modules/core-js/modules/es6.symbol.js\");\n\n__webpack_require__(/*! core-js/modules/es6.object.freeze */ \"./node_modules/core-js/modules/es6.object.freeze.js\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = exports.DEFAULT_STYLES = void 0;\n\nvar os = __webpack_require__(/*! os */ \"os\");\n\nvar path = __webpack_require__(/*! path */ \"path\");\n\nvar resolve = __webpack_require__(/*! path */ \"path\").resolve();\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _mapboxGl = _interopRequireDefault(__webpack_require__(/*! mapbox-gl/dist/mapbox-gl */ \"./node_modules/mapbox-gl/dist/mapbox-gl.js\"));\n\nvar _deepEqual = _interopRequireDefault(__webpack_require__(/*! deep-equal */ \"./node_modules/deep-equal/index.js\"));\n\nvar _lodash = _interopRequireDefault(__webpack_require__(/*! lodash.get */ \"./node_modules/lodash.get/index.js\"));\n\nvar _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.esm.js\"));\n\nvar _d3Format = __webpack_require__(/*! d3-format */ \"./node_modules/d3-format/src/index.js\");\n\nvar _sidebar = path.resolve('./components/sidebar/index.js');\n\nvar _Infobox = path.resolve('./components/infobox/Infobox.js');\n\nvar _MapPopover = path.resolve('./components/popover/MapPopover');\n\nvar _MapModal = path.resolve('./components/modal/MapModal');\n\nvar _MapActions = path.resolve('./components/MapActions/index.js');\n\nvar _MapMessages = path.resolve('./components/MapMessages/index.js');\n\nvar _loadingPage = path.resolve('./components/loading/loadingPage.js');\n\npath.resolve('./components/css/avlmap.css');\n\nvar _LayerMessageSystem = path.resolve('./components/layerMessageSystem/LayerMessageSystem');\n\nos.platform();\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\nfunction _toArray(arr) {\n return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();\n}\n\nfunction _templateObject() {\n var data = _taggedTemplateLiteral([\"\\n\\tposition: absolute;\\n\\tbottom: 20px;\\n\\tleft: \", \"px;\\n\\ttransition: left 0.25s;\\n\\tz-index: 50;\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n pointer-events: none;\\n color: \", \";\\n > * {\\n margin-bottom: 10px;\\n min-width: 300px;\\n background-color: \", \";\\n border-radius: 4px;\\n border-top-right-radius: \", \"px;\\n border-bottom-right-radius: \", \"px;\\n font-size: 1rem;\\n }\\n\\t> *:last-child {\\n\\t\\tmargin-bottom: 0px;\\n\\t}\\n\"]);\n\n _templateObject = function _templateObject() {\n return data;\n };\n\n return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _get(target, property, receiver) {\n if (typeof Reflect !== \"undefined\" && Reflect.get) {\n _get = Reflect.get;\n } else {\n _get = function _get(target, property, receiver) {\n var base = _superPropBase(target, property);\n\n if (!base) return;\n var desc = Object.getOwnPropertyDescriptor(base, property);\n\n if (desc.get) {\n return desc.get.call(receiver);\n }\n\n return desc.value;\n };\n }\n\n return _get(target, property, receiver || target);\n}\n\nfunction _superPropBase(object, property) {\n while (!Object.prototype.hasOwnProperty.call(object, property)) {\n object = _getPrototypeOf(object);\n if (object === null) break;\n }\n\n return object;\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar UNIQUE_ID = 0;\n\nvar getUniqueId = function getUniqueId() {\n var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"unique-id\";\n return \"\".concat(str, \"-\").concat(++UNIQUE_ID);\n}; // const getMapPreview = (map, style, size=[60, 40]) => {\n// if (!Boolean(map)) return \"\";\n//\n// return `https://api.mapbox.com/styles/v1/am3081/${ style }/static/` +\n// `${ map.getCenter().toArray().join(',') },${ map.getZoom() },0,0/` +\n// `${ size.join('x') }?` +\n// `attribution=false&logo=false&access_token=${ mapboxgl.accessToken }`;\n// }\n\n\nvar getStaticImageUrl = function getStaticImageUrl(style) {\n return \"https://api.mapbox.com/styles/v1/am3081/\".concat(style, \"/static/\") + \"\".concat(-74.2179, \",\", 43.2994, \",1.5/60x40?\") + \"attribution=false&logo=false&access_token=\".concat(_mapboxGl[\"default\"].accessToken);\n};\n\nvar DEFAULT_STYLES = [{\n name: \"Dark\",\n style: \"mapbox://styles/am3081/cjqqukuqs29222sqwaabcjy29\"\n}, {\n name: \"Light\",\n style: 'mapbox://styles/am3081/cjms1pdzt10gt2skn0c6n75te'\n}, {\n name: \"Satellite\",\n style: 'mapbox://styles/am3081/cjya6wla3011q1ct52qjcatxg'\n}, {\n name: \"Satellite Streets\",\n style: \"mapbox://styles/am3081/cjya70364016g1cpmbetipc8u\"\n}];\nexports.DEFAULT_STYLES = DEFAULT_STYLES;\n\nvar AvlMap = /*#__PURE__*/function (_React$Component) {\n _inherits(AvlMap, _React$Component);\n\n var _super = _createSuper(AvlMap);\n\n _createClass(AvlMap, [{\n key: \"testFunc\",\n value: function testFunc() {\n var _console;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n (_console = console).log.apply(_console, [\"TEST FUNCTION:\"].concat(_toConsumableArray([].concat(args).map(function (arg) {\n return arg.toString();\n }))));\n }\n }]);\n\n function AvlMap(props) {\n var _this;\n\n _classCallCheck(this, AvlMap);\n\n _this = _super.call(this, props);\n\n _defineProperty(_assertThisInitialized(_this), \"sta\", void 0);\n\n _this.state = {\n id: _this.props.id || getUniqueId('avl-map'),\n map: null,\n dynamicLayers: [],\n activeLayers: [],\n sources: {},\n popover: {\n pos: [0, 0],\n pinned: false,\n data: [],\n layer: null\n },\n dragging: null,\n dragover: null,\n width: 0,\n height: 0,\n messages: [],\n isOpen: true,\n transitioning: false,\n style: props.styles.reduce(function (a, c) {\n return c.name === props.styleName || c.name === props.style ? c : a;\n }, props.styles[0])\n };\n _this.MOUNTED = false;\n _mapboxGl[\"default\"].accessToken = props.MAPBOX_TOKEN;\n _this.container = /*#__PURE__*/_react[\"default\"].createRef();\n return _this;\n }\n\n _createClass(AvlMap, [{\n key: \"setState\",\n value: function setState() {\n var _get2;\n\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n this.MOUNTED && (_get2 = _get(_getPrototypeOf(AvlMap.prototype), \"setState\", this)).call.apply(_get2, [this].concat(args));\n }\n }, {\n key: \"forceUpdate\",\n value: function forceUpdate() {\n var _get3;\n\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n\n this.MOUNTED && (_get3 = _get(_getPrototypeOf(AvlMap.prototype), \"forceUpdate\", this)).call.apply(_get3, [this].concat(args));\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n\n this.MOUNTED = true;\n var _this$props = this.props,\n center = _this$props.center,\n minZoom = _this$props.minZoom,\n zoom = _this$props.zoom,\n mapControl = _this$props.mapControl,\n preserveDrawingBuffer = _this$props.preserveDrawingBuffer,\n style = _this$props.styles;\n var id = this.state.id;\n var regex = /^mapbox:\\/\\/styles\\//;\n var map = new _mapboxGl[\"default\"].Map({\n container: id,\n style: regex.test(style) ? style : this.state.style.style,\n center: center,\n minZoom: minZoom,\n zoom: zoom,\n attributionControl: false,\n preserveDrawingBuffer: preserveDrawingBuffer\n });\n\n if (mapControl) {\n map.addControl(new _mapboxGl[\"default\"].NavigationControl(), mapControl);\n }\n\n if (!this.props.boxZoom) {\n map.boxZoom.disable();\n }\n\n if (!this.props.scrollZoom) {\n map.scrollZoom.disable();\n }\n\n ;\n\n _toConsumableArray(document.getElementsByClassName(\"mapboxgl-ctrl-logo\")).forEach(function (logo) {\n logo.parentElement.style.margin = '0';\n logo.style.display = 'none';\n });\n\n this.props.layers.forEach(function (layer) {\n layer.version = layer.version || 1.0;\n layer.initComponent(_this2);\n });\n map.on('load', function () {\n var activeLayers = [];\n\n _this2.props.layers.forEach(function (layer) {\n layer.initMap(map);\n\n if (layer.active) {\n _this2._addLayer(map, layer, activeLayers);\n\n activeLayers.push(layer.name);\n\n layer._onAdd(map);\n\n ++layer.loading;\n var layerProps = (0, _lodash[\"default\"])(_this2.props.layerProps, layer.name, {});\n Promise.resolve(layer.onAdd(map, layerProps)).then(function () {\n return --layer.loading;\n }).then(function () {\n return layer.render(map);\n }).then(function () {\n return _this2.setState({\n activeLayers: activeLayers\n });\n });\n }\n });\n\n if (_this2.props.fitBounds) {\n map.fitBounds(_this2.props.fitBounds);\n }\n\n _this2.setState({\n map: map,\n activeLayers: []\n });\n\n AvlMap.addActiveMap(id, _this2, map);\n }); // map.on('sourcedata', () => this.foceUpdate());\n\n this.setContainerSize();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n // this.state.activeLayers.forEach(layer => this.removeLayer(layer));\n this.MOUNTED = false;\n AvlMap.removeActiveMap(this.state.id);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(oldProps, oldState) {\n var _this3 = this;\n\n this.setContainerSize();\n this.state.activeLayers.forEach(function (layerName) {\n var layer = _this3.getLayer(layerName);\n\n var layerProps = (0, _lodash[\"default\"])(_this3.props, [\"layerProps\", layerName], null);\n\n if (layerProps) {\n layer.receiveProps(oldProps.layerProps[layerName], layerProps);\n }\n\n if (!(0, _deepEqual[\"default\"])(oldProps.layerProps[layerName], layerProps)) {\n layer.onPropsChange(oldProps.layerProps[layerName], layerProps);\n }\n });\n }\n }, {\n key: \"addDynamicLayer\",\n value: function addDynamicLayer(layerName, layerFactory) {\n var _this4 = this;\n\n return new Promise(function (resolve, reject) {\n if (!_this4.state.map) return resolve();\n\n var layer = _this4.getLayer(layerName);\n\n if (!layer) return resolve();\n var newLayer = layerFactory.call(null, layer),\n newLayerName = newLayer.name,\n allLayers = [].concat(_toConsumableArray(_this4.props.layers), _toConsumableArray(_this4.state.dynamicLayers));\n newLayer._isDynamic = true;\n newLayer.initComponent(_this4);\n newLayer.initMap(_this4.state.map);\n var adjustName = allLayers.reduce(function (a, c) {\n return a || c.name === newLayerName;\n }, false);\n\n if (adjustName) {\n var regExpStr = newLayerName + \" \" + \"\\\\((\\\\d+)\\\\)\",\n regex = new RegExp(regExpStr),\n num = allLayers.reduce(function (a, c) {\n var match = regex.exec(c.name);\n\n if (match) {\n return Math.max(a, +match[1]);\n }\n\n return a;\n }, 1);\n newLayer.name = \"\".concat(newLayerName, \" (\").concat(num + 1, \")\");\n }\n\n if (newLayer.active) {\n _this4._addLayer(_this4.state.map, newLayer);\n\n ++newLayer.loading;\n\n newLayer._onAdd(_this4.state.map);\n\n var layerProps = (0, _lodash[\"default\"])(_this4.props.layerProps, newLayer.name, {});\n Promise.resolve(newLayer.onAdd(_this4.state.map, layerProps)).then(function () {\n return --newLayer.loading;\n }).then(function () {\n return newLayer.render(_this4.state.map);\n }).then(function () {\n return _this4.setState({\n activeLayers: [].concat(_toConsumableArray(_this4.state.activeLayers), [newLayer.name])\n });\n });\n }\n\n _this4.setState({\n dynamicLayers: [].concat(_toConsumableArray(_this4.state.dynamicLayers), [newLayer])\n });\n\n resolve(newLayer);\n });\n }\n }, {\n key: \"deleteDynamicLayer\",\n value: function deleteDynamicLayer(layerName) {\n var otherLayerName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n layerName = otherLayerName || layerName;\n var layer = this.getLayer(layerName);\n if (!layer) return;\n this.removeLayer(layerName);\n this.setState({\n dynamicLayers: this.state.dynamicLayers.filter(function (l) {\n return l.name !== layerName;\n })\n });\n }\n }, {\n key: \"sendMessage\",\n value: function sendMessage(layerName, data) {\n data = _objectSpread(_objectSpread({\n id: getUniqueId(),\n duration: data.onConfirm ? 0 : 6000\n }, data), {}, {\n Message: data.msg || data.message || data.Message,\n update: false,\n layer: this.getLayer(layerName)\n }); // console.log(\"<AvlMap.sendMessage>\", layerName, data, [...this.state.messages]);\n\n var update = this.state.messages.reduce(function (a, c) {\n return a || c.id === data.id;\n }, false);\n\n var messages = _toConsumableArray(this.state.messages);\n\n if (update) {\n messages = messages.map(function (_ref) {\n var id = _ref.id,\n Message = _ref.Message,\n rest = _objectWithoutProperties(_ref, [\"id\", \"Message\"]);\n\n return _objectSpread(_objectSpread({\n Message: id === data.id ? data.Message : Message,\n id: id\n }, rest), {}, {\n update: id === data.id ? Date.now() : false\n });\n });\n } else {\n messages = [].concat(_toConsumableArray(messages), [data]);\n }\n\n this.setState({\n messages: messages\n });\n }\n }, {\n key: \"dismissMessage\",\n value: function dismissMessage(id) {\n var messages = this.state.messages.filter(function (m) {\n return m.id !== id;\n }); // console.log(\"<AvlMap.dismissMessage>\", id, messages);\n\n this.setState({\n messages: messages\n });\n }\n }, {\n key: \"renderLayer\",\n value: function renderLayer(layerName) {\n var layer = this.getLayer(layerName);\n layer && layer.active && layer.render(this.state.map);\n }\n }, {\n key: \"setContainerSize\",\n value: function setContainerSize() {\n var div = this.container.current,\n width = div.scrollWidth,\n height = div.scrollHeight;\n\n if (width !== this.state.width || height !== this.state.height) {\n this.setState({\n width: width,\n height: height\n });\n }\n }\n }, {\n key: \"getLayer\",\n value: function getLayer(layerName) {\n return [].concat(_toConsumableArray(this.props.layers), _toConsumableArray(this.state.dynamicLayers)).reduce(function (a, c) {\n return c.name === layerName ? c : a;\n }, null);\n }\n }, {\n key: \"_addLayer\",\n value: function _addLayer(map, newLayer) {\n var _this5 = this;\n\n var activeLayers = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.state.activeLayers;\n\n var sources = _objectSpread({}, this.state.sources);\n\n var sourcesToAdd = new Set(newLayer.layers.map(function (l) {\n return l.source;\n }));\n newLayer.sources.forEach(function (source) {\n if (!sourcesToAdd.has(source.id)) return;\n\n if (!map.getSource(source.id)) {\n map.addSource(source.id, source.source);\n }\n\n if (!(source.id in sources)) {\n sources[source.id] = [];\n }\n });\n var activeMBLayers = activeLayers.reduce(function (a, ln) {\n var layer = _this5.props.layers.reduce(function (a, c) {\n return c.name === ln ? c : a;\n });\n\n return [].concat(_toConsumableArray(a), _toConsumableArray(layer.layers));\n }, []);\n var newMBLayers = newLayer.layers.slice();\n newMBLayers.sort(function (a, b) {\n var azi = a.zIndex || 0,\n bzi = b.zIndex || 0;\n return azi - bzi;\n }); //console.log('mbLayers', newMBLayers)\n\n newMBLayers.forEach(function (mbLayer) {\n var zIndex = mbLayer.zIndex || 0;\n var layerAdded = false;\n activeMBLayers.forEach(function (aMBL) {\n var aMBLzIndex = aMBL.zIndex || 0;\n\n if (aMBLzIndex > zIndex) {\n if (!map.getLayer(mbLayer.id)) {\n map.addLayer(mbLayer, aMBL.id);\n layerAdded = true;\n }\n }\n });\n\n if (!layerAdded) {\n if (Boolean(mbLayer.beneath) && Boolean(map.getLayer(mbLayer.beneath))) {\n map.addLayer(mbLayer, mbLayer.beneath);\n } else {\n map.addLayer(mbLayer);\n }\n }\n\n sources[mbLayer.source].push(mbLayer.id);\n });\n this.setState({\n sources: sources\n });\n }\n }, {\n key: \"addLayer\",\n value: function addLayer(layerName) {\n var _this6 = this;\n\n var otherLayerName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n layerName = otherLayerName || layerName;\n var layer = this.getLayer(layerName);\n\n if (this.state.map && layer && !layer.active) {\n layer.active = true;\n\n this._addLayer(this.state.map, layer);\n\n ++layer.loading;\n\n layer._onAdd(this.state.map);\n\n var layerProps = (0, _lodash[\"default\"])(this.props.layerProps, layerName, {});\n Promise.resolve(layer.onAdd(this.state.map, layerProps)).then(function () {\n return --layer.loading;\n }).then(function () {\n return layer.render(_this6.state.map);\n }).then(function () {\n return _this6.setState({\n activeLayers: [].concat(_toConsumableArray(_this6.state.activeLayers), [layerName])\n });\n });\n ;\n }\n }\n }, {\n key: \"removeLayer\",\n value: function removeLayer(layerName) {\n var _this7 = this;\n\n var otherLayerName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n layerName = otherLayerName || layerName;\n var layer = this.getLayer(layerName);\n\n if (this.state.map && layer && layer.active && !layer.loading) {\n layer.active = false;\n\n layer._onRemove(this.state.map);\n\n layer.onRemove(this.state.map);\n var sourcesToRemove = [];\n layer.layers.forEach(function (layer) {\n _this7.state.map.removeLayer(layer.id);\n\n sourcesToRemove.push([layer.source, layer.id]);\n });\n\n var sources = _objectSpread({}, this.state.sources);\n\n sourcesToRemove.forEach(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n sourceId = _ref3[0],\n layerId = _ref3[1];\n\n if (sourceId in sources) {\n sources[sourceId] = sources[sourceId].filter(function (lId) {\n return lId !== layerId;\n });\n }\n });\n layer.sources.forEach(function (source) {\n if ((0, _lodash[\"default\"])(sources, [source.id, \"length\"], \"not-added\") === 0) {\n _this7.state.map.removeSource(source.id);\n\n delete sources[source.id];\n }\n });\n this.setState({\n activeLayers: this.state.activeLayers.filter(function (ln) {\n return ln !== layerName;\n }),\n sources: sources\n });\n } else if (this.state.map && layer && layer.active && layer.loading) {\n this.sendMessage(null, {\n Message: \"Cannot remove a layer while it is loading.\"\n });\n }\n }\n }, {\n key: \"toggleLayerVisibility\",\n value: function toggleLayerVisibility(layerName) {\n var layer = this.getLayer(layerName);\n\n if (this.state.map && layer) {\n layer.toggleVisibility(this.state.map);\n this.forceUpdate();\n }\n }\n }, {\n key: \"updatePopover\",\n value: function updatePopover(layerName, update) {\n if (update.pinned === false && this.state.popover.pinned) {\n var func = this.state.popover.layer.popover.onUnPinned;\n typeof func === \"function\" && func.call(this.state.popover.layer);\n\n this.state.popover.layer._clearPinnedState();\n }\n\n this.setState({\n popover: _objectSpread(_objectSpread({}, this.state.popover), update)\n });\n }\n }, {\n key: \"toggleModal\",\n value: function toggleModal(layerName, modalName) {\n var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var layer = this.getLayer(layerName),\n modal = layer.modals[modalName],\n show = !modal.show;\n this.props.layers.forEach(function (layer) {\n if (layer.modals) {\n for (var _modal in layer.modals) {\n layer.modals[_modal].show = false;\n }\n }\n });\n modal.show = show;\n modal.props = modal.props ? _objectSpread(_objectSpread({}, modal.props), props) : props;\n\n if (!show && typeof modal.onClose === \"function\") {\n modal.onClose.call(layer);\n }\n\n this.forceUpdate();\n }\n }, {\n key: \"updateModal\",\n value: function updateModal(layerName, modalName) {\n var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var layer = this.getLayer(layerName),\n modal = layer.modals[modalName];\n modal.props = modal.props ? _objectSpread(_objectSpread({}, modal.props), props) : props;\n this.forceUpdate();\n }\n }, {\n key: \"onSelect\",\n value: function onSelect(layerName, selection) {\n var _this8 = this;\n\n if (!this.state.map) return;\n var layer = this.getLayer(layerName);\n layer.selection = selection;\n ++layer.loading;\n this.forceUpdate();\n layer.onSelect(selection) // .then(() => layer.fetchData())\n .then(function (data) {\n return layer.active && (layer.receiveDataOld(_this8.state.map, data), layer.render(_this8.state.map));\n }).then(function () {\n return --layer.loading;\n }).then(function () {\n return _this8.forceUpdate();\n });\n }\n }, {\n key: \"toggleInfoBox\",\n value: function toggleInfoBox(layerName, infoBoxName) {\n var layer = this.getLayer(layerName);\n\n if (layer.infoBoxes) {\n var infoBox = layer.infoBoxes[infoBoxName];\n\n if (infoBox) {\n infoBox.show = !infoBox.show;\n }\n }\n\n this.forceUpdate();\n }\n }, {\n key: \"updateFilter\",\n value: function updateFilter(layerName, filterName) {\n var _this9 = this;\n\n var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n if (!this.state.map) return;\n var layer = this.getLayer(layerName),\n filter = layer.filters[filterName],\n oldValue = filter.value,\n domain = filter.domain;\n value !== null && (filter.value = value);\n\n var onChange = function onChange() {};\n\n if (layer.filters[filterName].onChange) {\n if (layer.version >= 2) {\n onChange = function onChange() {\n return layer.filters[filterName].onChange.call(layer, oldValue, value, domain);\n };\n } else {\n onChange = function onChange() {\n return layer.filters[filterName].onChange(_this9.state.map, layer, value, oldValue);\n };\n }\n }\n\n ++layer.loading;\n this.forceUpdate(); // Promise.resolve(onChange())\n // \t.then(() => layer.onFilterFetch(filterName, oldValue, value))\n\n layer.onFilterFetch(filterName, oldValue, value).then(function (data) {\n if (layer.active) {\n onChange();\n layer.receiveDataOld(_this9.state.map, data);\n data !== false && layer.render(_this9.state.map);\n }\n }).then(function () {\n return --layer.loading;\n }).then(function () {\n if (filter.dispatchMessage) {\n var data = filter.dispatchFunc ? filter.dispatchFunc.call(layer) : null;\n (0, _LayerMessageSystem.dispatchMessage)(layerName, new _LayerMessageSystem.FilterMessage(layerName, filterName, oldValue, value, data));\n }\n }).then(function () {\n return _this9.forceUpdate();\n }); // if (layer.filters[filterName].refLayers) {\n // layer.filters[filterName].refLayers.forEach(refLayerName => {\n //\n // \tconst layer = this.getLayer(refLayerName),\n // filter = layer.filters[filterName],\n // \t\toldValue = filter.value,\n // domain = filter.domain;\n //\n // (value !== null) && (filter.value = value);\n //\n // if (layer.active) {\n //\n // if (layer.filters[filterName].onChange) {\n // if (layer.version >= 2) {\n // layer.filters[filterName].onChange.call(layer, oldValue, value, domain);\n // }\n // else {\n // layer.filters[filterName].onChange(this.state.map, layer, value, oldValue);\n // }\n // }\n //\n // ++layer.loading;\n // this.forceUpdate();\n //\n // layer.onFilterFetch(filterName, oldValue, value)\n // .then(data => layer.active && (layer.receiveDataOld(this.state.map, data), layer.render(this.state.map)))\n // .then(() => --layer.loading)\n // .then(() => this.forceUpdate());\n // }\n // })\n // }\n }\n }, {\n key: \"updateLegend\",\n value: function updateLegend(layerName, update) {\n var _this10 = this;\n\n if (!this.state.map) return;\n var layer = this.getLayer(layerName);\n layer.legend = _objectSpread(_objectSpread({}, layer.legend), update);\n ++layer.loading;\n this.forceUpdate();\n layer.onLegendChange().then(function (data) {\n return layer.active && (layer.receiveDataOld(_this10.state.map, data), layer.render(_this10.state.map));\n }).then(function () {\n return --layer.loading;\n }).then(function () {\n return _this10.forceUpdate();\n });\n }\n }, {\n key: \"fetchLayerData\",\n value: function fetchLayerData(layerName) {\n var _this11 = this;\n\n if (!this.state.map) return;\n var layer = this.getLayer(layerName);\n ++layer.loading;\n this.forceUpdate();\n layer.fetchData().then(function (data) {\n return layer.active && (layer.receiveDataOld(_this11.state.map, data), layer.render(_this11.state.map));\n }).then(function () {\n return --layer.loading;\n }).then(function () {\n return _this11.forceUpdate();\n });\n }\n }, {\n key: \"updateDrag\",\n value: function updateDrag(update) {\n this.setState(_objectSpread(_objectSpread({}, this.state), update));\n }\n }, {\n key: \"dropLayer\",\n value: function dropLayer() {\n var _this12 = this;\n\n var activeLayers = this.state.activeLayers.filter(function (l) {\n return l !== _this12.state.dragging;\n }),\n insertBefore = activeLayers[this.state.dragover];\n activeLayers.splice(this.state.dragover, 0, this.state.dragging);\n var draggingLayer = this.getLayer(this.state.dragging),\n beforeLayer = this.getLayer(insertBefore);\n var beforeLayerId = null;\n\n if (beforeLayer) {\n beforeLayerId = beforeLayer.layers[0].id;\n }\n\n draggingLayer.layers.forEach(function (_ref4) {\n var id = _ref4.id;\n\n _this12.state.map.moveLayer(id, beforeLayerId);\n });\n this.setState({\n activeLayers: activeLayers\n });\n var layersWithZIndex = activeLayers.reduce(function (a, c) {\n var layer = _this12.getLayer(c),\n mbLayers = layer.layers.reduce(function (a, c) {\n return c.zIndex ? [].concat(_toConsumableArray(a), [c]) : a;\n }, []);\n\n return [].concat(_toConsumableArray(a), _toConsumableArray(mbLayers));\n }, []);\n layersWithZIndex.sort(function (a, b) {\n return a.zIndex - b.zIndex;\n });\n layersWithZIndex.forEach(function (mbLayer) {\n _this12.state.map.moveLayer(mbLayer.id);\n });\n }\n }, {\n key: \"onTransitionStart\",\n value: function onTransitionStart() {\n this.setState({\n transitioning: true\n });\n }\n }, {\n key: \"onOpenOrClose\",\n value: function onOpenOrClose(isOpen) {\n this.setState({\n isOpen: isOpen,\n transitioning: false\n });\n }\n }, {\n key: \"setMapStyle\",\n value: function setMapStyle(style) {\n var _this13 = this;\n\n var map = this.state.map;\n\n if (Boolean(map) && style.style !== this.state.style.style) {\n map.once('style.load', function (e) {\n var activeLayers = [];\n\n _this13.state.activeLayers.forEach(function (layerName) {\n var layer = _this13.getLayer(layerName);\n\n _this13._addLayer(map, layer, activeLayers);\n\n activeLayers.push(layerName);\n layer.onStyleChange(map);\n });\n });\n this.state.activeLayers.forEach(function (layerName) {\n var layer = _this13.getLayer(layerName);\n\n layer._onRemove(map);\n });\n map.setStyle(style.style);\n }\n\n this.setState({\n style: style\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var actionMap = {\n toggleModal: this.toggleModal.bind(this),\n updateModal: this.updateModal.bind(this),\n toggleInfoBox: this.toggleInfoBox.bind(this)\n };\n var allLayers = [].concat(_toConsumableArray(this.props.layers), _toConsumableArray(this.state.dynamicLayers));\n var mapStyles = this.props.styles.map(function (s) {\n return _objectSpread(_objectSpread({}, s), {}, {\n url: getStaticImageUrl(s.style.slice(23))\n });\n });\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n id: this.state.id,\n style: {\n height: this.props.height\n },\n ref: this.container\n }, !this.props.sidebar ? null : /*#__PURE__*/_react[\"default\"].createElement(_sidebar[\"default\"], {\n isOpen: this.state.isOpen,\n transitioning: this.state.transitioning,\n onOpenOrClose: this.onOpenOrClose.bind(this),\n onTransitionStart: this.onTransitionStart.bind(this),\n layers: allLayers,\n activeLayers: this.state.activeLayers,\n addLayer: this.addLayer.bind(this),\n removeLayer: this.removeLayer.bind(this),\n deleteDynamicLayer: this.deleteDynamicLayer.bind(this),\n toggleLayerVisibility: this.toggleLayerVisibility.bind(this),\n actionMap: actionMap,\n header: this.props.header,\n toggleModal: this.toggleModal.bind(this),\n updateModal: this.updateModal.bind(this),\n updateFilter: this.updateFilter.bind(this),\n updateLegend: this.updateLegend.bind(this),\n fetchLayerData: this.fetchLayerData.bind(this),\n updateDrag: this.updateDrag.bind(this),\n dropLayer: this.dropLayer.bind(this),\n pages: this.props.sidebarPages,\n mapStyles: mapStyles,\n style: this.state.style,\n setMapStyle: this.setMapStyle.bind(this),\n map: this.state.map\n }), /*#__PURE__*/_react[\"default\"].createElement(_Infobox[\"default\"], {\n layers: allLayers,\n activeLayers: this.state.activeLayers\n }), /*#__PURE__*/_react[\"default\"].createElement(_MapPopover[\"default\"], _extends({}, this.state.popover, {\n updatePopover: this.updatePopover.bind(this),\n mapSize: {\n width: this.state.width,\n height: this.state.height\n }\n })), /*#__PURE__*/_react[\"default\"].createElement(_MapModal[\"default\"], {\n layers: allLayers,\n activeLayers: this.state.activeLayers,\n toggleModal: this.toggleModal.bind(this)\n }), !this.props.mapactions ? null : /*#__PURE__*/_react[\"default\"].createElement(_MapActions[\"default\"], {\n layers: allLayers,\n activeLayers: this.state.activeLayers,\n sidebar: this.props.sidebar,\n isOpen: this.state.isOpen && !this.state.transitioning || !this.state.isOpen && this.state.transitioning,\n actionMap: actionMap\n }),