@kepler.gl/components 3.3.0-alpha.5 → 3.3.0-alpha.7

package/dist/cjs/map-view-state-context.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapViewStateContextProvider = exports.MapViewStateContext = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _pick = _interopRequireDefault(require("lodash/pick"));
+var _reducers = require("@kepler.gl/reducers");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+var MapViewStateContext = exports.MapViewStateContext = /*#__PURE__*/(0, _react.createContext)({
+  getInternalViewState: function getInternalViewState() {
+    return {
+      latitude: 0,
+      longitude: 0,
+      zoom: 0
+    };
+  },
+  setInternalViewState: function setInternalViewState() {
+    return;
+  }
+});
+
+/**
+ * This context provider is used to localize the map view state so
+ * that changes to the map view state do not affect the rest of the app,
+ * mainly to prevent issues we experienced with basemap/deck viewport syncing.
+ */
+
+var MapViewStateContextProvider = exports.MapViewStateContextProvider = function MapViewStateContextProvider(_ref) {
+  var mapState = _ref.mapState,
+    children = _ref.children;
+  var _ref2 = mapState || {},
+    isSplit = _ref2.isSplit,
+    isViewportSynced = _ref2.isViewportSynced;
+
+  // Store locally map view states by mapIndex
+  var _useState = (0, _react.useState)([mapState]),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    viewStates = _useState2[0],
+    setViewStates = _useState2[1];
+
+  // Detect and apply outside viewport changes
+  // (e.g. from geocoder or when switching to 3d mode)
+  (0, _react.useEffect)(function () {
+    if (!mapState) return;
+    var primaryState = viewStates[0];
+    if (primaryState === mapState) return;
+    var props = Object.keys(primaryState).filter(function (key) {
+      return !key.startsWith('transition');
+    });
+    var hasChanged = function hasChanged(a, b) {
+      return !(0, _isEqual["default"])((0, _pick["default"])(a, props), (0, _pick["default"])(b, props));
+    };
+    if (isSplit && !isViewportSynced) {
+      var _mapState$splitMapVie;
+      if ((_mapState$splitMapVie = mapState.splitMapViewports) !== null && _mapState$splitMapVie !== void 0 && _mapState$splitMapVie.some(function (s, i) {
+        return hasChanged(s, viewStates[i]);
+      })) {
+        setViewStates(mapState.splitMapViewports);
+      }
+    } else if (hasChanged(primaryState, mapState)) {
+      setViewStates([(0, _reducers.pickViewportPropsFromMapState)(mapState)]);
+    }
+    // Only update internalViewState when viewState changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mapState]);
+  var value = {
+    getInternalViewState: function getInternalViewState() {
+      var _viewStates$index;
+      var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      return (_viewStates$index = viewStates[index]) !== null && _viewStates$index !== void 0 ? _viewStates$index : viewStates[0];
+    },
+    setInternalViewState: function setInternalViewState(newViewState) {
+      var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      setViewStates(function (prevViewStates) {
+        if (isSplit && !isViewportSynced) {
+          var nextViewStates = (0, _toConsumableArray2["default"])(prevViewStates);
+          nextViewStates[index] = newViewState;
+          return nextViewStates;
+        }
+        return [newViewState];
+      });
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(MapViewStateContext.Provider, {
+    value: value
+  }, children);
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfaXNFcXVhbCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcGljayIsIl9yZWR1Y2VycyIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJzZXQiLCJfdCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiTWFwVmlld1N0YXRlQ29udGV4dCIsImV4cG9ydHMiLCJjcmVhdGVDb250ZXh0IiwiZ2V0SW50ZXJuYWxWaWV3U3RhdGUiLCJsYXRpdHVkZSIsImxvbmdpdHVkZSIsInpvb20iLCJzZXRJbnRlcm5hbFZpZXdTdGF0ZSIsIk1hcFZpZXdTdGF0ZUNvbnRleHRQcm92aWRlciIsIl9yZWYiLCJtYXBTdGF0ZSIsImNoaWxkcmVuIiwiX3JlZjIiLCJpc1NwbGl0IiwiaXNWaWV3cG9ydFN5bmNlZCIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInZpZXdTdGF0ZXMiLCJzZXRWaWV3U3RhdGVzIiwidXNlRWZmZWN0IiwicHJpbWFyeVN0YXRlIiwicHJvcHMiLCJrZXlzIiwiZmlsdGVyIiwia2V5Iiwic3RhcnRzV2l0aCIsImhhc0NoYW5nZWQiLCJhIiwiYiIsImlzRXF1YWwiLCJwaWNrIiwiX21hcFN0YXRlJHNwbGl0TWFwVmllIiwic3BsaXRNYXBWaWV3cG9ydHMiLCJzb21lIiwicyIsInBpY2tWaWV3cG9ydFByb3BzRnJvbU1hcFN0YXRlIiwidmFsdWUiLCJfdmlld1N0YXRlcyRpbmRleCIsImluZGV4IiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwibmV3Vmlld1N0YXRlIiwicHJldlZpZXdTdGF0ZXMiLCJuZXh0Vmlld1N0YXRlcyIsIl90b0NvbnN1bWFibGVBcnJheTIiLCJjcmVhdGVFbGVtZW50IiwiUHJvdmlkZXIiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbWFwLXZpZXctc3RhdGUtY29udGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlU3RhdGUsIHVzZUVmZmVjdCwgY3JlYXRlQ29udGV4dH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGlzRXF1YWwgZnJvbSAnbG9kYXNoL2lzRXF1YWwnO1xuaW1wb3J0IHBpY2sgZnJvbSAnbG9kYXNoL3BpY2snO1xudHlwZSBNYXBWaWV3U3RhdGUgPSB7XG4gIGxhdGl0dWRlOiBudW1iZXI7XG4gIGxvbmdpdHVkZTogbnVtYmVyO1xuICB6b29tOiBudW1iZXI7XG4gIGJlYXJpbmc/OiBudW1iZXI7XG4gIHBpdGNoPzogbnVtYmVyO1xuICBtYXhQaXRjaD86IG51bWJlcjtcbiAgbWluWm9vbT86IG51bWJlcjtcbiAgbWF4Wm9vbT86IG51bWJlcjtcbn07XG5pbXBvcnQge3BpY2tWaWV3cG9ydFByb3BzRnJvbU1hcFN0YXRlfSBmcm9tICdAa2VwbGVyLmdsL3JlZHVjZXJzJztcblxuaW1wb3J0IHtNYXBTdGF0ZX0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIE1hcFZpZXdTdGF0ZUNvbnRleHRUeXBlID0ge1xuICBnZXRJbnRlcm5hbFZpZXdTdGF0ZTogKGluZGV4PzogbnVtYmVyKSA9PiBNYXBWaWV3U3RhdGU7XG4gIHNldEludGVybmFsVmlld1N0YXRlOiAodmlld1N0YXRlPzogTWFwVmlld1N0YXRlLCBpbmRleD86IG51bWJlcikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBNYXBWaWV3U3RhdGVDb250ZXh0OiBSZWFjdC5Db250ZXh0PE1hcFZpZXdTdGF0ZUNvbnRleHRUeXBlPiA9IGNyZWF0ZUNvbnRleHQoe1xuICBnZXRJbnRlcm5hbFZpZXdTdGF0ZTogKCkgPT4gKHtsYXRpdHVkZTogMCwgbG9uZ2l0dWRlOiAwLCB6b29tOiAwfSksXG4gIHNldEludGVybmFsVmlld1N0YXRlOiAoKSA9PiB7XG4gICAgcmV0dXJuO1xuICB9XG59KTtcblxuLyoqXG4gKiBUaGlzIGNvbnRleHQgcHJvdmlkZXIgaXMgdXNlZCB0byBsb2NhbGl6ZSB0aGUgbWFwIHZpZXcgc3RhdGUgc29cbiAqIHRoYXQgY2hhbmdlcyB0byB0aGUgbWFwIHZpZXcgc3RhdGUgZG8gbm90IGFmZmVjdCB0aGUgcmVzdCBvZiB0aGUgYXBwLFxuICogbWFpbmx5IHRvIHByZXZlbnQgaXNzdWVzIHdlIGV4cGVyaWVuY2VkIHdpdGggYmFzZW1hcC9kZWNrIHZpZXdwb3J0IHN5bmNpbmcuXG4gKi9cblxuZXhwb3J0IGNvbnN0IE1hcFZpZXdTdGF0ZUNvbnRleHRQcm92aWRlciA9ICh7XG4gIG1hcFN0YXRlLFxuICBjaGlsZHJlblxufToge1xuICBtYXBTdGF0ZTogTWFwU3RhdGU7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHtpc1NwbGl0LCBpc1ZpZXdwb3J0U3luY2VkfSA9IG1hcFN0YXRlIHx8IHt9O1xuXG4gIC8vIFN0b3JlIGxvY2FsbHkgbWFwIHZpZXcgc3RhdGVzIGJ5IG1hcEluZGV4XG4gIGNvbnN0IFt2aWV3U3RhdGVzLCBzZXRWaWV3U3RhdGVzXSA9IHVzZVN0YXRlKFttYXBTdGF0ZV0pO1xuXG4gIC8vIERldGVjdCBhbmQgYXBwbHkgb3V0c2lkZSB2aWV3cG9ydCBjaGFuZ2VzXG4gIC8vIChlLmcuIGZyb20gZ2VvY29kZXIgb3Igd2hlbiBzd2l0Y2hpbmcgdG8gM2QgbW9kZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIW1hcFN0YXRlKSByZXR1cm47XG4gICAgY29uc3QgcHJpbWFyeVN0YXRlID0gdmlld1N0YXRlc1swXTtcbiAgICBpZiAocHJpbWFyeVN0YXRlID09PSBtYXBTdGF0ZSkgcmV0dXJuO1xuICAgIGNvbnN0IHByb3BzID0gT2JqZWN0LmtleXMocHJpbWFyeVN0YXRlKS5maWx0ZXIoa2V5ID0+ICFrZXkuc3RhcnRzV2l0aCgndHJhbnNpdGlvbicpKTtcbiAgICBjb25zdCBoYXNDaGFuZ2VkID0gKGEsIGIpID0+ICFpc0VxdWFsKHBpY2soYSwgcHJvcHMpLCBwaWNrKGIsIHByb3BzKSk7XG4gICAgaWYgKGlzU3BsaXQgJiYgIWlzVmlld3BvcnRTeW5jZWQpIHtcbiAgICAgIGlmIChtYXBTdGF0ZS5zcGxpdE1hcFZpZXdwb3J0cz8uc29tZSgocywgaSkgPT4gaGFzQ2hhbmdlZChzLCB2aWV3U3RhdGVzW2ldKSkpIHtcbiAgICAgICAgc2V0Vmlld1N0YXRlcyhtYXBTdGF0ZS5zcGxpdE1hcFZpZXdwb3J0cyBhcyBNYXBTdGF0ZVtdKTtcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGhhc0NoYW5nZWQocHJpbWFyeVN0YXRlLCBtYXBTdGF0ZSkpIHtcbiAgICAgIHNldFZpZXdTdGF0ZXMoW3BpY2tWaWV3cG9ydFByb3BzRnJvbU1hcFN0YXRlKG1hcFN0YXRlKV0gYXMgTWFwU3RhdGVbXSk7XG4gICAgfVxuICAgIC8vIE9ubHkgdXBkYXRlIGludGVybmFsVmlld1N0YXRlIHdoZW4gdmlld1N0YXRlIGNoYW5nZXNcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFttYXBTdGF0ZV0pO1xuXG4gIGNvbnN0IHZhbHVlID0ge1xuICAgIGdldEludGVybmFsVmlld1N0YXRlOiAoaW5kZXggPSAwKSA9PiB2aWV3U3RhdGVzW2luZGV4XSA/PyB2aWV3U3RhdGVzWzBdLFxuICAgIHNldEludGVybmFsVmlld1N0YXRlOiAobmV3Vmlld1N0YXRlLCBpbmRleCA9IDApID0+IHtcbiAgICAgIHNldFZpZXdTdGF0ZXMocHJldlZpZXdTdGF0ZXMgPT4ge1xuICAgICAgICBpZiAoaXNTcGxpdCAmJiAhaXNWaWV3cG9ydFN5bmNlZCkge1xuICAgICAgICAgIGNvbnN0IG5leHRWaWV3U3RhdGVzID0gWy4uLnByZXZWaWV3U3RhdGVzXTtcbiAgICAgICAgICBuZXh0Vmlld1N0YXRlc1tpbmRleF0gPSBuZXdWaWV3U3RhdGUgYXMgTWFwU3RhdGU7XG4gICAgICAgICAgcmV0dXJuIG5leHRWaWV3U3RhdGVzO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbbmV3Vmlld1N0YXRlXSBhcyBNYXBTdGF0ZVtdO1xuICAgICAgfSk7XG4gICAgfVxuICB9IGFzIE1hcFZpZXdTdGF0ZUNvbnRleHRUeXBlO1xuICByZXR1cm4gPE1hcFZpZXdTdGF0ZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT57Y2hpbGRyZW59PC9NYXBWaWV3U3RhdGVDb250ZXh0LlByb3ZpZGVyPjtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxRQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxLQUFBLEdBQUFELHNCQUFBLENBQUFGLE9BQUE7QUFXQSxJQUFBSSxTQUFBLEdBQUFKLE9BQUE7QUFBa0UsU0FBQUQsd0JBQUFNLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFSLHVCQUFBLFlBQUFBLHdCQUFBTSxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEsaUJBQUFBLENBQUEsZ0JBQUFVLE9BQUEsQ0FBQVYsQ0FBQSwwQkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxHQUFBRyxD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QUFBLE9BQUt5QyxVQUFVLENBQUNRLENBQUMsRUFBRWpCLFVBQVUsQ0FBQ2hDLENBQUMsQ0FBQyxDQUFDO01BQUEsRUFBQyxFQUFFO1FBQzVFaUMsYUFBYSxDQUFDVixRQUFRLENBQUN3QixpQkFBK0IsQ0FBQztNQUN6RDtJQUNGLENBQUMsTUFBTSxJQUFJTixVQUFVLENBQUNOLFlBQVksRUFBRVosUUFBUSxDQUFDLEVBQUU7TUFDN0NVLGFBQWEsQ0FBQyxDQUFDLElBQUFpQix1Q0FBNkIsRUFBQzNCLFFBQVEsQ0FBQyxDQUFlLENBQUM7SUFDeEU7SUFDQTtJQUNBO0VBQ0YsQ0FBQyxFQUFFLENBQUNBLFFBQVEsQ0FBQyxDQUFDO0VBRWQsSUFBTTRCLEtBQUssR0FBRztJQUNabkMsb0JBQW9CLEVBQUUsU0FBdEJBLG9CQUFvQkEsQ0FBQTtNQUFBLElBQUFvQyxpQkFBQTtNQUFBLElBQUdDLEtBQUssR0FBQUMsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQUcsQ0FBQztNQUFBLFFBQUFGLGlCQUFBLEdBQUtwQixVQUFVLENBQUNxQixLQUFLLENBQUMsY0FBQUQsaUJBQUEsY0FBQUEsaUJBQUEsR0FBSXBCLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFBQTtJQUN2RVosb0JBQW9CLEVBQUUsU0FBdEJBLG9CQUFvQkEsQ0FBR3FDLFlBQVksRUFBZ0I7TUFBQSxJQUFkSixLQUFLLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLENBQUM7TUFDNUNyQixhQUFhLENBQUMsVUFBQXlCLGNBQWMsRUFBSTtRQUM5QixJQUFJaEMsT0FBTyxJQUFJLENBQUNDLGdCQUFnQixFQUFFO1VBQ2hDLElBQU1nQyxjQUFjLE9BQUFDLG1CQUFBLGFBQU9GLGNBQWMsQ0FBQztVQUMxQ0MsY0FBYyxDQUFDTixLQUFLLENBQUMsR0FBR0ksWUFBd0I7VUFDaEQsT0FBT0UsY0FBYztRQUN2QjtRQUNBLE9BQU8sQ0FBQ0YsWUFBWSxDQUFDO01BQ3ZCLENBQUMsQ0FBQztJQUNKO0VBQ0YsQ0FBNEI7RUFDNUIsb0JBQU92RSxNQUFBLFlBQUEyRSxhQUFBLENBQUNoRCxtQkFBbUIsQ0FBQ2lELFFBQVE7SUFBQ1gsS0FBSyxFQUFFQTtFQUFNLEdBQUUzQixRQUF1QyxDQUFDO0FBQzlGLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/cjs/maps-layout.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = MapsLayoutFactory;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("@kepler.gl/constants");
+var _mapViewStateContext = require("./map-view-state-context");
+var _layoutSplitter = _interopRequireWildcard(require("./common/layout-splitter"));
+var _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var Outer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 100%;\n"])));
+var MapWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  position: ", ";\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n"])), function (props) {
+  return props.$relative ? 'relative' : 'absolute';
+});
+var SwipeInputBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  z-index: 2;\n"])));
+MapsLayoutFactory.deps = [];
+function MapsLayoutFactory() {
+  var MapsLayout = function MapsLayout(_ref) {
+    var _mapState$swipeCompar;
+    var mapState = _ref.mapState,
+      className = _ref.className,
+      children = _ref.children,
+      onSetSwipeComparePercentage = _ref.onSetSwipeComparePercentage;
+    var containerElementRef = (0, _react.useRef)(null);
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      containerMounted = _useState2[0],
+      setContainerMounted = _useState2[1];
+    var childrenArray = _react["default"].Children.toArray(children);
+    var isSwipe = childrenArray.length > 1 && mapState.mapSplitMode === _constants.MapSplitMode.SWIPE_COMPARE;
+    var percentage = (_mapState$swipeCompar = mapState.swipeComparePercentage) !== null && _mapState$swipeCompar !== void 0 ? _mapState$swipeCompar : 50;
+    var _useState3 = (0, _react.useState)(percentage),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      internalPercentage = _useState4[0],
+      setInternalPercentage = _useState4[1];
+    var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      isSwiping = _useState6[0],
+      setSwiping = _useState6[1];
+    var lastReleasedValue = (0, _react.useRef)(null);
+    (0, _react.useEffect)(function () {
+      if (containerElementRef.current) {
+        setContainerMounted(true);
+      }
+    }, []);
+    (0, _react.useEffect)(function () {
+      if (!isSwiping) {
+        // Only sync from props if the store has caught up with our last released value,
+        // or if we never released (external prop change).
+        if (lastReleasedValue.current === null || percentage === lastReleasedValue.current) {
+          setInternalPercentage(percentage);
+          lastReleasedValue.current = null;
+        }
+      }
+    }, [percentage, isSwiping]);
+    var handleMove = (0, _react.useCallback)(function (v) {
+      setSwiping(true);
+      setInternalPercentage(v);
+    }, []);
+    var handleRelease = (0, _react.useCallback)(function (v) {
+      lastReleasedValue.current = v;
+      setInternalPercentage(v);
+      setSwiping(false);
+      if (v !== percentage && onSetSwipeComparePercentage) {
+        onSetSwipeComparePercentage({
+          percentage: v
+        });
+      }
+    }, [percentage, onSetSwipeComparePercentage]);
+    var splitMapStyle = {
+      clipPath: "polygon(0 0, 0 100%, ".concat(internalPercentage, "% 100%, ").concat(internalPercentage, "% 0)"),
+      overflow: 'hidden'
+    };
+    return /*#__PURE__*/_react["default"].createElement(Outer, {
+      className: className,
+      ref: containerElementRef
+    }, /*#__PURE__*/_react["default"].createElement(_mapViewStateContext.MapViewStateContextProvider, {
+      mapState: mapState
+    }, isSwipe ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(MapWrapper, {
+      key: 1
+    }, childrenArray[1]), /*#__PURE__*/_react["default"].createElement(MapWrapper, {
+      key: 0,
+      style: splitMapStyle
+    }, childrenArray[0]), containerMounted && containerElementRef.current && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isSwiping && /*#__PURE__*/_react["default"].createElement(SwipeInputBlock, null), /*#__PURE__*/_react["default"].createElement(_layoutSplitter["default"], {
+      mode: _layoutSplitter.LayoutSplitterMode.VERTICAL,
+      referenceElement: containerElementRef.current,
+      percentageSplit: internalPercentage,
+      onMove: handleMove,
+      onRelease: handleRelease
+    }))) : childrenArray));
+  };
+  return MapsLayout;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfY29uc3RhbnRzIiwiX21hcFZpZXdTdGF0ZUNvbnRleHQiLCJfbGF5b3V0U3BsaXR0ZXIiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJzZXQiLCJfdCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiT3V0ZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIk1hcFdyYXBwZXIiLCJwcm9wcyIsIiRyZWxhdGl2ZSIsIlN3aXBlSW5wdXRCbG9jayIsIk1hcHNMYXlvdXRGYWN0b3J5IiwiZGVwcyIsIk1hcHNMYXlvdXQiLCJfcmVmIiwiX21hcFN0YXRlJHN3aXBlQ29tcGFyIiwibWFwU3RhdGUiLCJjbGFzc05hbWUiLCJjaGlsZHJlbiIsIm9uU2V0U3dpcGVDb21wYXJlUGVyY2VudGFnZSIsImNvbnRhaW5lckVsZW1lbnRSZWYiLCJ1c2VSZWYiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJjb250YWluZXJNb3VudGVkIiwic2V0Q29udGFpbmVyTW91bnRlZCIsImNoaWxkcmVuQXJyYXkiLCJSZWFjdCIsIkNoaWxkcmVuIiwidG9BcnJheSIsImlzU3dpcGUiLCJsZW5ndGgiLCJtYXBTcGxpdE1vZGUiLCJNYXBTcGxpdE1vZGUiLCJTV0lQRV9DT01QQVJFIiwicGVyY2VudGFnZSIsInN3aXBlQ29tcGFyZVBlcmNlbnRhZ2UiLCJfdXNlU3RhdGUzIiwiX3VzZVN0YXRlNCIsImludGVybmFsUGVyY2VudGFnZSIsInNldEludGVybmFsUGVyY2VudGFnZSIsIl91c2VTdGF0ZTUiLCJfdXNlU3RhdGU2IiwiaXNTd2lwaW5nIiwic2V0U3dpcGluZyIsImxhc3RSZWxlYXNlZFZhbHVlIiwidXNlRWZmZWN0IiwiY3VycmVudCIsImhhbmRsZU1vdmUiLCJ1c2VDYWxsYmFjayIsInYiLCJoYW5kbGVSZWxlYXNlIiwic3BsaXRNYXBTdHlsZSIsImNsaXBQYXRoIiwiY29uY2F0Iiwib3ZlcmZsb3ciLCJjcmVhdGVFbGVtZW50IiwicmVmIiwiTWFwVmlld1N0YXRlQ29udGV4dFByb3ZpZGVyIiwiRnJhZ21lbnQiLCJrZXkiLCJzdHlsZSIsIm1vZGUiLCJMYXlvdXRTcGxpdHRlck1vZGUiLCJWRVJUSUNBTCIsInJlZmVyZW5jZUVsZW1lbnQiLCJwZXJjZW50YWdlU3BsaXQiLCJvbk1vdmUiLCJvblJlbGVhc2UiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbWFwcy1sYXlvdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7dXNlUmVmLCB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge01hcFN0YXRlfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7TWFwU3BsaXRNb2RlfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7TWFwVmlld1N0YXRlQ29udGV4dFByb3ZpZGVyfSBmcm9tICcuL21hcC12aWV3LXN0YXRlLWNvbnRleHQnO1xuaW1wb3J0IExheW91dFNwbGl0dGVyLCB7TGF5b3V0U3BsaXR0ZXJNb2RlfSBmcm9tICcuL2NvbW1vbi9sYXlvdXQtc3BsaXR0ZXInO1xuXG5jb25zdCBPdXRlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbmA7XG5cbnR5cGUgTWFwV3JhcHBlclByb3BzID0ge1xuICAkcmVsYXRpdmU/OiBib29sZWFuO1xufTtcblxuY29uc3QgTWFwV3JhcHBlciA9IHN0eWxlZC5kaXY8TWFwV3JhcHBlclByb3BzPmBcbiAgcG9zaXRpb246ICR7cHJvcHMgPT4gKHByb3BzLiRyZWxhdGl2ZSA/ICdyZWxhdGl2ZScgOiAnYWJzb2x1dGUnKX07XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgei1pbmRleDogMDtcbmA7XG5cbmNvbnN0IFN3aXBlSW5wdXRCbG9jayA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMjtcbmA7XG5cbk1hcHNMYXlvdXRGYWN0b3J5LmRlcHMgPSBbXTtcblxuaW50ZXJmYWNlIE1hcHNMYXlvdXRQcm9wcyB7XG4gIG1hcFN0YXRlOiBNYXBTdGF0ZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlPzogKHBheWxvYWQ6IHtwZXJjZW50YWdlOiBudW1iZXJ9KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBNYXBzTGF5b3V0RmFjdG9yeSgpOiBSZWFjdC5Db21wb25lbnRUeXBlPE1hcHNMYXlvdXRQcm9wcz4ge1xuICBjb25zdCBNYXBzTGF5b3V0OiBSZWFjdC5GQzxNYXBzTGF5b3V0UHJvcHM+ID0gKHtcbiAgICBtYXBTdGF0ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgY2hpbGRyZW4sXG4gICAgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlXG4gIH0pID0+IHtcbiAgICBjb25zdCBjb250YWluZXJFbGVtZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBbY29udGFpbmVyTW91bnRlZCwgc2V0Q29udGFpbmVyTW91bnRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IFJlYWN0LkNoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pO1xuICAgIGNvbnN0IGlzU3dpcGUgPVxuICAgICAgY2hpbGRyZW5BcnJheS5sZW5ndGggPiAxICYmIG1hcFN0YXRlLm1hcFNwbGl0TW9kZSA9PT0gTWFwU3BsaXRNb2RlLlNXSVBFX0NPTVBBUkU7XG5cbiAgICBjb25zdCBwZXJjZW50YWdlID0gbWFwU3RhdGUuc3dpcGVDb21wYXJlUGVyY2VudGFnZSA/PyA1MDtcbiAgICBjb25zdCBbaW50ZXJuYWxQZXJjZW50YWdlLCBzZXRJbnRlcm5hbFBlcmNlbnRhZ2VdID0gdXNlU3RhdGUocGVyY2VudGFnZSk7XG4gICAgY29uc3QgW2lzU3dpcGluZywgc2V0U3dpcGluZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgbGFzdFJlbGVhc2VkVmFsdWUgPSB1c2VSZWY8bnVtYmVyIHwgbnVsbD4obnVsbCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKGNvbnRhaW5lckVsZW1lbnRSZWYuY3VycmVudCkge1xuICAgICAgICBzZXRDb250YWluZXJNb3VudGVkKHRydWUpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoIWlzU3dpcGluZykge1xuICAgICAgICAvLyBPbmx5IHN5bmMgZnJvbSBwcm9wcyBpZiB0aGUgc3RvcmUgaGFzIGNhdWdodCB1cCB3aXRoIG91ciBsYXN0IHJlbGVhc2VkIHZhbHVlLFxuICAgICAgICAvLyBvciBpZiB3ZSBuZXZlciByZWxlYXNlZCAoZXh0ZXJuYWwgcHJvcCBjaGFuZ2UpLlxuICAgICAgICBpZiAobGFzdFJlbGVhc2VkVmFsdWUuY3VycmVudCA9PT0gbnVsbCB8fCBwZXJjZW50YWdlID09PSBsYXN0UmVsZWFzZWRWYWx1ZS5jdXJyZW50KSB7XG4gICAgICAgICAgc2V0SW50ZXJuYWxQZXJjZW50YWdlKHBlcmNlbnRhZ2UpO1xuICAgICAgICAgIGxhc3RSZWxlYXNlZFZhbHVlLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSwgW3BlcmNlbnRhZ2UsIGlzU3dpcGluZ10pO1xuXG4gICAgY29uc3QgaGFuZGxlTW92ZSA9IHVzZUNhbGxiYWNrKCh2OiBudW1iZXIpID0+IHtcbiAgICAgIHNldFN3aXBpbmcodHJ1ZSk7XG4gICAgICBzZXRJbnRlcm5hbFBlcmNlbnRhZ2Uodik7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3QgaGFuZGxlUmVsZWFzZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgKHY6IG51bWJlcikgPT4ge1xuICAgICAgICBsYXN0UmVsZWFzZWRWYWx1ZS5jdXJyZW50ID0gdjtcbiAgICAgICAgc2V0SW50ZXJuYWxQZXJjZW50YWdlKHYpO1xuICAgICAgICBzZXRTd2lwaW5nKGZhbHNlKTtcbiAgICAgICAgaWYgKHYgIT09IHBlcmNlbnRhZ2UgJiYgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlKSB7XG4gICAgICAgICAgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlKHtwZXJjZW50YWdlOiB2fSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbcGVyY2VudGFnZSwgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlXVxuICAgICk7XG5cbiAgICBjb25zdCBzcGxpdE1hcFN0eWxlID0ge1xuICAgICAgY2xpcFBhdGg6IGBwb2x5Z29uKDAgMCwgMCAxMDAlLCAke2ludGVybmFsUGVyY2VudGFnZX0lIDEwMCUsICR7aW50ZXJuYWxQZXJjZW50YWdlfSUgMClgLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nIGFzIGNvbnN0XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8T3V0ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHJlZj17Y29udGFpbmVyRWxlbWVudFJlZn0+XG4gICAgICAgIDxNYXBWaWV3U3RhdGVDb250ZXh0UHJvdmlkZXIgbWFwU3RhdGU9e21hcFN0YXRlfT5cbiAgICAgICAgICB7aXNTd2lwZSA/IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxNYXBXcmFwcGVyIGtleT17MX0+e2NoaWxkcmVuQXJyYXlbMV19PC9NYXBXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWFwV3JhcHBlciBrZXk9ezB9IHN0eWxlPXtzcGxpdE1hcFN0eWxlfT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW5BcnJheVswXX1cbiAgICAgICAgICAgICAgPC9NYXBXcmFwcGVyPlxuICAgICAgICAgICAgICB7Y29udGFpbmVyTW91bnRlZCAmJiBjb250YWluZXJFbGVtZW50UmVmLmN1cnJlbnQgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICB7aXNTd2lwaW5nICYmIDxTd2lwZUlucHV0QmxvY2sgLz59XG4gICAgICAgICAgICAgICAgICA8TGF5b3V0U3BsaXR0ZXJcbiAgICAgICAgICAgICAgICAgICAgbW9kZT17TGF5b3V0U3BsaXR0ZXJNb2RlLlZFUlRJQ0FMfVxuICAgICAgICAgICAgICAgICAgICByZWZlcmVuY2VFbGVtZW50PXtjb250YWluZXJFbGVtZW50UmVmLmN1cnJlbnR9XG4gICAgICAgICAgICAgICAgICAgIHBlcmNlbnRhZ2VTcGxpdD17aW50ZXJuYWxQZXJjZW50YWdlfVxuICAgICAgICAgICAgICAgICAgICBvbk1vdmU9e2hhbmRsZU1vdmV9XG4gICAgICAgICAgICAgICAgICAgIG9uUmVsZWFzZT17aGFuZGxlUmVsZWFzZX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgY2hpbGRyZW5BcnJheVxuICAgICAgICAgICl9XG4gICAgICAgIDwvTWFwVmlld1N0YXRlQ29udGV4dFByb3ZpZGVyPlxuICAgICAgPC9PdXRlcj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBNYXBzTGF5b3V0O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEsaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUYsT0FBQTtBQUdBLElBQUFHLFVBQUEsR0FBQUgsT0FBQTtBQUVBLElBQUFJLG9CQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxlQUFBLEdBQUFILHVCQUFBLENBQUFGLE9BQUE7QUFBNEUsSUFBQU0sZUFBQSxFQUFBQyxnQkFBQSxFQUFBQyxnQkFBQSxFQVY1RTtBQUNBO0FBQUEsU0FBQU4sd0JBQUFPLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFULHVCQUFBLFlBQUFBLHdCQUFBTyxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEsaUJBQUFBLENBQUEsZ0JBQUFVLE9BQUEsQ0FBQVYsQ0FBQSwwQkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsUUFBQUcsQ0FBQSxDQUFBSyxHQUFBLENBQUFYLENBQUEsVUFBQU0sQ0FBQSxDQUFBTSxH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