@kepler.gl/components 3.0.0-alpha.0

package/dist/map/map-draw-panel.js

@@ -0,0 +1,137 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@kepler.gl/constants");
+
+var _icons = require("../common/icons");
+
+var _styledComponents = require("../common/styled-components");
+
+var _toolbarItem = _interopRequireDefault(require("../common/toolbar-item"));
+
+var _mapControlTooltip = _interopRequireDefault(require("./map-control-tooltip"));
+
+var _mapControlToolbar = _interopRequireDefault(require("./map-control-toolbar"));MapDrawPanelFactory.deps = [_mapControlTooltip["default"], _mapControlToolbar["default"]];
+
+function MapDrawPanelFactory(MapControlTooltip, MapControlToolbar) {
+  var defaultActionIcons = {
+    visible: _icons.EyeSeen,
+    hidden: _icons.EyeUnseen,
+    polygon: _icons.DrawPolygon,
+    cursor: _icons.CursorClick,
+    innerPolygon: _icons.Polygon,
+    rectangle: _icons.Rectangle
+  };
+  /** @type {import('./map-draw-panel').MapDrawPanelComponent} */
+
+  var MapDrawPanel = /*#__PURE__*/_react["default"].memo(function (_ref) {
+    var _mapControls$mapDraw, _mapControls$mapDraw2;
+
+    var editor = _ref.editor,
+        mapControls = _ref.mapControls,
+        onToggleMapControl = _ref.onToggleMapControl,
+        onSetEditorMode = _ref.onSetEditorMode,
+        onToggleEditorVisibility = _ref.onToggleEditorVisibility,
+        _ref$actionIcons = _ref.actionIcons,
+        actionIcons = _ref$actionIcons === void 0 ? defaultActionIcons : _ref$actionIcons;
+    var isActive = mapControls === null || mapControls === void 0 ? void 0 : (_mapControls$mapDraw = mapControls.mapDraw) === null || _mapControls$mapDraw === void 0 ? void 0 : _mapControls$mapDraw.active;
+    var onToggleMenuPanel = (0, _react.useCallback)(function () {
+      return onToggleMapControl('mapDraw');
+    }, [onToggleMapControl]);
+
+    if (!(mapControls !== null && mapControls !== void 0 && (_mapControls$mapDraw2 = mapControls.mapDraw) !== null && _mapControls$mapDraw2 !== void 0 && _mapControls$mapDraw2.show)) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "map-draw-controls",
+      style: {
+        position: 'relative'
+      }
+    }, isActive ? /*#__PURE__*/_react["default"].createElement(MapControlToolbar, {
+      show: isActive
+    }, /*#__PURE__*/_react["default"].createElement(_toolbarItem["default"], {
+      className: "edit-feature",
+      onClick: function onClick() {
+        return onSetEditorMode(_constants.EDITOR_MODES.EDIT);
+      },
+      label: "toolbar.select",
+      icon: actionIcons.cursor,
+      active: editor.mode === _constants.EDITOR_MODES.EDIT
+    }), /*#__PURE__*/_react["default"].createElement(_toolbarItem["default"], {
+      className: "draw-feature",
+      onClick: function onClick() {
+        return onSetEditorMode(_constants.EDITOR_MODES.DRAW_POLYGON);
+      },
+      label: "toolbar.polygon",
+      icon: actionIcons.innerPolygon,
+      active: editor.mode === _constants.EDITOR_MODES.DRAW_POLYGON
+    }), /*#__PURE__*/_react["default"].createElement(_toolbarItem["default"], {
+      className: "draw-rectangle",
+      onClick: function onClick() {
+        return onSetEditorMode(_constants.EDITOR_MODES.DRAW_RECTANGLE);
+      },
+      label: "toolbar.rectangle",
+      icon: actionIcons.rectangle,
+      active: editor.mode === _constants.EDITOR_MODES.DRAW_RECTANGLE
+    }), /*#__PURE__*/_react["default"].createElement(_toolbarItem["default"], {
+      className: "toggle-features",
+      onClick: onToggleEditorVisibility,
+      label: editor.visible ? 'toolbar.hide' : 'toolbar.show',
+      icon: editor.visible ? actionIcons.visible : actionIcons.hidden
+    })) : null, /*#__PURE__*/_react["default"].createElement(MapControlTooltip, {
+      id: "map-draw",
+      message: "tooltip.DrawOnMap"
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents.MapControlButton, {
+      className: (0, _classnames["default"])('map-control-button', 'map-draw', {
+        isActive: isActive
+      }),
+      onClick: function onClick(e) {
+        e.preventDefault();
+        onToggleMenuPanel();
+      },
+      active: isActive
+    }, /*#__PURE__*/_react["default"].createElement(actionIcons.polygon, {
+      height: "22px"
+    }))));
+  });
+
+  MapDrawPanel.displayName = 'MapDrawPanel';
+  return MapDrawPanel;
+}
+
+var _default = MapDrawPanelFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tYXAvbWFwLWRyYXctcGFuZWwudHN4Il0sIm5hbWVzIjpbIk1hcERyYXdQYW5lbEZhY3RvcnkiLCJkZXBzIiwiTWFwQ29udHJvbFRvb2x0aXBGYWN0b3J5IiwiTWFwQ29udHJvbFRvb2xiYXJGYWN0b3J5IiwiTWFwQ29udHJvbFRvb2x0aXAiLCJNYXBDb250cm9sVG9vbGJhciIsImRlZmF1bHRBY3Rpb25JY29ucyIsInZpc2libGUiLCJFeWVTZWVuIiwiaGlkZGVuIiwiRXllVW5zZWVuIiwicG9seWdvbiIsIkRyYXdQb2x5Z29uIiwiY3Vyc29yIiwiQ3Vyc29yQ2xpY2siLCJpbm5lclBvbHlnb24iLCJQb2x5Z29uIiwicmVjdGFuZ2xlIiwiUmVjdGFuZ2xlIiwiTWFwRHJhd1BhbmVsIiwiUmVhY3QiLCJtZW1vIiwiZWRpdG9yIiwibWFwQ29udHJvbHMiLCJvblRvZ2dsZU1hcENvbnRyb2wiLCJvblNldEVkaXRvck1vZGUiLCJvblRvZ2dsZUVkaXRvclZpc2liaWxpdHkiLCJhY3Rpb25JY29ucyIsImlzQWN0aXZlIiwibWFwRHJhdyIsImFjdGl2ZSIsIm9uVG9nZ2xlTWVudVBhbmVsIiwic2hvdyIsInBvc2l0aW9uIiwiRURJVE9SX01PREVTIiwiRURJVCIsIm1vZGUiLCJEUkFXX1BPTFlHT04iLCJEUkFXX1JFQ1RBTkdMRSIsImUiLCJwcmV2ZW50RGVmYXVsdCIsImRpc3BsYXlOYW1lIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUE1QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFjQUEsbUJBQW1CLENBQUNDLElBQXBCLEdBQTJCLENBQUNDLDZCQUFELEVBQTJCQyw2QkFBM0IsQ0FBM0I7O0FBV0EsU0FBU0gsbUJBQVQsQ0FB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ZSxNQUFNLENBQUNmLE9BQVAsR0FBaUJvQixXQUFXLENBQUNwQixPQUE3QixHQUF1Q29CLFdBQVcsQ0FBQ2xCO0FBSjNELE1BdEJGLENBRE8sR0E4QkwsSUEvQk4sZUFnQ0UsZ0NBQUMsaUJBQUQ7QUFBbUIsTUFBQSxFQUFFLEVBQUMsVUFBdEI7QUFBaUMsTUFBQSxPQUFPLEVBQUM7QUFBekMsb0JBQ0UsZ0NBQUMsa0NBQUQ7QUFDRSxNQUFBLFNBQVMsRUFBRSw0QkFBVyxvQkFBWCxFQUFpQyxVQUFqQyxFQUE2QztBQUFDbUIsUUFBQUEsUUFBUSxFQUFSQTtBQUFELE9BQTdDLENBRGI7QUFFRSxNQUFBLE9BQU8sRUFBRSxpQkFBQVcsQ0FBQyxFQUFJO0FBQ1pBLFFBQUFBLENBQUMsQ0FBQ0MsY0FBRjtBQUNBVCxRQUFBQSxpQkFBaUI7QUFDbEIsT0FMSDtBQU1FLE1BQUEsTUFBTSxFQUFFSDtBQU5WLG9CQVFFLGdDQUFDLFdBQUQsQ0FBYSxPQUFiO0FBQXFCLE1BQUEsTUFBTSxFQUFDO0FBQTVCLE1BUkYsQ0FERixDQWhDRixDQURGO0FBK0NELEdBL0QrQyxDQUFsRDs7QUFrRUFULEVBQUFBLFlBQVksQ0FBQ3NCLFdBQWIsR0FBMkIsY0FBM0I7QUFDQSxTQUFPdEIsWUFBUDtBQUNEOztlQUVjbkIsbUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmltcG9ydCB7RURJVE9SX01PREVTfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge0N1cnNvckNsaWNrLCBEcmF3UG9seWdvbiwgRXllU2VlbiwgRXllVW5zZWVuLCBQb2x5Z29uLCBSZWN0YW5nbGV9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge01hcENvbnRyb2xCdXR0b259IGZyb20gJy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgVG9vbGJhckl0ZW0gZnJvbSAnLi4vY29tbW9uL3Rvb2xiYXItaXRlbSc7XG5pbXBvcnQgTWFwQ29udHJvbFRvb2x0aXBGYWN0b3J5IGZyb20gJy4vbWFwLWNvbnRyb2wtdG9vbHRpcCc7XG5pbXBvcnQgTWFwQ29udHJvbFRvb2xiYXJGYWN0b3J5IGZyb20gJy4vbWFwLWNvbnRyb2wtdG9vbGJhcic7XG5pbXBvcnQge0VkaXRvciwgTWFwQ29udHJvbHN9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtCYXNlUHJvcHN9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5cbk1hcERyYXdQYW5lbEZhY3RvcnkuZGVwcyA9IFtNYXBDb250cm9sVG9vbHRpcEZhY3RvcnksIE1hcENvbnRyb2xUb29sYmFyRmFjdG9yeV07XG5cbmV4cG9ydCB0eXBlIE1hcERyYXdQYW5lbFByb3BzID0ge1xuICBlZGl0b3I6IEVkaXRvcjtcbiAgbWFwQ29udHJvbHM6IE1hcENvbnRyb2xzO1xuICBvblRvZ2dsZU1hcENvbnRyb2w6IChjb250cm9sOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uU2V0RWRpdG9yTW9kZTogKG1vZGU6IHN0cmluZykgPT4gdm9pZDtcbiAgb25Ub2dnbGVFZGl0b3JWaXNpYmlsaXR5OiAoKSA9PiB2b2lkO1xuICBhY3Rpb25JY29uczoge1tpZDogc3RyaW5nXTogUmVhY3QuQ29tcG9uZW50VHlwZTxQYXJ0aWFsPEJhc2VQcm9wcz4+fTtcbn07XG5cbmZ1bmN0aW9uIE1hcERyYXdQYW5lbEZhY3RvcnkoTWFwQ29udHJvbFRvb2x0aXAsIE1hcENvbnRyb2xUb29sYmFyKSB7XG4gIGNvbnN0IGRlZmF1bHRBY3Rpb25JY29ucyA9IHtcbiAgICB2aXNpYmxlOiBFeWVTZWVuLFxuICAgIGhpZGRlbjogRXllVW5zZWVuLFxuICAgIHBvbHlnb246IERyYXdQb2x5Z29uLFxuICAgIGN1cnNvcjogQ3Vyc29yQ2xpY2ssXG4gICAgaW5uZXJQb2x5Z29uOiBQb2x5Z29uLFxuICAgIHJlY3RhbmdsZTogUmVjdGFuZ2xlXG4gIH07XG4gIC8qKiBAdHlwZSB7aW1wb3J0KCcuL21hcC1kcmF3LXBhbmVsJykuTWFwRHJhd1BhbmVsQ29tcG9uZW50fSAqL1xuICBjb25zdCBNYXBEcmF3UGFuZWw6IFJlYWN0LkZDPE1hcERyYXdQYW5lbFByb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICAgKHtcbiAgICAgIGVkaXRvcixcbiAgICAgIG1hcENvbnRyb2xzLFxuICAgICAgb25Ub2dnbGVNYXBDb250cm9sLFxuICAgICAgb25TZXRFZGl0b3JNb2RlLFxuICAgICAgb25Ub2dnbGVFZGl0b3JWaXNpYmlsaXR5LFxuICAgICAgYWN0aW9uSWNvbnMgPSBkZWZhdWx0QWN0aW9uSWNvbnNcbiAgICB9KSA9PiB7XG4gICAgICBjb25zdCBpc0FjdGl2ZSA9IG1hcENvbnRyb2xzPy5tYXBEcmF3Py5hY3RpdmU7XG4gICAgICBjb25zdCBvblRvZ2dsZU1lbnVQYW5lbCA9IHVzZUNhbGxiYWNrKCgpID0+IG9uVG9nZ2xlTWFwQ29udHJvbCgnbWFwRHJhdycpLCBbXG4gICAgICAgIG9uVG9nZ2xlTWFwQ29udHJvbFxuICAgICAgXSk7XG4gICAgICBpZiAoIW1hcENvbnRyb2xzPy5tYXBEcmF3Py5zaG93KSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtYXAtZHJhdy1jb250cm9sc1wiIHN0eWxlPXt7cG9zaXRpb246ICdyZWxhdGl2ZSd9fT5cbiAgICAgICAgICB7aXNBY3RpdmUgPyAoXG4gICAgICAgICAgICA8TWFwQ29udHJvbFRvb2xiYXIgc2hvdz17aXNBY3RpdmV9PlxuICAgICAgICAgICAgICA8VG9vbGJhckl0ZW1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJlZGl0LWZlYXR1cmVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uU2V0RWRpdG9yTW9kZShFRElUT1JfTU9ERVMuRURJVCl9XG4gICAgICAgICAgICAgICAgbGFiZWw9XCJ0b29sYmFyLnNlbGVjdFwiXG4gICAgICAgICAgICAgICAgaWNvbj17YWN0aW9uSWNvbnMuY3Vyc29yfVxuICAgICAgICAgICAgICAgIGFjdGl2ZT17ZWRpdG9yLm1vZGUgPT09IEVESVRPUl9NT0RFUy5FRElUfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8VG9vbGJhckl0ZW1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJkcmF3LWZlYXR1cmVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uU2V0RWRpdG9yTW9kZShFRElUT1JfTU9ERVMuRFJBV19QT0xZR09OKX1cbiAgICAgICAgICAgICAgICBsYWJlbD1cInRvb2xiYXIucG9seWdvblwiXG4gICAgICAgICAgICAgICAgaWNvbj17YWN0aW9uSWNvbnMuaW5uZXJQb2x5Z29ufVxuICAgICAgICAgICAgICAgIGFjdGl2ZT17ZWRpdG9yLm1vZGUgPT09IEVESVRPUl9NT0RFUy5EUkFXX1BPTFlHT059XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxUb29sYmFySXRlbVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImRyYXctcmVjdGFuZ2xlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNldEVkaXRvck1vZGUoRURJVE9SX01PREVTLkRSQVdfUkVDVEFOR0xFKX1cbiAgICAgICAgICAgICAgICBsYWJlbD1cInRvb2xiYXIucmVjdGFuZ2xlXCJcbiAgICAgICAgICAgICAgICBpY29uPXthY3Rpb25JY29ucy5yZWN0YW5nbGV9XG4gICAgICAgICAgICAgICAgYWN0aXZlPXtlZGl0b3IubW9kZSA9PT0gRURJVE9SX01PREVTLkRSQVdfUkVDVEFOR0xFfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8VG9vbGJhckl0ZW1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJ0b2dnbGUtZmVhdHVyZXNcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uVG9nZ2xlRWRpdG9yVmlzaWJpbGl0eX1cbiAgICAgICAgICAgICAgICBsYWJlbD17ZWRpdG9yLnZpc2libGUgPyAndG9vbGJhci5oaWRlJyA6ICd0b29sYmFyLnNob3cnfVxuICAgICAgICAgICAgICAgIGljb249e2VkaXRvci52aXNpYmxlID8gYWN0aW9uSWNvbnMudmlzaWJsZSA6IGFjdGlvbkljb25zLmhpZGRlbn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvTWFwQ29udHJvbFRvb2xiYXI+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPE1hcENvbnRyb2xUb29sdGlwIGlkPVwibWFwLWRyYXdcIiBtZXNzYWdlPVwidG9vbHRpcC5EcmF3T25NYXBcIj5cbiAgICAgICAgICAgIDxNYXBDb250cm9sQnV0dG9uXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygnbWFwLWNvbnRyb2wtYnV0dG9uJywgJ21hcC1kcmF3Jywge2lzQWN0aXZlfSl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2UgPT4ge1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBvblRvZ2dsZU1lbnVQYW5lbCgpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBhY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8YWN0aW9uSWNvbnMucG9seWdvbiBoZWlnaHQ9XCIyMnB4XCIgLz5cbiAgICAgICAgICAgIDwvTWFwQ29udHJvbEJ1dHRvbj5cbiAgICAgICAgICA8L01hcENvbnRyb2xUb29sdGlwPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfVxuICApO1xuXG4gIE1hcERyYXdQYW5lbC5kaXNwbGF5TmFtZSA9ICdNYXBEcmF3UGFuZWwnO1xuICByZXR1cm4gTWFwRHJhd1BhbmVsO1xufVxuXG5leHBvcnQgZGVmYXVsdCBNYXBEcmF3UGFuZWxGYWN0b3J5O1xuIl19

package/dist/map/map-legend-panel.d.ts

@@ -0,0 +1,24 @@
+import React, { ComponentType } from 'react';
+import MapControlTooltipFactory from './map-control-tooltip';
+import MapControlPanelFactory from './map-control-panel';
+import MapLegendFactory from './map-legend';
+import { MapControls } from '@kepler.gl/types';
+import { Layer } from '@kepler.gl/layers';
+interface MapLegendPanelIcons {
+    legend: ComponentType<any>;
+}
+export declare type MapLegendPanelProps = {
+    layers: ReadonlyArray<Layer>;
+    scale: number;
+    onToggleMapControl: (control: string) => void;
+    isExport: boolean;
+    logoComponent: Element;
+    actionIcons: MapLegendPanelIcons;
+    mapControls: MapControls;
+    mapHeight?: number;
+};
+declare function MapLegendPanelFactory(MapControlTooltip: any, MapControlPanel: any, MapLegend: any): React.FC<MapLegendPanelProps>;
+declare namespace MapLegendPanelFactory {
+    var deps: (typeof MapControlTooltipFactory | typeof MapControlPanelFactory | typeof MapLegendFactory)[];
+}
+export default MapLegendPanelFactory;

package/dist/map/map-legend-panel.js

@@ -0,0 +1,181 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _icons = require("../common/icons");
+
+var _styledComponents2 = require("../common/styled-components");
+
+var _mapControlTooltip = _interopRequireDefault(require("./map-control-tooltip"));
+
+var _mapControlPanel = _interopRequireDefault(require("./map-control-panel"));
+
+var _mapLegend = _interopRequireDefault(require("./map-legend"));
+
+var _lazyTippy = _interopRequireDefault(require("./lazy-tippy"));
+
+var _reactDom = require("react-dom");
+
+var _constants = require("@kepler.gl/constants");
+
+var _styles = require("@kepler.gl/styles");
+
+var _templateObject, _templateObject2;
+
+MapLegendPanelFactory.deps = [_mapControlTooltip["default"], _mapControlPanel["default"], _mapLegend["default"]];
+
+var PinToBottom = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  bottom: ", "px;\n  right: ", "px;\n  ", ";\n"])), _constants.DIMENSIONS.mapControl.mapLegend.pinned.bottom, _constants.DIMENSIONS.mapControl.mapLegend.pinned.right, _styles.media.portable(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    bottom: 0px;\n    right: 0px;\n    min-width: ", "px;\n    .map-control-panel {\n      min-height: 215px;\n      margin-bottom: 0px;\n    };\n  "])), _constants.DIMENSIONS.mapControl.width + _constants.DIMENSIONS.mapControl.mapLegend.pinned.right));
+
+function MapLegendPanelFactory(MapControlTooltip, MapControlPanel, MapLegend) {
+  var defaultActionIcons = {
+    legend: _icons.Legend
+  };
+  /** @type {import('./map-legend-panel').MapLegendPanelComponent} */
+
+  var MapLegendPanel = function MapLegendPanel(_ref) {
+    var layers = _ref.layers,
+        mapControls = _ref.mapControls,
+        scale = _ref.scale,
+        onToggleMapControl = _ref.onToggleMapControl,
+        isExport = _ref.isExport,
+        logoComponent = _ref.logoComponent,
+        _ref$actionIcons = _ref.actionIcons,
+        actionIcons = _ref$actionIcons === void 0 ? defaultActionIcons : _ref$actionIcons,
+        mapHeight = _ref.mapHeight;
+    var mapLegend = (mapControls === null || mapControls === void 0 ? void 0 : mapControls.mapLegend) || {};
+
+    var _ref2 = mapLegend || {},
+        isPinned = _ref2.active;
+
+    var onClick = function onClick() {
+      var _mapControls$mapDraw;
+
+      if (mapControls !== null && mapControls !== void 0 && (_mapControls$mapDraw = mapControls.mapDraw) !== null && _mapControls$mapDraw !== void 0 && _mapControls$mapDraw.active) {
+        onToggleMapControl('mapDraw');
+      }
+    };
+
+    var _useState = (0, _react.useState)(null),
+        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+        tippyInstance = _useState2[0],
+        setTippyInstance = _useState2[1];
+
+    var onCloseClick = function onCloseClick(e) {
+      e.preventDefault();
+      onToggleMapControl('mapLegend');
+    };
+
+    var onPinClick = function onPinClick(e) {
+      e.preventDefault();
+
+      if (tippyInstance) {
+        // @ts-ignore
+        tippyInstance.hide();
+      }
+
+      onToggleMapControl('mapLegend');
+    };
+
+    if (!mapLegend.show) {
+      return null;
+    }
+
+    var mapControlPanel = /*#__PURE__*/_react["default"].createElement(MapControlPanel, (0, _extends2["default"])({
+      scale: scale,
+      header: 'header.layerLegend',
+      isPinned: true
+    }, isPinned ? {
+      onClick: onCloseClick,
+      pinnable: false,
+      disableClose: false
+    } : {
+      onPinClick: onPinClick,
+      pinnable: true,
+      disableClose: true
+    }, {
+      isExport: isExport,
+      logoComponent: logoComponent
+    }), /*#__PURE__*/_react["default"].createElement(MapLegend, {
+      layers: layers,
+      mapHeight: mapHeight
+    }));
+
+    if (isPinned) {
+      // Pinned panel is not supported in export mode
+      if (isExport) {
+        return mapControlPanel;
+      }
+
+      var pinnedPanel = /*#__PURE__*/_react["default"].createElement(PinToBottom, null, mapControlPanel);
+
+      return /*#__PURE__*/(0, _reactDom.createPortal)(pinnedPanel, document.body);
+    }
+
+    return (
+      /*#__PURE__*/
+      // The outer div is to prevent an accessibility warning from Tippy
+      _react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_lazyTippy["default"], {
+        interactive: true,
+        trigger: "click",
+        placement: "left-start",
+        onCreate: setTippyInstance,
+        render: function render(attrs) {
+          return /*#__PURE__*/_react["default"].createElement("div", attrs, mapControlPanel);
+        },
+        appendTo: "parent"
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(MapControlTooltip, {
+        id: "show-legend",
+        message: "tooltip.showLegend"
+      }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.MapControlButton, {
+        className: "map-control-button show-legend",
+        onClick: onClick
+      }, /*#__PURE__*/_react["default"].createElement(actionIcons.legend, {
+        height: "22px"
+      }))))))
+    );
+  };
+
+  MapLegendPanel.displayName = 'MapLegendPanel';
+  return MapLegendPanel;
+}
+
+var _default = MapLegendPanelFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tYXAvbWFwLWxlZ2VuZC1wYW5lbC50c3giXSwibmFtZXMiOlsiTWFwTGVnZW5kUGFuZWxGYWN0b3J5IiwiZGVwcyIsIk1hcENvbnRyb2xUb29sdGlwRmFjdG9yeSIsIk1hcENvbnRyb2xQYW5lbEZhY3RvcnkiLCJNYXBMZWdlbmRGYWN0b3J5IiwiUGluVG9Cb3R0b20iLCJzdHlsZWQiLCJkaXYiLCJESU1FTlNJT05TIiwibWFwQ29udHJvbCIsIm1hcExlZ2VuZCIsInBpbm5lZCIsImJvdHRvbSIsInJpZ2h0IiwibWVkaWEiLCJwb3J0YWJsZSIsIndpZHRoIiwiTWFwQ29udHJvbFRvb2x0aXAiLCJNYXBDb250cm9sUGFuZWwiLCJNYXBMZWdlbmQiLCJkZWZhdWx0QWN0aW9uSWNvbnMiLCJsZWdlbmQiLCJMZWdlbmQiLCJNYXBMZWdlbmRQYW5lbCIsImxheWVycyIsIm1hcENvbnRyb2xzIiwic2NhbGUiLCJvblRvZ2dsZU1hcENvbnRyb2wiLCJpc0V4cG9ydCIsImxvZ29Db21wb25lbnQiLCJhY3Rpb25JY29ucyIsIm1hcEhlaWdodCIsImlzUGlubmVkIiwiYWN0aXZlIiwib25DbGljayIsIm1hcERyYXciLCJ0aXBweUluc3RhbmNlIiwic2V0VGlwcHlJbnN0YW5jZSIsIm9uQ2xvc2VDbGljayIsImUiLCJwcmV2ZW50RGVmYXVsdCIsIm9uUGluQ2xpY2siLCJoaWRlIiwic2hvdyIsIm1hcENvbnRyb2xQYW5lbCIsInBpbm5hYmxlIiwiZGlzYWJsZUNsb3NlIiwicGlubmVkUGFuZWwiLCJkb2N1bWVudCIsImJvZHkiLCJhdHRycyIsImRpc3BsYXlOYW1lIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFHQTs7OztBQUVBQSxxQkFBcUIsQ0FBQ0MsSUFBdEIsR0FBNkIsQ0FBQ0MsNkJBQUQsRUFBMkJDLDJCQUEzQixFQUFt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VGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50VHlwZSwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQge0xlZ2VuZH0gZnJvbSAnLi4vY29tbW9uL2ljb25zJztcbmltcG9ydCB7TWFwQ29udHJvbEJ1dHRvbn0gZnJvbSAnLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBNYXBDb250cm9sVG9vbHRpcEZhY3RvcnkgZnJvbSAnLi9tYXAtY29udHJvbC10b29sdGlwJztcbmltcG9ydCBNYXBDb250cm9sUGFuZWxGYWN0b3J5IGZyb20gJy4vbWFwLWNvbnRyb2wtcGFuZWwnO1xuaW1wb3J0IE1hcExlZ2VuZEZhY3RvcnkgZnJvbSAnLi9tYXAtbGVnZW5kJztcbmltcG9ydCBMYXp5VGlwcHkgZnJvbSAnLi9sYXp5LXRpcHB5JztcbmltcG9ydCB7Y3JlYXRlUG9ydGFsfSBmcm9tICdyZWFjdC1kb20nO1xuaW1wb3J0IHtESU1FTlNJT05TfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge01hcENvbnRyb2wsIE1hcENvbnRyb2xzfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7TGF5ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7bWVkaWF9IGZyb20gJ0BrZXBsZXIuZ2wvc3R5bGVzJztcblxuTWFwTGVnZW5kUGFuZWxGYWN0b3J5LmRlcHMgPSBbTWFwQ29udHJvbFRvb2x0aXBGYWN0b3J5LCBNYXBDb250cm9sUGFuZWxGYWN0b3J5LCBNYXBMZWdlbmRGYWN0b3J5XTtcblxuY29uc3QgUGluVG9Cb3R0b20gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogJHtESU1FTlNJT05TLm1hcENvbnRyb2wubWFwTGVnZW5kLnBpbm5lZC5ib3R0b219cHg7XG4gIHJpZ2h0OiAke0RJTUVOU0lPTlMubWFwQ29udHJvbC5tYXBMZWdlbmQucGlubmVkLnJpZ2h0fXB4O1xuICAke21lZGlhLnBvcnRhYmxlYFxuICAgIGJvdHRvbTogMHB4O1xuICAgIHJpZ2h0OiAwcHg7XG4gICAgbWluLXdpZHRoOiAke0RJTUVOU0lPTlMubWFwQ29udHJvbC53aWR0aCArIERJTUVOU0lPTlMubWFwQ29udHJvbC5tYXBMZWdlbmQucGlubmVkLnJpZ2h0fXB4O1xuICAgIC5tYXAtY29udHJvbC1wYW5lbCB7XG4gICAgICBtaW4taGVpZ2h0OiAyMTVweDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDBweDtcbiAgICB9O1xuICBgfTtcbmA7XG5cbmludGVyZmFjZSBNYXBMZWdlbmRQYW5lbEljb25zIHtcbiAgbGVnZW5kOiBDb21wb25lbnRUeXBlPGFueT47XG59XG5cbmV4cG9ydCB0eXBlIE1hcExlZ2VuZFBhbmVsUHJvcHMgPSB7XG4gIGxheWVyczogUmVhZG9ubHlBcnJheTxMYXllcj47XG4gIHNjYWxlOiBudW1iZXI7XG4gIG9uVG9nZ2xlTWFwQ29udHJvbDogKGNvbnRyb2w6IHN0cmluZykgPT4gdm9pZDtcbiAgaXNFeHBvcnQ6IGJvb2xlYW47XG4gIGxvZ29Db21wb25lbnQ6IEVsZW1lbnQ7XG4gIGFjdGlvbkljb25zOiBNYXBMZWdlbmRQYW5lbEljb25zO1xuICBtYXBDb250cm9sczogTWFwQ29udHJvbHM7XG4gIG1hcEhlaWdodD86IG51bWJlcjtcbn07XG5cbmZ1bmN0aW9uIE1hcExlZ2VuZFBhbmVsRmFjdG9yeShNYXBDb250cm9sVG9vbHRpcCwgTWFwQ29udHJvbFBhbmVsLCBNYXBMZWdlbmQpIHtcbiAgY29uc3QgZGVmYXVsdEFjdGlvbkljb25zID0ge1xuICAgIGxlZ2VuZDogTGVnZW5kXG4gIH07XG5cbiAgLyoqIEB0eXBlIHtpbXBvcnQoJy4vbWFwLWxlZ2VuZC1wYW5lbCcpLk1hcExlZ2VuZFBhbmVsQ29tcG9uZW50fSAqL1xuICBjb25zdCBNYXBMZWdlbmRQYW5lbDogUmVhY3QuRkM8TWFwTGVnZW5kUGFuZWxQcm9wcz4gPSAoe1xuICAgIGxheWVycyxcbiAgICBtYXBDb250cm9scyxcbiAgICBzY2FsZSxcbiAgICBvblRvZ2dsZU1hcENvbnRyb2wsXG4gICAgaXNFeHBvcnQsXG4gICAgbG9nb0NvbXBvbmVudCxcbiAgICBhY3Rpb25JY29ucyA9IGRlZmF1bHRBY3Rpb25JY29ucyxcbiAgICBtYXBIZWlnaHRcbiAgfSkgPT4ge1xuICAgIGNvbnN0IG1hcExlZ2VuZCA9IG1hcENvbnRyb2xzPy5tYXBMZWdlbmQgfHwgKHt9IGFzIE1hcENvbnRyb2wpO1xuICAgIGNvbnN0IHthY3RpdmU6IGlzUGlubmVkfSA9IG1hcExlZ2VuZCB8fCB7fTtcblxuICAgIGNvbnN0IG9uQ2xpY2sgPSAoKSA9PiB7XG4gICAgICBpZiAobWFwQ29udHJvbHM/Lm1hcERyYXc/LmFjdGl2ZSkge1xuICAgICAgICBvblRvZ2dsZU1hcENvbnRyb2woJ21hcERyYXcnKTtcbiAgICAgIH1cbiAgICB9O1xuICAgIGNvbnN0IFt0aXBweUluc3RhbmNlLCBzZXRUaXBweUluc3RhbmNlXSA9IHVzZVN0YXRlKG51bGwpO1xuICAgIGNvbnN0IG9uQ2xvc2VDbGljayA9IGUgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgb25Ub2dnbGVNYXBDb250cm9sKCdtYXBMZWdlbmQnKTtcbiAgICB9O1xuICAgIGNvbnN0IG9uUGluQ2xpY2sgPSBlID0+IHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGlmICh0aXBweUluc3RhbmNlKSB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgdGlwcHlJbnN0YW5jZS5oaWRlKCk7XG4gICAgICB9XG4gICAgICBvblRvZ2dsZU1hcENvbnRyb2woJ21hcExlZ2VuZCcpO1xuICAgIH07XG5cbiAgICBpZiAoIW1hcExlZ2VuZC5zaG93KSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgY29uc3QgbWFwQ29udHJvbFBhbmVsID0gKFxuICAgICAgPE1hcENvbnRyb2xQYW5lbFxuICAgICAgICBzY2FsZT17c2NhbGV9XG4gICAgICAgIGhlYWRlcj17J2hlYWRlci5sYXllckxlZ2VuZCd9XG4gICAgICAgIGlzUGlubmVkPXt0cnVlfVxuICAgICAgICB7Li4uKGlzUGlubmVkXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIG9uQ2xpY2s6IG9uQ2xvc2VDbGljayxcbiAgICAgICAgICAgICAgcGlubmFibGU6IGZhbHNlLFxuICAgICAgICAgICAgICBkaXNhYmxlQ2xvc2U6IGZhbHNlXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgIG9uUGluQ2xpY2ssXG4gICAgICAgICAgICAgIHBpbm5hYmxlOiB0cnVlLFxuICAgICAgICAgICAgICBkaXNhYmxlQ2xvc2U6IHRydWVcbiAgICAgICAgICAgIH0pfVxuICAgICAgICBpc0V4cG9ydD17aXNFeHBvcnR9XG4gICAgICAgIGxvZ29Db21wb25lbnQ9e2xvZ29Db21wb25lbnR9XG4gICAgICA+XG4gICAgICAgIDxNYXBMZWdlbmQgbGF5ZXJzPXtsYXllcnN9IG1hcEhlaWdodD17bWFwSGVpZ2h0fSAvPlxuICAgICAgPC9NYXBDb250cm9sUGFuZWw+XG4gICAgKTtcblxuICAgIGlmIChpc1Bpbm5lZCkge1xuICAgICAgLy8gUGlubmVkIHBhbmVsIGlzIG5vdCBzdXBwb3J0ZWQgaW4gZXhwb3J0IG1vZGVcbiAgICAgIGlmIChpc0V4cG9ydCkge1xuICAgICAgICByZXR1cm4gbWFwQ29udHJvbFBhbmVsO1xuICAgICAgfVxuICAgICAgY29uc3QgcGlubmVkUGFuZWwgPSA8UGluVG9Cb3R0b20+e21hcENvbnRyb2xQYW5lbH08L1BpblRvQm90dG9tPjtcbiAgICAgIHJldHVybiBjcmVhdGVQb3J0YWwocGlubmVkUGFuZWwsIGRvY3VtZW50LmJvZHkpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAvLyBUaGUgb3V0ZXIgZGl2IGlzIHRvIHByZXZlbnQgYW4gYWNjZXNzaWJpbGl0eSB3YXJuaW5nIGZyb20gVGlwcHlcbiAgICAgIDxkaXY+XG4gICAgICAgIHsvKiBcbiAgLy8gQHRzLWlnbm9yZSAqL31cbiAgICAgICAgPExhenlUaXBweVxuICAgICAgICAgIGludGVyYWN0aXZlPXt0cnVlfVxuICAgICAgICAgIHRyaWdnZXI9XCJjbGlja1wiXG4gICAgICAgICAgcGxhY2VtZW50PVwibGVmdC1zdGFydFwiXG4gICAgICAgICAgb25DcmVhdGU9e3NldFRpcHB5SW5zdGFuY2V9XG4gICAgICAgICAgcmVuZGVyPXthdHRycyA9PiA8ZGl2IHsuLi5hdHRyc30+e21hcENvbnRyb2xQYW5lbH08L2Rpdj59XG4gICAgICAgICAgYXBwZW5kVG89XCJwYXJlbnRcIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxNYXBDb250cm9sVG9vbHRpcCBpZD1cInNob3ctbGVnZW5kXCIgbWVzc2FnZT1cInRvb2x0aXAuc2hvd0xlZ2VuZFwiPlxuICAgICAgICAgICAgICA8TWFwQ29udHJvbEJ1dHRvbiBjbGFzc05hbWU9XCJtYXAtY29udHJvbC1idXR0b24gc2hvdy1sZWdlbmRcIiBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgICAgICAgICAgICA8YWN0aW9uSWNvbnMubGVnZW5kIGhlaWdodD1cIjIycHhcIiAvPlxuICAgICAgICAgICAgICA8L01hcENvbnRyb2xCdXR0b24+XG4gICAgICAgICAgICA8L01hcENvbnRyb2xUb29sdGlwPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0xhenlUaXBweT5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgTWFwTGVnZW5kUGFuZWwuZGlzcGxheU5hbWUgPSAnTWFwTGVnZW5kUGFuZWwnO1xuICByZXR1cm4gTWFwTGVnZW5kUGFuZWw7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE1hcExlZ2VuZFBhbmVsRmFjdG9yeTtcbiJdfQ==

package/dist/map/map-legend.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { Layer, LayerBaseConfig, VisualChannel, VisualChannelDescription } from '@kepler.gl/layers';
+interface StyledMapControlLegendProps {
+    width?: number;
+    last?: boolean;
+}
+export declare const StyledMapControlLegend: import("styled-components").StyledComponent<"div", any, StyledMapControlLegendProps, never>;
+export declare const VisualChannelMetric: ({ name }: {
+    name: any;
+}) => JSX.Element;
+export declare type LayerSizeLegendProps = {
+    label: string;
+    name: string | undefined;
+};
+/** @type {typeof import('./map-legend').LayerSizeLegend} */
+export declare const LayerSizeLegend: React.FC<LayerSizeLegendProps>;
+export declare type SingleColorLegendProps = {
+    width: number;
+    color: string;
+};
+/** @type {typeof import('./map-legend').SingleColorLegend} */
+export declare const SingleColorLegend: React.FC<SingleColorLegendProps>;
+export declare type LayerColorLegendProps = {
+    description: VisualChannelDescription;
+    config: LayerBaseConfig;
+    width: number;
+    colorChannel: VisualChannel;
+};
+/** @type {typeof import('./map-legend').LayerColorLegend} */
+export declare const LayerColorLegend: React.FC<LayerColorLegendProps>;
+export declare type LayerLegendHeaderProps = {
+    layer: Layer;
+    options?: {
+        showLayerName?: boolean;
+    };
+};
+export declare function LayerLegendHeaderFactory(): React.FC<LayerLegendHeaderProps>;
+export declare type LayerLegendContentProps = {
+    layer: Layer;
+    containerW: number;
+};
+export declare function LayerLegendContentFactory(): React.FC<LayerLegendContentProps>;
+export declare type MapLegendProps = {
+    layers?: ReadonlyArray<Layer>;
+    width?: number;
+    mapHeight?: number;
+    options?: {
+        showLayerName?: boolean;
+    };
+};
+declare function MapLegendFactory(LayerLegendHeader: any, LayerLegendContent: any): React.FC<MapLegendProps>;
+declare namespace MapLegendFactory {
+    var deps: (typeof LayerLegendHeaderFactory | typeof LayerLegendContentFactory)[];
+}
+export default MapLegendFactory;