@kepler.gl/components 3.0.0-alpha.0

package/dist/common/tippy-tooltip.js

@@ -0,0 +1,142 @@
+// 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ = require("../");
+
+var _react2 = _interopRequireDefault(require("@tippyjs/react"));
+
+var _templateObject, _templateObject2;
+
+var TippyArrow = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  width: 15px;\n  height: 15px;\n  fill: ", ";\n  text-align: initial;\n\n  > svg {\n    position: absolute;\n  }\n"])), function (props) {
+  return props.theme.tooltipBg;
+});
+
+var TippyTooltipContent = (0, _styledComponents["default"])(function (_ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, ["children"]);
+  return /*#__PURE__*/_react["default"].createElement("div", props, children, /*#__PURE__*/_react["default"].createElement(TippyArrow, {
+    className: "svg-arrow",
+    "data-popper-arrow": ""
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    width: 15,
+    height: 15
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2,7.5 7.5,2 13,7.5Z"
+  }))));
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 400;\n  padding: 7px 18px;\n  box-shadow: ", ";\n  background-color: ", ";\n  color: ", ";\n  border-radius: ", ";\n  &[data-placement^='top'] > .svg-arrow {\n    bottom: 0;\n    &::after,\n    > svg {\n      top: 7px;\n      transform: rotate(180deg);\n    }\n  }\n\n  &[data-placement^='bottom'] > .svg-arrow {\n    top: 0;\n    > svg {\n      bottom: 7px;\n    }\n  }\n\n  &[data-placement^='left'] > .svg-arrow {\n    right: 0;\n    &::after,\n    > svg {\n      transform: rotate(90deg);\n      left: 7px;\n    }\n  }\n\n  &[data-placement^='right'] > .svg-arrow {\n    left: 0;\n    &::after,\n    > svg {\n      transform: rotate(-90deg);\n      right: 7px;\n    }\n  }\n"])), function (props) {
+  return props.theme.fontFamily;
+}, function (props) {
+  return props.theme.tooltipFontSize;
+}, function (props) {
+  return props.theme.tooltipBoxShadow;
+}, function (props) {
+  return props.theme.tooltipBg;
+}, function (props) {
+  return props.theme.tooltipColor;
+}, function (props) {
+  return props.theme.primaryBtnRadius;
+});
+
+var TippyTooltip = function TippyTooltip(_ref2) {
+  var children = _ref2.children,
+      _render = _ref2.render,
+      _ref2$duration = _ref2.duration,
+      duration = _ref2$duration === void 0 ? 200 : _ref2$duration,
+      rest = (0, _objectWithoutProperties2["default"])(_ref2, ["children", "render", "duration"]);
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      opacity = _useState2[0],
+      setOpacity = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      timer = _useState4[0],
+      setTimer = _useState4[1];
+
+  function onMount() {
+    setOpacity(1);
+
+    if (timer) {
+      // @ts-ignore
+      clearTimeout(timer);
+    }
+  }
+
+  function onHide(instance) {
+    var unmount = instance.unmount;
+    var timeout = setTimeout(function () {
+      var _instance$state;
+
+      if (!((_instance$state = instance.state) !== null && _instance$state !== void 0 && _instance$state.isDestroyed)) {
+        unmount();
+      }
+    }, duration[0] || duration); // @ts-ignore
+
+    setTimer(timeout);
+    setOpacity(0);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_.RootContext.Consumer, null, function (context) {
+    return /*#__PURE__*/_react["default"].createElement(_react2["default"], (0, _extends2["default"])({}, rest, {
+      // Using document.body would result in the CSS styles not being applied
+      // to the tooltip content when embedding the map widget as a Shadow DOM element.
+      appendTo: (context === null || context === void 0 ? void 0 : context.current) || 'parent',
+      animation: true,
+      render: function render(attrs) {
+        return /*#__PURE__*/_react["default"].createElement(TippyTooltipContent, (0, _extends2["default"])({}, attrs, {
+          style: {
+            opacity: opacity,
+            transition: "opacity ".concat(duration, "ms")
+          }
+        }), _render === null || _render === void 0 ? void 0 : _render(attrs));
+      },
+      onMount: onMount,
+      onHide: onHide
+    }), children);
+  });
+};
+
+var _default = TippyTooltip;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdGlwcHktdG9vbHRpcC50c3giXSwibmFtZXMiOlsiVGlwcHlBcnJvdyIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJ0b29sdGlwQmciLCJUaXBweVRvb2x0aXBDb250ZW50IiwiY2hpbGRyZW4iLCJmb250RmFtaWx5IiwidG9vbHRpcEZvbnRTaXplIiwidG9vbHRpcEJveFNoYWRvdyIsInRvb2x0aXBDb2xvciIsInByaW1hcnlCdG5SYWRpdXMiLCJUaXBweVRvb2x0aXAiLCJyZW5kZXIiLCJkdXJhdGlvbiIsInJlc3QiLCJvcGFjaXR5Iiwic2V0T3BhY2l0eSIsInRpbWVyIiwic2V0VGltZXIiLCJvbk1vdW50IiwiY2xlYXJUaW1lb3V0Iiwib25IaWRlIiwiaW5zdGFuY2UiLCJ1bm1vdW50IiwidGltZW91dCIsInNldFRpbWVvdXQiLCJzdGF0ZSIsImlzRGVzdHJveWVkIiwiY29udGV4dCIsImN1cnJlbnQiLCJhdHRycyIsInRyYW5zaXRpb24iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFFQSxJQUFNQSxVQUFVLEdBQUdDLDZCQUFPQyxHQUFWLG1PQUlOLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsU0FBaEI7QUFBQSxDQUpDLENBQWhCOztBQVlBLElBQU1DLG1CQUFtQixHQUFHLGtDQUFPO0FBQUEsTUFBRUMsUUFBRixRQUFFQSxRQUFGO0FBQUEsTUFBZUosS0FBZjtBQUFBLHNCQUNqQyx1Q0FBU0EsS0FBVCxFQUNHSSxRQURILGVBRUUsZ0NBQUMsVUFBRDtBQUFZLElBQUEsU0FBUyxFQUFDLFdBQXRCO0FBQWtDLHlCQUFrQjtBQUFwRCxrQkFDRTtBQUFLLElBQUEsS0FBSyxFQUFFLEVBQVo7QUFBZ0IsSUFBQSxNQUFNLEVBQUU7QUFBeEIsa0JBQ0U7QUFBTSxJQUFBLENBQUMsRUFBQztBQUFSLElBREYsQ0FERixDQUZGLENBRGlDO0FBQUEsQ0FBUCxDQUFILDB6QkFVUixVQUFBSixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlJLFVBQWhCO0FBQUEsQ0FWRyxFQVdWLFVBQUFMLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUssZUFBaEI7QUFBQSxDQVhLLEVBY1QsVUFBQU4sS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZTSxnQkFBaEI7QUFBQSxDQWRJLEVBZUgsVUFBQVAsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxTQUFoQjtBQUFBLENBZkYsRUFnQmQsVUFBQUYsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZTyxZQUFoQjtBQUFBLENBaEJTLEVBaUJOLFVBQUFSLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWVEsZ0JBQWhCO0FBQUEsQ0FqQkMsQ0FBekI7O0FBcURBLElBQU1DLFlBQVksR0FBRyxTQUFmQSxZQUFlLFFBQTZEO0FBQUEsTUFBM0ROLFFBQTJELFNBQTNEQSxRQUEyRDtBQUFBLE1BQWpETyxPQUFpRCxTQUFqREEsTUFBaUQ7QUFBQSw2QkFBekNDLFFBQXlDO0FBQUEsTUFBekNBLFFBQXlDLCtCQUE5QixHQUE4QjtBQUFBLE1BQXRCQyxJQUFzQjs7QUFBQSxrQkFDbEQscUJBQVMsQ0FBVCxDQURrRDtBQUFBO0FBQUEsTUFDekVDLE9BRHlFO0FBQUEsTUFDaEVDLFVBRGdFOztBQUFBLG1CQUV0RCxxQkFBUyxJQUFULENBRnNEO0FBQUE7QUFBQSxNQUV6RUMsS0FGeUU7QUFBQSxNQUVsRUMsUUFGa0U7O0FBR2hGLFdBQVNDLE9BQVQsR0FBbUI7QUFDakJILElBQUFBLFVBQVUsQ0FBQyxDQUFELENBQVY7O0FBQ0EsUUFBSUMsS0FBSixFQUFXO0FBQ1Q7QUFDQUcsTUFBQUEsWUFBWSxDQUFDSCxLQUFELENBQVo7QUFDRDtBQUNGOztBQUVELFdBQVNJLE1BQVQsQ0FBZ0JDLFFBQWhCLEVBQTBCO0FBQUEsUUFDakJDLE9BRGlCLEdBQ05ELFFBRE0sQ0FDakJDLE9BRGlCO0FBRXhCLFFBQU1DLE9BQU8sR0FBR0MsVUFBVSxDQUFDLFlBQU07QUFBQTs7QUFDL0IsVUFBSSxxQkFBQ0gsUUFBUSxDQUFDSSxLQUFWLDRDQUFDLGdCQUFnQkMsV0FBakIsQ0FBSixFQUFrQztBQUNoQ0osUUFBQUEsT0FBTztBQUNSO0FBQ0YsS0FKeUIsRUFJdkJWLFFBQVEsQ0FBQyxDQUFELENBQVIsSUFBZUEsUUFKUSxDQUExQixDQUZ3QixDQU94Qjs7QUFDQUssSUFBQUEsUUFBUSxDQUFDTSxPQUFELENBQVI7QUFDQVIsSUFBQUEsVUFBVSxDQUFDLENBQUQsQ0FBVjtBQUNEOztBQUVELHNCQUNFLGdDQUFDLGFBQUQsQ0FBYSxRQUFiLFFBQ0csVUFBQVksT0FBTztBQUFBLHdCQUNOLGdDQUFDLGtCQUFELGdDQUNNZCxJQUROO0FBRUU7QUFDQTtBQUNBLE1BQUEsUUFBUSxFQUFFLENBQUFjLE9BQU8sU0FBUCxJQUFBQSxPQUFPLFdBQVAsWUFBQUEsT0FBTyxDQUFFQyxPQUFULEtBQW9CLFFBSmhDO0FBS0UsTUFBQSxTQUFTLEVBQUUsSUFMYjtBQU1FLE1BQUEsTUFBTSxFQUFFLGdCQUFBQyxLQUFLO0FBQUEsNEJBQ1gsZ0NBQUMsbUJBQUQsZ0NBQXlCQSxLQUF6QjtBQUFnQyxVQUFBLEtBQUssRUFBRTtBQUFDZixZQUFBQSxPQUFPLEVBQVBBLE9BQUQ7QUFBVWdCLFlBQUFBLFVBQVUsb0JBQWFsQixRQUFiO0FBQXBCO0FBQXZDLFlBQ0dELE9BREgsYUFDR0EsT0FESCx1QkFDR0EsT0FBTSxDQUFHa0IsS0FBSCxDQURULENBRFc7QUFBQSxPQU5mO0FBV0UsTUFBQSxPQUFPLEVBQUVYLE9BWFg7QUFZRSxNQUFBLE1BQU0sRUFBRUU7QUFaVixRQWNHaEIsUUFkSCxDQURNO0FBQUEsR0FEVixDQURGO0FBc0JELENBN0NEOztlQStDZU0sWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7dXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Um9vdENvbnRleHR9IGZyb20gJy4uLyc7XG5pbXBvcnQgVGlwcHksIHtUaXBweVByb3BzfSBmcm9tICdAdGlwcHlqcy9yZWFjdCc7XG5cbmNvbnN0IFRpcHB5QXJyb3cgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxNXB4O1xuICBoZWlnaHQ6IDE1cHg7XG4gIGZpbGw6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbHRpcEJnfTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcblxuICA+IHN2ZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gO1xuXG5jb25zdCBUaXBweVRvb2x0aXBDb250ZW50ID0gc3R5bGVkKCh7Y2hpbGRyZW4sIC4uLnByb3BzfSkgPT4gKFxuICA8ZGl2IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICAgIDxUaXBweUFycm93IGNsYXNzTmFtZT1cInN2Zy1hcnJvd1wiIGRhdGEtcG9wcGVyLWFycm93PVwiXCI+XG4gICAgICA8c3ZnIHdpZHRoPXsxNX0gaGVpZ2h0PXsxNX0+XG4gICAgICAgIDxwYXRoIGQ9XCJNMiw3LjUgNy41LDIgMTMsNy41WlwiIC8+XG4gICAgICA8L3N2Zz5cbiAgICA8L1RpcHB5QXJyb3c+XG4gIDwvZGl2PlxuKSlgXG4gIGZvbnQtZmFtaWx5OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmZvbnRGYW1pbHl9O1xuICBmb250LXNpemU6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbHRpcEZvbnRTaXplfTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgcGFkZGluZzogN3B4IDE4cHg7XG4gIGJveC1zaGFkb3c6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbHRpcEJveFNoYWRvd307XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbHRpcEJnfTtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbHRpcENvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wcmltYXJ5QnRuUmFkaXVzfTtcbiAgJltkYXRhLXBsYWNlbWVudF49J3RvcCddID4gLnN2Zy1hcnJvdyB7XG4gICAgYm90dG9tOiAwO1xuICAgICY6OmFmdGVyLFxuICAgID4gc3ZnIHtcbiAgICAgIHRvcDogN3B4O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtcGxhY2VtZW50Xj0nYm90dG9tJ10gPiAuc3ZnLWFycm93IHtcbiAgICB0b3A6IDA7XG4gICAgPiBzdmcge1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXBsYWNlbWVudF49J2xlZnQnXSA+IC5zdmctYXJyb3cge1xuICAgIHJpZ2h0OiAwO1xuICAgICY6OmFmdGVyLFxuICAgID4gc3ZnIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgICAgIGxlZnQ6IDdweDtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtcGxhY2VtZW50Xj0ncmlnaHQnXSA+IC5zdmctYXJyb3cge1xuICAgIGxlZnQ6IDA7XG4gICAgJjo6YWZ0ZXIsXG4gICAgPiBzdmcge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICAgIHJpZ2h0OiA3cHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBUaXBweVRvb2x0aXAgPSAoe2NoaWxkcmVuLCByZW5kZXIsIGR1cmF0aW9uID0gMjAwLCAuLi5yZXN0fTogVGlwcHlQcm9wcykgPT4ge1xuICBjb25zdCBbb3BhY2l0eSwgc2V0T3BhY2l0eV0gPSB1c2VTdGF0ZSgwKTtcbiAgY29uc3QgW3RpbWVyLCBzZXRUaW1lcl0gPSB1c2VTdGF0ZShudWxsKTtcbiAgZnVuY3Rpb24gb25Nb3VudCgpIHtcbiAgICBzZXRPcGFjaXR5KDEpO1xuICAgIGlmICh0aW1lcikge1xuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICB9XG4gIH1cblxuICBmdW5jdGlvbiBvbkhpZGUoaW5zdGFuY2UpIHtcbiAgICBjb25zdCB7dW5tb3VudH0gPSBpbnN0YW5jZTtcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZiAoIWluc3RhbmNlLnN0YXRlPy5pc0Rlc3Ryb3llZCkge1xuICAgICAgICB1bm1vdW50KCk7XG4gICAgICB9XG4gICAgfSwgZHVyYXRpb25bMF0gfHwgZHVyYXRpb24pO1xuICAgIC8vIEB0cy1pZ25vcmVcbiAgICBzZXRUaW1lcih0aW1lb3V0KTtcbiAgICBzZXRPcGFjaXR5KDApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdENvbnRleHQuQ29uc3VtZXI+XG4gICAgICB7Y29udGV4dCA9PiAoXG4gICAgICAgIDxUaXBweVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIC8vIFVzaW5nIGRvY3VtZW50LmJvZHkgd291bGQgcmVzdWx0IGluIHRoZSBDU1Mgc3R5bGVzIG5vdCBiZWluZyBhcHBsaWVkXG4gICAgICAgICAgLy8gdG8gdGhlIHRvb2x0aXAgY29udGVudCB3aGVuIGVtYmVkZGluZyB0aGUgbWFwIHdpZGdldCBhcyBhIFNoYWRvdyBET00gZWxlbWVudC5cbiAgICAgICAgICBhcHBlbmRUbz17Y29udGV4dD8uY3VycmVudCB8fCAncGFyZW50J31cbiAgICAgICAgICBhbmltYXRpb249e3RydWV9XG4gICAgICAgICAgcmVuZGVyPXthdHRycyA9PiAoXG4gICAgICAgICAgICA8VGlwcHlUb29sdGlwQ29udGVudCB7Li4uYXR0cnN9IHN0eWxlPXt7b3BhY2l0eSwgdHJhbnNpdGlvbjogYG9wYWNpdHkgJHtkdXJhdGlvbn1tc2B9fT5cbiAgICAgICAgICAgICAge3JlbmRlcj8uKGF0dHJzKX1cbiAgICAgICAgICAgIDwvVGlwcHlUb29sdGlwQ29udGVudD5cbiAgICAgICAgICApfVxuICAgICAgICAgIG9uTW91bnQ9e29uTW91bnR9XG4gICAgICAgICAgb25IaWRlPXtvbkhpZGV9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvVGlwcHk+XG4gICAgICApfVxuICAgIDwvUm9vdENvbnRleHQuQ29uc3VtZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUaXBweVRvb2x0aXA7XG4iXX0=

package/dist/common/toolbar-item.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ComponentType, MouseEvent } from 'react';
+export declare type ToolbarItemProps = {
+    id?: string;
+    key?: string;
+    label: string;
+    className?: string;
+    active?: boolean;
+    onClose?: () => void;
+    onClick: ((event: MouseEvent<HTMLDivElement>) => void) | null;
+    icon?: ComponentType<any>;
+};
+declare const ToolbarItem: React.MemoExoticComponent<(props: ToolbarItemProps) => JSX.Element>;
+export default ToolbarItem;

package/dist/common/toolbar-item.js

@@ -0,0 +1,91 @@
+// 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");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _templateObject;
+
+var StyledDiv = _styledComponents["default"].div.attrs(function (props) {
+  return {
+    className: (0, _classnames["default"])('toolbar-item', props.className)
+  };
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  padding: 12px 20px;\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  width: 110px;\n  justify-content: space-between;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  background-color: ", ";\n\n  svg {\n    margin-bottom: 4px;\n  }\n  .toolbar-item__title {\n    white-space: nowrap;\n    color: ", ";\n  }\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n    svg {\n      color: ", ";\n    }\n    cursor: pointer;\n  }\n"])), function (props) {
+  return props.active ? props.theme.toolbarItemIconHover : props.theme.panelHeaderIcon;
+}, function (props) {
+  return props.active ? props.theme.toolbarItemBorderHover : 'transparent';
+}, function (props) {
+  return props.theme.toolbarItemBorderRaddius;
+}, function (props) {
+  return props.active ? props.theme.toolbarItemBgdHover : props.theme.dropdownListBgd;
+}, function (props) {
+  return props.theme.textColorHl;
+}, function (props) {
+  return props.theme.toolbarItemBgdHover;
+}, function (props) {
+  return props.theme.toolbarItemBorderHover;
+}, function (props) {
+  return props.theme.toolbarItemIconHover;
+});
+
+var ToolbarItem = /*#__PURE__*/_react["default"].memo(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledDiv, {
+    id: props.id,
+    className: props.className,
+    active: props.active,
+    onClick: function onClick(e) {
+      var _props$onClick;
+
+      e.stopPropagation();
+      e.preventDefault();
+
+      if (typeof props.onClose === 'function') {
+        props.onClose();
+      }
+
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
+    }
+  }, props.icon && /*#__PURE__*/_react["default"].createElement(props.icon, null), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "toolbar-item__title"
+  }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: props.label
+  })));
+});
+
+ToolbarItem.displayName = 'ToolbarItem';
+var _default = ToolbarItem;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdG9vbGJhci1pdGVtLnRzeCJdLCJuYW1lcyI6WyJTdHlsZWREaXYiLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsInByb3BzIiwiY2xhc3NOYW1lIiwiYWN0aXZlIiwidGhlbWUiLCJ0b29sYmFySXRlbUljb25Ib3ZlciIsInBhbmVsSGVhZGVySWNvbiIsInRvb2xiYXJJdGVtQm9yZGVySG92ZXIiLCJ0b29sYmFySXRlbUJvcmRlclJhZGRpdXMiLCJ0b29sYmFySXRlbUJnZEhvdmVyIiwiZHJvcGRvd25MaXN0QmdkIiwidGV4dENvbG9ySGwiLCJUb29sYmFySXRlbSIsIlJlYWN0IiwibWVtbyIsImlkIiwiZSIsInN0b3BQcm9wYWdhdGlvbiIsInByZXZlbnREZWZhdWx0Iiwib25DbG9zZSIsIm9uQ2xpY2siLCJpY29uIiwibGFiZWwiLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFPQSxJQUFNQSxTQUFTLEdBQUdDLDZCQUFPQyxHQUFQLENBQVdDLEtBQVgsQ0FBaUIsVUFBQUMsS0FBSztBQUFBLFNBQUs7QUFDM0NDLElBQUFBLFNBQVMsRUFBRSw0QkFBVyxjQUFYLEVBQTJCRCxLQUFLLENBQUNDLFNBQWpDO0FBRGdDLEdBQUw7QUFBQSxDQUF0QixDQUFILGdrQkFHSixVQUFBRCxLQUFLO0FBQUEsU0FDWkEsS0FBSyxDQUFDRSxNQUFOLEdBQWVGLEtBQUssQ0FBQ0csS0FBTixDQUFZQyxvQkFBM0IsR0FBa0RKLEtBQUssQ0FBQ0csS0FBTixDQUFZRSxlQURsRDtBQUFBLENBSEQsRUFXTyxVQUFBTCxLQUFLO0FBQUEsU0FBS0EsS0FBSyxDQUFDRSxNQUFOLEdBQWVGLEtBQUssQ0FBQ0csS0FBTixDQUFZRyxzQkFBM0IsR0FBb0QsYUFBekQ7QUFBQSxDQVhaLEVBWUksVUFBQU4sS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0csS0FBTixDQUFZSSx3QkFBaEI7QUFBQSxDQVpULEVBYU8sVUFBQVAsS0FBSztBQUFBLFNBQ3ZCQSxLQUFLLENBQUNFLE1BQU4sR0FBZUYsS0FBSyxDQUFDRyxLQUFOLENBQVlLLG1CQUEzQixHQUFpRFIsS0FBSyxDQUFDRyxLQUFOLENBQVlNLGVBRHRDO0FBQUEsQ0FiWixFQXFCRixVQUFBVCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDRyxLQUFOLENBQVlPLFdBQWhCO0FBQUEsQ0FyQkgsRUF5QlMsVUFBQVYsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0csS0FBTixDQUFZSyxtQkFBaEI7QUFBQSxDQXpCZCxFQTBCSyxVQUFBUixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDRyxLQUFOLENBQVlHLHNCQUFoQjtBQUFBLENBMUJWLEVBNEJBLFVBQUFOLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNHLEtBQU4sQ0FBWUMsb0JBQWhCO0FBQUEsQ0E1QkwsQ0FBZjs7QUE2Q0EsSUFBTU8sV0FBVyxnQkFBR0Msa0JBQU1DLElBQU4sQ0FBVyxVQUFDYixLQUFEO0FBQUEsc0JBQzdCLGdDQUFDLFNBQUQ7QUFDRSxJQUFBLEVBQUUsRUFBRUEsS0FBSyxDQUFDYyxFQURaO0FBRUUsSUFBQSxTQUFTLEVBQUVkLEtBQUssQ0FBQ0MsU0FGbkI7QUFHRSxJQUFBLE1BQU0sRUFBRUQsS0FBSyxDQUFDRSxNQUhoQjtBQUlFLElBQUEsT0FBTyxFQUFFLGlCQUFBYSxDQUFDLEVBQUk7QUFBQTs7QUFDWkEsTUFBQUEsQ0FBQyxDQUFDQyxlQUFGO0FBQ0FELE1BQUFBLENBQUMsQ0FBQ0UsY0FBRjs7QUFDQSxVQUFJLE9BQU9qQixLQUFLLENBQUNrQixPQUFiLEtBQXlCLFVBQTdCLEVBQXlDO0FBQ3ZDbEIsUUFBQUEsS0FBSyxDQUFDa0IsT0FBTjtBQUNEOztBQUNELHdCQUFBbEIsS0FBSyxDQUFDbUIsT0FBTix1RUFBQW5CLEtBQUssRUFBV2UsQ0FBWCxDQUFMO0FBQ0Q7QUFYSCxLQWFHZixLQUFLLENBQUNvQixJQUFOLGlCQUFjLGdDQUFDLEtBQUQsQ0FBTyxJQUFQLE9BYmpCLGVBY0U7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLGtCQUNFLGdDQUFDLDhCQUFEO0FBQWtCLElBQUEsRUFBRSxFQUFFcEIsS0FBSyxDQUFDcUI7QUFBNUIsSUFERixDQWRGLENBRDZCO0FBQUEsQ0FBWCxDQUFwQjs7QUFxQkFWLFdBQVcsQ0FBQ1csV0FBWixHQUEwQixhQUExQjtlQUVlWCxXIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7Q29tcG9uZW50VHlwZSwgTW91c2VFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbnRlcmZhY2UgU3R5bGVkRGl2UHJvcHMge1xuICBhY3RpdmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2LmF0dHJzKHByb3BzID0+ICh7XG4gIGNsYXNzTmFtZTogY2xhc3NuYW1lcygndG9vbGJhci1pdGVtJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpPFN0eWxlZERpdlByb3BzPmBcbiAgY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy5hY3RpdmUgPyBwcm9wcy50aGVtZS50b29sYmFySXRlbUljb25Ib3ZlciA6IHByb3BzLnRoZW1lLnBhbmVsSGVhZGVySWNvbn07XG4gIHBhZGRpbmc6IDEycHggMjBweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgd2lkdGg6IDExMHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7cHJvcHMgPT4gKHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtQm9yZGVySG92ZXIgOiAndHJhbnNwYXJlbnQnKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1Cb3JkZXJSYWRkaXVzfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtQmdkSG92ZXIgOiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RCZ2R9O1xuXG4gIHN2ZyB7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICB9XG4gIC50b29sYmFyLWl0ZW1fX3RpdGxlIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sYmFySXRlbUJnZEhvdmVyfTtcbiAgICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1Cb3JkZXJIb3Zlcn07XG4gICAgc3ZnIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtSWNvbkhvdmVyfTtcbiAgICB9XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBUb29sYmFySXRlbVByb3BzID0ge1xuICBpZD86IHN0cmluZztcbiAga2V5Pzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvbkNsaWNrOiAoKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4gdm9pZCkgfCBudWxsO1xuICBpY29uPzogQ29tcG9uZW50VHlwZTxhbnk+O1xufTtcblxuY29uc3QgVG9vbGJhckl0ZW0gPSBSZWFjdC5tZW1vKChwcm9wczogVG9vbGJhckl0ZW1Qcm9wcykgPT4gKFxuICA8U3R5bGVkRGl2XG4gICAgaWQ9e3Byb3BzLmlkfVxuICAgIGNsYXNzTmFtZT17cHJvcHMuY2xhc3NOYW1lfVxuICAgIGFjdGl2ZT17cHJvcHMuYWN0aXZlfVxuICAgIG9uQ2xpY2s9e2UgPT4ge1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGlmICh0eXBlb2YgcHJvcHMub25DbG9zZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBwcm9wcy5vbkNsb3NlKCk7XG4gICAgICB9XG4gICAgICBwcm9wcy5vbkNsaWNrPy4oZSk7XG4gICAgfX1cbiAgPlxuICAgIHtwcm9wcy5pY29uICYmIDxwcm9wcy5pY29uIC8+fVxuICAgIDxkaXYgY2xhc3NOYW1lPVwidG9vbGJhci1pdGVtX190aXRsZVwiPlxuICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e3Byb3BzLmxhYmVsfSAvPlxuICAgIDwvZGl2PlxuICA8L1N0eWxlZERpdj5cbikpO1xuXG5Ub29sYmFySXRlbS5kaXNwbGF5TmFtZSA9ICdUb29sYmFySXRlbSc7XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2xiYXJJdGVtO1xuIl19

package/dist/common/toolbar.d.ts

@@ -0,0 +1,5 @@
+export interface ToolbarProps {
+    show?: boolean;
+}
+declare const Toolbar: import("styled-components").StyledComponent<"div", any, ToolbarProps, never>;
+export default Toolbar;

package/dist/common/toolbar.js

@@ -0,0 +1,53 @@
+// 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");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var Toolbar = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  background-color: ", ";\n  box-shadow: ", ";\n  font-size: 12px;\n  transition: ", ";\n  margin-top: ", ";\n  opacity: ", ";\n  transform: translateX(calc(-50% + 20px));\n  pointer-events: ", ";\n  z-index: 1000;\n\n  .panel-header-dropdown__inner {\n    box-shadow: none;\n    background-color: transparent;\n    display: flex;\n  }\n"])), function (props) {
+  return props.theme.dropdownListBgd;
+}, function (props) {
+  return props.theme.dropdownListShadow;
+}, function (props) {
+  return props.theme.transitionSlow;
+}, function (props) {
+  return props.show ? '6px' : '20px';
+}, function (props) {
+  return props.show ? 1 : 0;
+}, function (props) {
+  return props.show ? 'all' : 'none';
+});
+
+Toolbar.displayName = 'Toolbar';
+var _default = Toolbar;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdG9vbGJhci50c3giXSwibmFtZXMiOlsiVG9vbGJhciIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJkcm9wZG93bkxpc3RCZ2QiLCJkcm9wZG93bkxpc3RTaGFkb3ciLCJ0cmFuc2l0aW9uU2xvdyIsInNob3ciLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7Ozs7QUFNQSxJQUFNQSxPQUFPLEdBQUdDLDZCQUFPQyxHQUFWLG9kQUdTLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsZUFBaEI7QUFBQSxDQUhkLEVBSUcsVUFBQUYsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRSxrQkFBaEI7QUFBQSxDQUpSLEVBTUcsVUFBQUgsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRyxjQUFoQjtBQUFBLENBTlIsRUFPRyxVQUFBSixLQUFLO0FBQUEsU0FBS0EsS0FBSyxDQUFDSyxJQUFOLEdBQWEsS0FBYixHQUFxQixNQUExQjtBQUFBLENBUFIsRUFRQSxVQUFBTCxLQUFLO0FBQUEsU0FBS0EsS0FBSyxDQUFDSyxJQUFOLEdBQWEsQ0FBYixHQUFpQixDQUF0QjtBQUFBLENBUkwsRUFVTyxVQUFBTCxLQUFLO0FBQUEsU0FBS0EsS0FBSyxDQUFDSyxJQUFOLEdBQWEsS0FBYixHQUFxQixNQUExQjtBQUFBLENBVlosQ0FBYjs7QUFvQkFSLE9BQU8sQ0FBQ1MsV0FBUixHQUFzQixTQUF0QjtlQUVlVCxPIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9vbGJhclByb3BzIHtcbiAgc2hvdz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFRvb2xiYXIgPSBzdHlsZWQuZGl2PFRvb2xiYXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZHJvcGRvd25MaXN0QmdkfTtcbiAgYm94LXNoYWRvdzogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RTaGFkb3d9O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRyYW5zaXRpb246ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHJhbnNpdGlvblNsb3d9O1xuICBtYXJnaW4tdG9wOiAke3Byb3BzID0+IChwcm9wcy5zaG93ID8gJzZweCcgOiAnMjBweCcpfTtcbiAgb3BhY2l0eTogJHtwcm9wcyA9PiAocHJvcHMuc2hvdyA/IDEgOiAwKX07XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKC01MCUgKyAyMHB4KSk7XG4gIHBvaW50ZXItZXZlbnRzOiAke3Byb3BzID0+IChwcm9wcy5zaG93ID8gJ2FsbCcgOiAnbm9uZScpfTtcbiAgei1pbmRleDogMTAwMDtcblxuICAucGFuZWwtaGVhZGVyLWRyb3Bkb3duX19pbm5lciB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG5gO1xuXG5Ub29sYmFyLmRpc3BsYXlOYW1lID0gJ1Rvb2xiYXInO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYmFyO1xuIl19

package/dist/common/vertical-toolbar.d.ts

@@ -0,0 +1,3 @@
+import { ToolbarProps } from './toolbar';
+declare const VerticalToolbar: import("styled-components").StyledComponent<"div", any, ToolbarProps, never>;
+export default VerticalToolbar;

package/dist/common/vertical-toolbar.js

@@ -0,0 +1,42 @@
+// 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");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _toolbar = _interopRequireDefault(require("./toolbar"));
+
+var _templateObject;
+
+var VerticalToolbar = (0, _styledComponents["default"])(_toolbar["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  flex-direction: column;\n\n  .toolbar-item {\n    width: 78px;\n    padding: 13px 16px;\n  }\n"])));
+VerticalToolbar.displayName = 'VerticalToolbar';
+var _default = VerticalToolbar;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdmVydGljYWwtdG9vbGJhci50c3giXSwibmFtZXMiOlsiVmVydGljYWxUb29sYmFyIiwiVG9vbGJhciIsImRpc3BsYXlOYW1lIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7OztBQUVBLElBQU1BLGVBQWUsR0FBRyxrQ0FBT0MsbUJBQVAsQ0FBSCx3TEFBckI7QUFTQUQsZUFBZSxDQUFDRSxXQUFoQixHQUE4QixpQkFBOUI7ZUFFZUYsZSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFRvb2xiYXIsIHtUb29sYmFyUHJvcHN9IGZyb20gJy4vdG9vbGJhcic7XG5cbmNvbnN0IFZlcnRpY2FsVG9vbGJhciA9IHN0eWxlZChUb29sYmFyKTxUb29sYmFyUHJvcHM+YFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gIC50b29sYmFyLWl0ZW0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIHBhZGRpbmc6IDEzcHggMTZweDtcbiAgfVxuYDtcblxuVmVydGljYWxUb29sYmFyLmRpc3BsYXlOYW1lID0gJ1ZlcnRpY2FsVG9vbGJhcic7XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsVG9vbGJhcjtcbiJdfQ==

package/dist/connect/keplergl-connect.d.ts

@@ -0,0 +1,5 @@
+import { JSXElementConstructor } from 'react';
+import { GetProps, Matching } from 'react-redux';
+export declare const connect: <T extends JSXElementConstructor<Matching<any, GetProps<T>>>>(mapStateToProps?: (state: any, _: any, __: any) => any, makeMapDispatchToProps?: () => (dispatch: any, _: any, __: any) => {
+    dispatch: any;
+}, reduxMergeProps?: any, options?: any) => (BaseComponent: T) => import("react").ComponentType<any>;

package/dist/connect/keplergl-connect.js

@@ -0,0 +1,67 @@
+// 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");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.connect = void 0;
+
+var _reactRedux = require("react-redux");
+
+var _withLocalSelector = _interopRequireDefault(require("./with-local-selector"));var defaultMapStateToProps = function defaultMapStateToProps(state, _, __) {
+  return state;
+};
+
+var defaultMapDispatchToProps = function defaultMapDispatchToProps() {
+  return function (dispatch, _, __) {
+    return {
+      dispatch: dispatch
+    };
+  };
+};
+
+var connect = function connect() {
+  var mapStateToProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultMapStateToProps;
+  var makeMapDispatchToProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultMapDispatchToProps;
+  var reduxMergeProps = arguments.length > 2 ? arguments[2] : undefined;
+  var options = arguments.length > 3 ? arguments[3] : undefined;
+  return function (BaseComponent) {
+    var mapDispatchToProps = makeMapDispatchToProps();
+
+    var reduxMapState = function reduxMapState(state, props) {
+      return mapStateToProps(props.selector(state), props, state);
+    };
+
+    var reduxMapDispatch = function reduxMapDispatch(dispatch, props) {
+      return mapDispatchToProps(props.dispatch, props, dispatch);
+    };
+
+    var ReduxComponent = (0, _reactRedux.connect)(reduxMapState, reduxMapDispatch, reduxMergeProps, options)(BaseComponent); // save selector to context so it can be accessed by its children
+
+    return (0, _withLocalSelector["default"])(ReduxComponent);
+  };
+};
+
+exports.connect = connect;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb25uZWN0L2tlcGxlcmdsLWNvbm5lY3QudHMiXSwibmFtZXMiOlsiZGVmYXVsdE1hcFN0YXRlVG9Qcm9wcyIsInN0YXRlIiwiXyIsIl9fIiwiZGVmYXVsdE1hcERpc3BhdGNoVG9Qcm9wcyIsImRpc3BhdGNoIiwiY29ubmVjdCIsIm1hcFN0YXRlVG9Qcm9wcyIsIm1ha2VNYXBEaXNwYXRjaFRvUHJvcHMiLCJyZWR1eE1lcmdlUHJvcHMiLCJvcHRpb25zIiwiQmFzZUNvbXBvbmVudCIsIm1hcERpc3BhdGNoVG9Qcm9wcyIsInJlZHV4TWFwU3RhdGUiLCJwcm9wcyIsInNlbGVjdG9yIiwicmVkdXhNYXBEaXNwYXRjaCIsIlJlZHV4Q29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFxQkE7O0FBQ0E7O0FBdEJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTUEsSUFBTUEsc0JBQXNCLEdBQUcsU0FBekJBLHNCQUF5QixDQUFDQyxLQUFELEVBQVFDLENBQVIsRUFBV0MsRUFBWDtBQUFBLFNBQWtCRixLQUFsQjtBQUFBLENBQS9COztBQUNBLElBQU1HLHlCQUF5QixHQUFHLFNBQTVCQSx5QkFBNEI7QUFBQSxTQUFNLFVBQUNDLFFBQUQsRUFBV0gsQ0FBWCxFQUFjQyxFQUFkO0FBQUEsV0FBc0I7QUFBQ0UsTUFBQUEsUUFBUSxFQUFSQTtBQUFELEtBQXRCO0FBQUEsR0FBTjtBQUFBLENBQWxDOztBQUVPLElBQU1DLE9BQU8sR0FBRyxTQUFWQSxPQUFVO0FBQUEsTUFDckJDLGVBRHFCLHVFQUNIUCxzQkFERztBQUFBLE1BRXJCUSxzQkFGcUIsdUVBRUlKLHlCQUZKO0FBQUEsTUFHckJLLGVBSHFCO0FBQUEsTUFJckJDLE9BSnFCO0FBQUEsU0FLbEIsVUFBQ0MsYUFBRCxFQUFzQjtBQUN6QixRQUFNQyxrQkFBa0IsR0FBR0osc0JBQXNCLEVBQWpEOztBQUNBLFFBQU1LLGFBQWEsR0FBRyxTQUFoQkEsYUFBZ0IsQ0FBQ1osS0FBRCxFQUFRYSxLQUFSO0FBQUEsYUFBa0JQLGVBQWUsQ0FBQ08sS0FBSyxDQUFDQyxRQUFOLENBQWVkLEtBQWYsQ0FBRCxFQUF3QmEsS0FBeEIsRUFBK0JiLEtBQS9CLENBQWpDO0FBQUEsS0FBdEI7O0FBRUEsUUFBTWUsZ0JBQWdCLEdBQUcsU0FBbkJBLGdCQUFtQixDQUFDWCxRQUFELEVBQVdTLEtBQVg7QUFBQSxhQUFxQkYsa0JBQWtCLENBQUNFLEtBQUssQ0FBQ1QsUUFBUCxFQUFpQlMsS0FBakIsRUFBd0JULFFBQXhCLENBQXZDO0FBQUEsS0FBekI7O0FBRUEsUUFBTVksY0FBYyxHQUFHLHlCQUNyQkosYUFEcUIsRUFFckJHLGdCQUZxQixFQUdyQlAsZUFIcUIsRUFJckJDLE9BSnFCLEVBS3JCQyxhQUxxQixDQUF2QixDQU55QixDQWF6Qjs7QUFDQSxXQUFPLG1DQUFrQk0sY0FBbEIsQ0FBUDtBQUNELEdBcEJzQjtBQUFBLENBQWhCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHtKU1hFbGVtZW50Q29uc3RydWN0b3J9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Y29ubmVjdCBhcyByZWR1eENvbm5lY3QsIEdldFByb3BzLCBNYXRjaGluZ30gZnJvbSAncmVhY3QtcmVkdXgnO1xuaW1wb3J0IHdpdGhMb2NhbFNlbGVjdG9yIGZyb20gJy4vd2l0aC1sb2NhbC1zZWxlY3Rvcic7XG5cbmNvbnN0IGRlZmF1bHRNYXBTdGF0ZVRvUHJvcHMgPSAoc3RhdGUsIF8sIF9fKSA9PiBzdGF0ZTtcbmNvbnN0IGRlZmF1bHRNYXBEaXNwYXRjaFRvUHJvcHMgPSAoKSA9PiAoZGlzcGF0Y2gsIF8sIF9fKSA9PiAoe2Rpc3BhdGNofSk7XG5cbmV4cG9ydCBjb25zdCBjb25uZWN0ID0gPFQgZXh0ZW5kcyBKU1hFbGVtZW50Q29uc3RydWN0b3I8TWF0Y2hpbmc8YW55LCBHZXRQcm9wczxUPj4+PihcbiAgbWFwU3RhdGVUb1Byb3BzID0gZGVmYXVsdE1hcFN0YXRlVG9Qcm9wcyxcbiAgbWFrZU1hcERpc3BhdGNoVG9Qcm9wcyA9IGRlZmF1bHRNYXBEaXNwYXRjaFRvUHJvcHMsXG4gIHJlZHV4TWVyZ2VQcm9wcz8sXG4gIG9wdGlvbnM/XG4pID0+IChCYXNlQ29tcG9uZW50OiBUKSA9PiB7XG4gIGNvbnN0IG1hcERpc3BhdGNoVG9Qcm9wcyA9IG1ha2VNYXBEaXNwYXRjaFRvUHJvcHMoKTtcbiAgY29uc3QgcmVkdXhNYXBTdGF0ZSA9IChzdGF0ZSwgcHJvcHMpID0+IG1hcFN0YXRlVG9Qcm9wcyhwcm9wcy5zZWxlY3RvcihzdGF0ZSksIHByb3BzLCBzdGF0ZSk7XG5cbiAgY29uc3QgcmVkdXhNYXBEaXNwYXRjaCA9IChkaXNwYXRjaCwgcHJvcHMpID0+IG1hcERpc3BhdGNoVG9Qcm9wcyhwcm9wcy5kaXNwYXRjaCwgcHJvcHMsIGRpc3BhdGNoKTtcblxuICBjb25zdCBSZWR1eENvbXBvbmVudCA9IHJlZHV4Q29ubmVjdChcbiAgICByZWR1eE1hcFN0YXRlLFxuICAgIHJlZHV4TWFwRGlzcGF0Y2gsXG4gICAgcmVkdXhNZXJnZVByb3BzLFxuICAgIG9wdGlvbnNcbiAgKShCYXNlQ29tcG9uZW50KTtcblxuICAvLyBzYXZlIHNlbGVjdG9yIHRvIGNvbnRleHQgc28gaXQgY2FuIGJlIGFjY2Vzc2VkIGJ5IGl0cyBjaGlsZHJlblxuICByZXR1cm4gd2l0aExvY2FsU2VsZWN0b3IoUmVkdXhDb21wb25lbnQpO1xufTtcbiJdfQ==

package/dist/connect/with-local-selector.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { KeplerGlState } from '@kepler.gl/reducers';
+declare const withLocalSelector: <P extends {}>(ParentComponent: React.ComponentType<P>) => React.ComponentType<P & {
+    selector: (...args: any[]) => KeplerGlState;
+}>;
+export default withLocalSelector;

package/dist/connect/with-local-selector.js

@@ -0,0 +1,130 @@
+// 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 _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reselect = require("reselect");
+
+var _context = _interopRequireDefault(require("../context"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var identity = function identity(state) {
+  return state;
+};
+
+var mergeSelectors = function mergeSelectors(parentSelector, childSelector) {
+  return function (state) {
+    return childSelector(parentSelector(state));
+  };
+}; // store the parent selector in the parent context
+// and return the parent component
+// when a selector is passed to a container component,
+// it will be stored in the context and passed down to child components,
+// as well as prop to the given component
+
+
+var withLocalSelector = function withLocalSelector(ParentComponent) {
+  var WithConnectSelector = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(WithConnectSelector, _Component);
+
+    var _super = _createSuper(WithConnectSelector);
+
+    function WithConnectSelector() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, WithConnectSelector);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "selectorFromContext", function (_, ctx) {
+        return ctx.selector ? ctx.selector : identity;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "selectorFromProps", function (props, _) {
+        return props.selector ? props.selector : identity;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "idFromProps", function (props, _) {
+        return props.id;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "computedSelector", (0, _reselect.createSelector)(_this.selectorFromContext, _this.selectorFromProps, function (ctx, props) {
+        return mergeSelectors(ctx, props);
+      }));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "contextSelector", (0, _reselect.createSelector)(_this.computedSelector, _this.idFromProps, function (selector, id) {
+        return {
+          selector: selector,
+          id: id
+        };
+      }));
+      return _this;
+    }
+
+    (0, _createClass2["default"])(WithConnectSelector, [{
+      key: "render",
+      value: function render() {
+        var computedContext = this.contextSelector(this.props, this.context);
+        return /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
+          value: computedContext
+        }, /*#__PURE__*/_react["default"].createElement(ParentComponent, (0, _extends2["default"])({}, this.props, {
+          selector: computedContext.selector
+        })));
+      }
+    }]);
+    return WithConnectSelector;
+  }(_react.Component);
+
+  (0, _defineProperty2["default"])(WithConnectSelector, "contextType", _context["default"]);
+  return WithConnectSelector;
+};
+
+var _default = withLocalSelector;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb25uZWN0L3dpdGgtbG9jYWwtc2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbImlkZW50aXR5Iiwic3RhdGUiLCJtZXJnZVNlbGVjdG9ycyIsInBhcmVudFNlbGVjdG9yIiwiY2hpbGRTZWxlY3RvciIsIndpdGhMb2NhbFNlbGVjdG9yIiwiUGFyZW50Q29tcG9uZW50IiwiV2l0aENvbm5lY3RTZWxlY3RvciIsIl8iLCJjdHgiLCJzZWxlY3RvciIsInByb3BzIiwiaWQiLCJzZWxlY3RvckZyb21Db250ZXh0Iiwic2VsZWN0b3JGcm9tUHJvcHMiLCJjb21wdXRlZFNlbGVjdG9yIiwiaWRGcm9tUHJvcHMiLCJjb21wdXRlZENvbnRleHQiLCJjb250ZXh0U2VsZWN0b3IiLCJjb250ZXh0IiwiQ29tcG9uZW50IiwiS2VwbGVyR2xDb250ZXh0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7Ozs7OztBQUdBLElBQU1BLFFBQVEsR0FBRyxTQUFYQSxRQUFXLENBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFKO0FBQUEsQ0FBdEI7O0FBRUEsSUFBTUMsY0FBYyxHQUFHLFNBQWpCQSxjQUFpQixDQUFDQyxjQUFELEVBQWlCQyxhQUFqQjtBQUFBLFNBQW1DLFVBQUFILEtBQUs7QUFBQSxXQUM3REcsYUFBYSxDQUFDRCxjQUFjLENBQUNGLEtBQUQsQ0FBZixDQURnRDtBQUFBLEdBQXhDO0FBQUEsQ0FBdkIsQyxDQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUVBLElBQU1JLGlCQUFpQixHQUFHLFNBQXBCQSxpQkFBb0IsQ0FDeEJDLGVBRHdCLEVBRW1EO0FBQUEsTUFDckVDLG1CQURxRTtBQUFBOztBQUFBOztBQUFBO0FBQUE7O0FBQUE7O0FBQUE7QUFBQTtBQUFBOztBQUFBO0FBQUEsOEdBSW5ELFVBQUNDLENBQUQsRUFBSUMsR0FBSjtBQUFBLGVBQWFBLEdBQUcsQ0FBQ0MsUUFBSixHQUFlRCxHQUFHLENBQUNDLFFBQW5CLEdBQThCVixRQUEzQztBQUFBLE9BSm1EO0FBQUEsNEdBS3JELFVBQUNXLEtBQUQsRUFBUUgsQ0FBUjtBQUFBLGVBQWVHLEtBQUssQ0FBQ0QsUUFBTixHQUFpQkMsS0FBSyxDQUFDRCxRQUF2QixHQUFrQ1YsUUFBakQ7QUFBQSxPQUxxRDtBQUFBLHNHQU0zRCxVQUFDVyxLQUFELEVBQVFILENBQVI7QUFBQSxlQUFjRyxLQUFLLENBQUNDLEVBQXBCO0FBQUEsT0FOMkQ7QUFBQSwyR0FPdEQsOEJBQ2pCLE1BQUtDLG1CQURZLEVBRWpCLE1BQUtDLGlCQUZZLEVBR2pCLFVBQUNMLEdBQUQsRUFBTUUsS0FBTjtBQUFBLGVBQWdCVCxjQUFjLENBQUNPLEdBQUQsRUFBTUUsS0FBTixDQUE5QjtBQUFBLE9BSGlCLENBUHNEO0FBQUEsMEdBYXZELDhCQUFlLE1BQUtJLGdCQUFwQixFQUFzQyxNQUFLQyxXQUEzQyxFQUF3RCxVQUFDTixRQUFELEVBQVdFLEVBQVg7QUFBQSxlQUFtQjtBQUMzRkYsVUFBQUEsUUFBUSxFQUFSQSxRQUQyRjtBQUUzRkUsVUFBQUEsRUFBRSxFQUFGQTtBQUYyRixTQUFuQjtBQUFBLE9BQXhELENBYnVEO0FBQUE7QUFBQTs7QUFBQTtBQUFBO0FBQUEsYUFrQnpFLGtCQUFTO0FBQ1AsWUFBTUssZUFBZSxHQUFHLEtBQUtDLGVBQUwsQ0FBcUIsS0FBS1AsS0FBMUIsRUFBaUMsS0FBS1EsT0FBdEMsQ0FBeEI7QUFDQSw0QkFDRSxnQ0FBQyxtQkFBRCxDQUFpQixRQUFqQjtBQUEwQixVQUFBLEtBQUssRUFBRUY7QUFBakMsd0JBQ0UsZ0NBQUMsZUFBRCxnQ0FBcUIsS0FBS04sS0FBMUI7QUFBaUMsVUFBQSxRQUFRLEVBQUVNLGVBQWUsQ0FBQ1A7QUFBM0QsV0FERixDQURGO0FBS0Q7QUF6QndFO0FBQUE7QUFBQSxJQUN6Q1UsZ0JBRHlDOztBQUFBLG1DQUNyRWIsbUJBRHFFLGlCQUVwRGMsbUJBRm9EO0FBNEIzRSxTQUFPZCxtQkFBUDtBQUNELENBL0JEOztlQWlDZUYsaUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnR9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Y3JlYXRlU2VsZWN0b3J9IGZyb20gJ3Jlc2VsZWN0JztcbmltcG9ydCBLZXBsZXJHbENvbnRleHQgZnJvbSAnLi4vY29udGV4dCc7XG5pbXBvcnQge0tlcGxlckdsU3RhdGV9IGZyb20gJ0BrZXBsZXIuZ2wvcmVkdWNlcnMnO1xuXG5jb25zdCBpZGVudGl0eSA9IHN0YXRlID0+IHN0YXRlO1xuXG5jb25zdCBtZXJnZVNlbGVjdG9ycyA9IChwYXJlbnRTZWxlY3RvciwgY2hpbGRTZWxlY3RvcikgPT4gc3RhdGUgPT5cbiAgY2hpbGRTZWxlY3RvcihwYXJlbnRTZWxlY3RvcihzdGF0ZSkpO1xuXG4vLyBzdG9yZSB0aGUgcGFyZW50IHNlbGVjdG9yIGluIHRoZSBwYXJlbnQgY29udGV4dFxuLy8gYW5kIHJldHVybiB0aGUgcGFyZW50IGNvbXBvbmVudFxuLy8gd2hlbiBhIHNlbGVjdG9yIGlzIHBhc3NlZCB0byBhIGNvbnRhaW5lciBjb21wb25lbnQsXG4vLyBpdCB3aWxsIGJlIHN0b3JlZCBpbiB0aGUgY29udGV4dCBhbmQgcGFzc2VkIGRvd24gdG8gY2hpbGQgY29tcG9uZW50cyxcbi8vIGFzIHdlbGwgYXMgcHJvcCB0byB0aGUgZ2l2ZW4gY29tcG9uZW50XG5cbmNvbnN0IHdpdGhMb2NhbFNlbGVjdG9yID0gPFAgZXh0ZW5kcyB7fT4oXG4gIFBhcmVudENvbXBvbmVudDogUmVhY3QuQ29tcG9uZW50VHlwZTxQPlxuKTogUmVhY3QuQ29tcG9uZW50VHlwZTxQICYge3NlbGVjdG9yOiAoLi4uYXJnczogYW55W10pID0+IEtlcGxlckdsU3RhdGV9PiA9PiB7XG4gIGNsYXNzIFdpdGhDb25uZWN0U2VsZWN0b3IgZXh0ZW5kcyBDb21wb25lbnQ8UCAmIHtzZWxlY3RvcjogKC4uLmFyZ3M6IGFueVtdKSA9PiBLZXBsZXJHbFN0YXRlfT4ge1xuICAgIHN0YXRpYyBjb250ZXh0VHlwZSA9IEtlcGxlckdsQ29udGV4dDtcblxuICAgIHNlbGVjdG9yRnJvbUNvbnRleHQgPSAoXywgY3R4KSA9PiAoY3R4LnNlbGVjdG9yID8gY3R4LnNlbGVjdG9yIDogaWRlbnRpdHkpO1xuICAgIHNlbGVjdG9yRnJvbVByb3BzID0gKHByb3BzLCBfKSA9PiAocHJvcHMuc2VsZWN0b3IgPyBwcm9wcy5zZWxlY3RvciA6IGlkZW50aXR5KTtcbiAgICBpZEZyb21Qcm9wcyA9IChwcm9wcywgXykgPT4gcHJvcHMuaWQ7XG4gICAgY29tcHV0ZWRTZWxlY3RvciA9IGNyZWF0ZVNlbGVjdG9yKFxuICAgICAgdGhpcy5zZWxlY3RvckZyb21Db250ZXh0LFxuICAgICAgdGhpcy5zZWxlY3RvckZyb21Qcm9wcyxcbiAgICAgIChjdHgsIHByb3BzKSA9PiBtZXJnZVNlbGVjdG9ycyhjdHgsIHByb3BzKVxuICAgICk7XG5cbiAgICBjb250ZXh0U2VsZWN0b3IgPSBjcmVhdGVTZWxlY3Rvcih0aGlzLmNvbXB1dGVkU2VsZWN0b3IsIHRoaXMuaWRGcm9tUHJvcHMsIChzZWxlY3RvciwgaWQpID0+ICh7XG4gICAgICBzZWxlY3RvcixcbiAgICAgIGlkXG4gICAgfSkpO1xuXG4gICAgcmVuZGVyKCkge1xuICAgICAgY29uc3QgY29tcHV0ZWRDb250ZXh0ID0gdGhpcy5jb250ZXh0U2VsZWN0b3IodGhpcy5wcm9wcywgdGhpcy5jb250ZXh0KTtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxLZXBsZXJHbENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbXB1dGVkQ29udGV4dH0+XG4gICAgICAgICAgPFBhcmVudENvbXBvbmVudCB7Li4udGhpcy5wcm9wc30gc2VsZWN0b3I9e2NvbXB1dGVkQ29udGV4dC5zZWxlY3Rvcn0gLz5cbiAgICAgICAgPC9LZXBsZXJHbENvbnRleHQuUHJvdmlkZXI+XG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiBXaXRoQ29ubmVjdFNlbGVjdG9yO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aExvY2FsU2VsZWN0b3I7XG4iXX0=