@kepler.gl/components 3.1.0-alpha.1 → 3.1.0-alpha.3

package/dist/common/timeline-slider.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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 _lodash = _interopRequireDefault(require("lodash.throttle"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("@kepler.gl/utils");
+var _styles = require("@kepler.gl/styles");
+var _constants = require("@kepler.gl/constants");
+var _slider = _interopRequireDefault(require("./slider/slider"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function noop() {
+  return;
+}
+var SLIDER_MARGIN_PALM = 6;
+var AnimationControlSlider = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n"])));
+var SliderWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  margin: 0 24px;\n\n  ", "\n"])), _styles.media.palm(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    margin: 0 ", "px;\n  "])), SLIDER_MARGIN_PALM));
+var StyledSlider = (0, _styledComponents["default"])(_slider["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  .kg-range-slider__bar {\n    // change colors\n  }\n"])));
+var StyledDomain = _styledComponents["default"].div.attrs(function (props) {
+  return {
+    className: (0, _classnames["default"])('animation-control__time-domain', props.className)
+  };
+})(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 10px;\n"])), function (props) {
+  return props.theme.titleTextColor;
+});
+var PROGRESS_BAR_HEIGHT = 8;
+function TimelineSliderFactory() {
+  var TimelineSlider = function TimelineSlider(_ref) {
+    var timeline = _ref.timeline,
+      setTimelineValue = _ref.setTimelineValue,
+      _ref$enableBarDrag = _ref.enableBarDrag,
+      enableBarDrag = _ref$enableBarDrag === void 0 ? true : _ref$enableBarDrag,
+      _ref$showDomainTimes = _ref.showDomainTimes,
+      showDomainTimes = _ref$showDomainTimes === void 0 ? true : _ref$showDomainTimes,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? PROGRESS_BAR_HEIGHT : _ref$height,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? null : _ref$className,
+      style = _ref.style;
+    var onThrottleUpdate = (0, _react.useMemo)(function () {
+      return (0, _lodash["default"])(setTimelineValue, 20);
+    }, [setTimelineValue]);
+    var step = timeline.step,
+      domain = timeline.domain,
+      value = timeline.value,
+      timeFormat = timeline.timeFormat,
+      defaultTimeFormat = timeline.defaultTimeFormat,
+      timezone = timeline.timezone,
+      animationWindow = timeline.animationWindow,
+      marks = timeline.marks;
+    var isRanged = (0, _react.useMemo)(function () {
+      return Array.isArray(value) && value.length === 2 && animationWindow !== _constants.ANIMATION_WINDOW.interval;
+    }, [animationWindow, value]);
+    var _useMemo = (0, _react.useMemo)(function () {
+        return [isRanged ? value[0] : null, isRanged ? value[1] : value[0]];
+      }, [isRanged, value]),
+      _useMemo2 = (0, _slicedToArray2["default"])(_useMemo, 2),
+      value0 = _useMemo2[0],
+      value1 = _useMemo2[1];
+    var _useMemo3 = (0, _react.useMemo)(function () {
+        if (!domain) return [noop, noop];
+        return [isRanged ? function (newValue) {
+          return onThrottleUpdate([(0, _utils.clamp)(domain, newValue), value1]);
+        } : noop, isRanged ? function (newValue) {
+          return onThrottleUpdate([value0, (0, _utils.clamp)(domain, newValue)]);
+        } : function (newValue) {
+          return onThrottleUpdate(animationWindow === _constants.ANIMATION_WINDOW.interval ?
+          // filter requires an array with 2 values
+          [(0, _utils.clamp)(domain, newValue), (0, _utils.clamp)(domain, newValue)] :
+          // animationConfig only requires one value
+          [(0, _utils.clamp)(domain, newValue)]);
+        }];
+      }, [animationWindow, domain, isRanged, value0, value1, onThrottleUpdate]),
+      _useMemo4 = (0, _slicedToArray2["default"])(_useMemo3, 2),
+      onSlider0Change = _useMemo4[0],
+      onSlider1Change = _useMemo4[1];
+    var timelineSliderStyle = (0, _react.useMemo)(function () {
+      return {
+        height: "".concat(height, "px")
+      };
+    }, [height]);
+    var _useMemo5 = (0, _react.useMemo)(function () {
+        if (!showDomainTimes) {
+          return [null, null];
+        }
+        var hasUserFormat = typeof timeFormat === 'string';
+        var currentFormat = (hasUserFormat ? timeFormat : defaultTimeFormat) || _constants.DEFAULT_TIME_FORMAT;
+        var dateFunc = (0, _utils.datetimeFormatter)(timezone)(currentFormat);
+        return [domain ? dateFunc(domain[0]) : '', domain ? dateFunc(domain[1]) : ''];
+      }, [domain, timezone, timeFormat, defaultTimeFormat, showDomainTimes]),
+      _useMemo6 = (0, _slicedToArray2["default"])(_useMemo5, 2),
+      timeStart = _useMemo6[0],
+      timeEnd = _useMemo6[1];
+    var requiresRangeSlider = isRanged && animationWindow !== _constants.ANIMATION_WINDOW.interval;
+    return /*#__PURE__*/_react["default"].createElement(AnimationControlSlider, {
+      style: style,
+      className: (0, _classnames["default"])('animation-control__time-slider', className)
+    }, timeStart ? /*#__PURE__*/_react["default"].createElement(StyledDomain, {
+      className: "domain-start"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, timeStart)) : null, /*#__PURE__*/_react["default"].createElement(SliderWrapper, {
+      className: "animation-control__slider"
+    }, /*#__PURE__*/_react["default"].createElement(StyledSlider, {
+      isRanged: requiresRangeSlider,
+      step: step || undefined,
+      minValue: domain ? domain[0] : 0,
+      maxValue: domain ? domain[1] : 1,
+      enableBarDrag: enableBarDrag,
+      style: timelineSliderStyle,
+      onSlider0Change: onSlider0Change,
+      onSlider1Change: onSlider1Change,
+      value0: value0,
+      value1: value1,
+      marks: marks
+    })), timeEnd ? /*#__PURE__*/_react["default"].createElement(StyledDomain, {
+      className: "domain-end"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, timeEnd)) : null);
+  };
+  return TimelineSlider;
+}
+var _default = exports["default"] = TimelineSliderFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfbG9kYXNoIiwiX2NsYXNzbmFtZXMiLCJfdXRpbHMiLCJfc3R5bGVzIiwiX2NvbnN0YW50cyIsIl9zbGlkZXIiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIl90ZW1wbGF0ZU9iamVjdDQiLCJfdGVtcGxhdGVPYmplY3Q1IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0Iiwibm9vcCIsIlNMSURFUl9NQVJHSU5fUEFMTSIsIkFuaW1hdGlvbkNvbnRyb2xTbGlkZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlNsaWRlcldyYXBwZXIiLCJtZWRpYSIsInBhbG0iLCJTdHlsZWRTbGlkZXIiLCJTbGlkZXIiLCJTdHlsZWREb21haW4iLCJhdHRycyIsInByb3BzIiwiY2xhc3NOYW1lIiwiY2xhc3NuYW1lcyIsInRoZW1lIiwidGl0bGVUZXh0Q29sb3IiLCJQUk9HUkVTU19CQVJfSEVJR0hUIiwiVGltZWxpbmVTbGlkZXJGYWN0b3J5IiwiVGltZWxpbmVTbGlkZXIiLCJfcmVmIiwidGltZWxpbmUiLCJzZXRUaW1lbGluZVZhbHVlIiwiX3JlZiRlbmFibGVCYXJEcmFnIiwiZW5hYmxlQmFyRHJhZyIsIl9yZWYkc2hvd0RvbWFpblRpbWVzIiwic2hvd0RvbWFpblRpbWVzIiwiX3JlZiRoZWlnaHQiLCJoZWlnaHQiLCJfcmVmJGNsYXNzTmFtZSIsInN0eWxlIiwib25UaHJvdHRsZVVwZGF0ZSIsInVzZU1lbW8iLCJ0aHJvdHRsZSIsInN0ZXAiLCJkb21haW4iLCJ2YWx1ZSIsInRpbWVGb3JtYXQiLCJkZWZhdWx0VGltZUZvcm1hdCIsInRpbWV6b25lIiwiYW5pbWF0aW9uV2luZG93IiwibWFya3MiLCJpc1JhbmdlZCIsIkFycmF5IiwiaXNBcnJheSIsImxlbmd0aCIsIkFOSU1BVElPTl9XSU5ET1ciLCJpbnRlcnZhbCIsIl91c2VNZW1vIiwiX3VzZU1lbW8yIiwiX3NsaWNlZFRvQXJyYXkyIiwidmFsdWUwIiwidmFsdWUxIiwiX3VzZU1lbW8zIiwibmV3VmFsdWUiLCJjbGFtcCIsIl91c2VNZW1vNCIsIm9uU2xpZGVyMENoYW5nZSIsIm9uU2xpZGVyMUNoYW5nZSIsInRpbWVsaW5lU2xpZGVyU3R5bGUiLCJjb25jYXQiLCJfdXNlTWVtbzUiLCJoYXNVc2VyRm9ybWF0IiwiY3VycmVudEZvcm1hdCIsIkRFRkFVTFRfVElNRV9GT1JNQVQiLCJkYXRlRnVuYyIsImRhdGV0aW1lRm9ybWF0dGVyIiwiX3VzZU1lbW82IiwidGltZVN0YXJ0IiwidGltZUVuZCIsInJlcXVpcmVzUmFuZ2VTbGlkZXIiLCJjcmVhdGVFbGVtZW50IiwidW5kZWZpbmVkIiwibWluVmFsdWUiLCJtYXhWYWx1ZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdGltZWxpbmUtc2xpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB0aHJvdHRsZSBmcm9tICdsb2Rhc2gudGhyb3R0bGUnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQge2NsYW1wLCBkYXRldGltZUZvcm1hdHRlcn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge21lZGlhfSBmcm9tICdAa2VwbGVyLmdsL3N0eWxlcyc7XG5pbXBvcnQge0RFRkFVTFRfVElNRV9GT1JNQVQsIEFOSU1BVElPTl9XSU5ET1d9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7VGltZWxpbmV9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IFNsaWRlciBmcm9tICcuL3NsaWRlci9zbGlkZXInO1xuXG5mdW5jdGlvbiBub29wKCkge1xuICByZXR1cm47XG59XG5cbmNvbnN0IFNMSURFUl9NQVJHSU5fUEFMTSA9IDY7XG5cbmNvbnN0IEFuaW1hdGlvbkNvbnRyb2xTbGlkZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU2xpZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZmxleC1ncm93OiAxO1xuICBtYXJnaW46IDAgMjRweDtcblxuICAke21lZGlhLnBhbG1gXG4gICAgbWFyZ2luOiAwICR7U0xJREVSX01BUkdJTl9QQUxNfXB4O1xuICBgfVxuYDtcblxuY29uc3QgU3R5bGVkU2xpZGVyID0gc3R5bGVkKFNsaWRlcilgXG4gIC5rZy1yYW5nZS1zbGlkZXJfX2JhciB7XG4gICAgLy8gY2hhbmdlIGNvbG9yc1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREb21haW4gPSBzdHlsZWQuZGl2LmF0dHJzKHByb3BzID0+ICh7XG4gIGNsYXNzTmFtZTogY2xhc3NuYW1lcygnYW5pbWF0aW9uLWNvbnRyb2xfX3RpbWUtZG9tYWluJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50aXRsZVRleHRDb2xvcn07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGZvbnQtc2l6ZTogMTBweDtcbmA7XG5cbmNvbnN0IFBST0dSRVNTX0JBUl9IRUlHSFQgPSA4O1xuXG5pbnRlcmZhY2UgVGltZWxpbmVTbGlkZXJQcm9wcyB7XG4gIHRpbWVsaW5lOiBUaW1lbGluZTtcbiAgc2V0VGltZWxpbmVWYWx1ZTogKHZhbHVlOiBbbnVtYmVyXSB8IFtudW1iZXIsIG51bWJlcl0pID0+IHZvaWQ7XG4gIGVuYWJsZUJhckRyYWc/OiBib29sZWFuO1xuICBzaG93RG9tYWluVGltZXM/OiBib29sZWFuO1xuICBoZWlnaHQ/OiBudW1iZXI7XG4gIGNsYXNzTmFtZT86IHN0cmluZyB8IG51bGw7XG4gIHN0eWxlPzogb2JqZWN0O1xufVxuXG5mdW5jdGlvbiBUaW1lbGluZVNsaWRlckZhY3RvcnkoKSB7XG4gIGNvbnN0IFRpbWVsaW5lU2xpZGVyOiBSZWFjdC5GQzxUaW1lbGluZVNsaWRlclByb3BzPiA9ICh7XG4gICAgdGltZWxpbmUsIC8vIHRpbWVsaW5lIGNhbiBiZSBhIHVuaW9uIG9mIGZpbHRlciBhbmQgYW5pbWF0aW9uQ29uZmlnXG4gICAgLy8gd2UgY2FuIHBhc3MgdGltZWxpbmUgdG8gYSBob29rIGFuZCBnZXQgYmFjayB2YWx1ZXMgYW5kIGNvbnRyb2xsZXJzXG4gICAgc2V0VGltZWxpbmVWYWx1ZSxcbiAgICBlbmFibGVCYXJEcmFnID0gdHJ1ZSxcbiAgICBzaG93RG9tYWluVGltZXMgPSB0cnVlLFxuICAgIGhlaWdodCA9IFBST0dSRVNTX0JBUl9IRUlHSFQsXG4gICAgY2xhc3NOYW1lID0gbnVsbCxcbiAgICBzdHlsZVxuICB9KSA9PiB7XG4gICAgY29uc3Qgb25UaHJvdHRsZVVwZGF0ZSA9IHVzZU1lbW8oKCkgPT4gdGhyb3R0bGUoc2V0VGltZWxpbmVWYWx1ZSwgMjApLCBbc2V0VGltZWxpbmVWYWx1ZV0pO1xuXG4gICAgY29uc3Qge3N0ZXAsIGRvbWFpbiwgdmFsdWUsIHRpbWVGb3JtYXQsIGRlZmF1bHRUaW1lRm9ybWF0LCB0aW1lem9uZSwgYW5pbWF0aW9uV2luZG93LCBtYXJrc30gPVxuICAgICAgdGltZWxpbmU7XG5cbiAgICBjb25zdCBpc1JhbmdlZCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PlxuICAgICAgICBBcnJheS5pc0FycmF5KHZhbHVlKSAmJiB2YWx1ZS5sZW5ndGggPT09IDIgJiYgYW5pbWF0aW9uV2luZG93ICE9PSBBTklNQVRJT05fV0lORE9XLmludGVydmFsLFxuICAgICAgW2FuaW1hdGlvbldpbmRvdywgdmFsdWVdXG4gICAgKTtcblxuICAgIGNvbnN0IFt2YWx1ZTAsIHZhbHVlMV06IFtudW1iZXIsIG51bWJlcl0gPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gW2lzUmFuZ2VkID8gdmFsdWVbMF0gOiBudWxsLCBpc1JhbmdlZCA/IHZhbHVlWzFdIDogdmFsdWVbMF1dLFxuICAgICAgW2lzUmFuZ2VkLCB2YWx1ZV1cbiAgICApO1xuXG4gICAgY29uc3QgW29uU2xpZGVyMENoYW5nZSwgb25TbGlkZXIxQ2hhbmdlXSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCFkb21haW4pIHJldHVybiBbbm9vcCwgbm9vcF07XG4gICAgICByZXR1cm4gW1xuICAgICAgICBpc1JhbmdlZCA/IChuZXdWYWx1ZTogbnVtYmVyKSA9PiBvblRocm90dGxlVXBkYXRlKFtjbGFtcChkb21haW4sIG5ld1ZhbHVlKSwgdmFsdWUxXSkgOiBub29wLFxuICAgICAgICBpc1JhbmdlZFxuICAgICAgICAgID8gKG5ld1ZhbHVlOiBudW1iZXIpID0+IG9uVGhyb3R0bGVVcGRhdGUoW3ZhbHVlMCwgY2xhbXAoZG9tYWluLCBuZXdWYWx1ZSldKVxuICAgICAgICAgIDogKG5ld1ZhbHVlOiBudW1iZXIpID0+XG4gICAgICAgICAgICAgIG9uVGhyb3R0bGVVcGRhdGUoXG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uV2luZG93ID09PSBBTklNQVRJT05fV0lORE9XLmludGVydmFsXG4gICAgICAgICAgICAgICAgICA/IC8vIGZpbHRlciByZXF1aXJlcyBhbiBhcnJheSB3aXRoIDIgdmFsdWVzXG4gICAgICAgICAgICAgICAgICAgIFtjbGFtcChkb21haW4sIG5ld1ZhbHVlKSwgY2xhbXAoZG9tYWluLCBuZXdWYWx1ZSldXG4gICAgICAgICAgICAgICAgICA6IC8vIGFuaW1hdGlvbkNvbmZpZyBvbmx5IHJlcXVpcmVzIG9uZSB2YWx1ZVxuICAgICAgICAgICAgICAgICAgICBbY2xhbXAoZG9tYWluLCBuZXdWYWx1ZSldXG4gICAgICAgICAgICAgIClcbiAgICAgIF07XG4gICAgfSwgW2FuaW1hdGlvbldpbmRvdywgZG9tYWluLCBpc1JhbmdlZCwgdmFsdWUwLCB2YWx1ZTEsIG9uVGhyb3R0bGVVcGRhdGVdKTtcblxuICAgIGNvbnN0IHRpbWVsaW5lU2xpZGVyU3R5bGUgPSB1c2VNZW1vKCgpID0+ICh7aGVpZ2h0OiBgJHtoZWlnaHR9cHhgfSksIFtoZWlnaHRdKTtcblxuICAgIGNvbnN0IFt0aW1lU3RhcnQsIHRpbWVFbmRdID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoIXNob3dEb21haW5UaW1lcykge1xuICAgICAgICByZXR1cm4gW251bGwsIG51bGxdO1xuICAgICAgfVxuXG4gICAgICBjb25zdCBoYXNVc2VyRm9ybWF0ID0gdHlwZW9mIHRpbWVGb3JtYXQgPT09ICdzdHJpbmcnO1xuICAgICAgY29uc3QgY3VycmVudEZvcm1hdCA9IChoYXNVc2VyRm9ybWF0ID8gdGltZUZvcm1hdCA6IGRlZmF1bHRUaW1lRm9ybWF0KSB8fCBERUZBVUxUX1RJTUVfRk9STUFUO1xuICAgICAgY29uc3QgZGF0ZUZ1bmMgPSBkYXRldGltZUZvcm1hdHRlcih0aW1lem9uZSkoY3VycmVudEZvcm1hdCk7XG5cbiAgICAgIHJldHVybiBbZG9tYWluID8gZGF0ZUZ1bmMoZG9tYWluWzBdKSA6ICcnLCBkb21haW4gPyBkYXRlRnVuYyhkb21haW5bMV0pIDogJyddO1xuICAgIH0sIFtkb21haW4sIHRpbWV6b25lLCB0aW1lRm9ybWF0LCBkZWZhdWx0VGltZUZvcm1hdCwgc2hvd0RvbWFpblRpbWVzXSk7XG5cbiAgICBjb25zdCByZXF1aXJlc1JhbmdlU2xpZGVyID0gaXNSYW5nZWQgJiYgYW5pbWF0aW9uV2luZG93ICE9PSBBTklNQVRJT05fV0lORE9XLmludGVydmFsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxBbmltYXRpb25Db250cm9sU2xpZGVyXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKCdhbmltYXRpb24tY29udHJvbF9fdGltZS1zbGlkZXInLCBjbGFzc05hbWUpfVxuICAgICAgPlxuICAgICAgICB7dGltZVN0YXJ0ID8gKFxuICAgICAgICAgIDxTdHlsZWREb21haW4gY2xhc3NOYW1lPVwiZG9tYWluLXN0YXJ0XCI+XG4gICAgICAgICAgICA8c3Bhbj57dGltZVN0YXJ0fTwvc3Bhbj5cbiAgICAgICAgICA8L1N0eWxlZERvbWFpbj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxTbGlkZXJXcmFwcGVyIGNsYXNzTmFtZT1cImFuaW1hdGlvbi1jb250cm9sX19zbGlkZXJcIj5cbiAgICAgICAgICA8U3R5bGVkU2xpZGVyXG4gICAgICAgICAgICBpc1JhbmdlZD17cmVxdWlyZXNSYW5nZVNsaWRlcn1cbiAgICAgICAgICAgIHN0ZXA9e3N0ZXAgfHwgdW5kZWZpbmVkfVxuICAgICAgICAgICAgbWluVmFsdWU9e2RvbWFpbiA/IGRvbWFpblswXSA6IDB9XG4gICAgICAgICAgICBtYXhWYWx1ZT17ZG9tYWluID8gZG9tYWluWzFdIDogMX1cbiAgICAgICAgICAgIGVuYWJsZUJhckRyYWc9e2VuYWJsZUJhckRyYWd9XG4gICAgICAgICAgICBzdHlsZT17dGltZWxpbmVTbGlkZXJTdHlsZX1cbiAgICAgICAgICAgIG9uU2xpZGVyMENoYW5nZT17b25TbGlkZXIwQ2hhbmdlfVxuICAgICAgICAgICAgb25TbGlkZXIxQ2hhbmdlPXtvblNsaWRlcjFDaGFuZ2V9XG4gICAgICAgICAgICB2YWx1ZTA9e3ZhbHVlMH1cbiAgICAgICAgICAgIHZhbHVlMT17dmFsdWUxfVxuICAgICAgICAgICAgbWFya3M9e21hcmtzfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU2xpZGVyV3JhcHBlcj5cbiAgICAgICAge3RpbWVFbmQgPyAoXG4gICAgICAgICAgPFN0eWxlZERvbWFpbiBjbGFzc05hbWU9XCJkb21haW4tZW5kXCI+XG4gICAgICAgICAgICA8c3Bhbj57dGltZUVuZH08L3NwYW4+XG4gICAgICAgICAgPC9TdHlsZWREb21haW4+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9BbmltYXRpb25Db250cm9sU2xpZGVyPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIFRpbWVsaW5lU2xpZGVyO1xufVxuXG5leHBvcnQgZGVmYXVsdCBUaW1lbGluZVNsaWRlckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsT0FBQSxHQUFBRCxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUksV0FBQSxHQUFBRixzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUssTUFBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sT0FBQSxHQUFBTixPQUFBO0FBQ0EsSUFBQU8sVUFBQSxHQUFBUCxPQUFBO0FBRUEsSUFBQVEsT0FBQSxHQUFBTixzQkFBQSxDQUFBRixPQUFBO0FBQXFDLElBQUFTLGVBQUEsRUFBQUMsZ0JBQUEsRUFBQUMsZ0JBQUEsRUFBQUMsZ0JBQUEsRUFBQUMsZ0JBQUEsRUFYckM7QUFDQTtBQUFBLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFB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

package/dist/common/tippy-tooltip.d.ts

@@ -0,0 +1,6 @@
+import { TippyProps } from '@tippyjs/react';
+import React from 'react';
+declare const TippyTooltip: ({ children, render, duration, arrow, isLightTheme, className, ...rest }: TippyProps & {
+    isLightTheme?: boolean | undefined;
+}) => React.JSX.Element;
+export default TippyTooltip;

package/dist/common/tippy-tooltip.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+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 _react = _interopRequireDefault(require("@tippyjs/react"));
+var _react2 = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _context = require("../context");
+var _excluded = ["children", "arrow", "isLightTheme"],
+  _excluded2 = ["children", "render", "duration", "arrow", "isLightTheme", "className"];
+var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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;
+});
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var TippyTooltipContent = (0, _styledComponents["default"])(function (_ref) {
+  var children = _ref.children,
+    arrow = _ref.arrow,
+    isLightTheme = _ref.isLightTheme,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react2["default"].createElement("div", props, children, arrow ? /*#__PURE__*/_react2["default"].createElement(TippyArrow, {
+    className: "svg-arrow",
+    "data-popper-arrow": ""
+  }, /*#__PURE__*/_react2["default"].createElement("svg", {
+    width: 15,
+    height: 15
+  }, /*#__PURE__*/_react2["default"].createElement("path", {
+    d: "M2,7.5 7.5,2 13,7.5Z"
+  }))) : null);
+})(_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  ", "\n"])), function (props) {
+  return props.theme.fontFamily;
+}, function (props) {
+  return props.theme.tooltipFontSize;
+}, function (props) {
+  return props.isLightTheme ? props.theme.panelBoxShadow : props.theme.tooltipBoxShadow;
+}, function (props) {
+  return props.isLightTheme ? props.theme.tooltipBgLT : props.theme.tooltipBg;
+}, function (props) {
+  return props.isLightTheme ? props.theme.tooltipColorLT : props.theme.tooltipColor;
+}, function (props) {
+  return props.theme.primaryBtnRadius;
+}, function (props) {
+  return props.arrow ? "\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  " : '';
+});
+var TippyTooltip = function TippyTooltip(_ref2) {
+  var children = _ref2.children,
+    _render = _ref2.render,
+    _ref2$duration = _ref2.duration,
+    duration = _ref2$duration === void 0 ? 200 : _ref2$duration,
+    _ref2$arrow = _ref2.arrow,
+    arrow = _ref2$arrow === void 0 ? true : _ref2$arrow,
+    _ref2$isLightTheme = _ref2.isLightTheme,
+    isLightTheme = _ref2$isLightTheme === void 0 ? false : _ref2$isLightTheme,
+    className = _ref2.className,
+    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  var _useState = (0, _react2.useState)(0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    opacity = _useState2[0],
+    setOpacity = _useState2[1];
+  var _useState3 = (0, _react2.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);
+  }
+  var skipNextShow = (0, _react2.useRef)(false);
+  var onTrigger = (0, _react2.useCallback)(function (instance, event) {
+    if (event instanceof MouseEvent && event.buttons > 0) {
+      // if the user is holding down the mouse button, e.g. while dragging, we won't show the tooltip
+      skipNextShow.current = true;
+    } else {
+      skipNextShow.current = false;
+    }
+  }, []);
+  var onShow = (0, _react2.useCallback)(function () {
+    if (skipNextShow.current) {
+      return false;
+    }
+    return;
+  }, []);
+  return /*#__PURE__*/_react2["default"].createElement(_context.RootContext.Consumer, null, function (context) {
+    return /*#__PURE__*/_react2["default"].createElement(_react["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__*/_react2["default"].createElement(TippyTooltipContent, (0, _extends2["default"])({}, attrs, {
+          className: className,
+          style: {
+            opacity: opacity,
+            transition: "opacity ".concat(duration, "ms")
+          },
+          arrow: arrow,
+          isLightTheme: isLightTheme
+        }), _render === null || _render === void 0 ? void 0 : _render(attrs));
+      },
+      onMount: onMount,
+      onHide: onHide,
+      onTrigger: onTrigger,
+      onShow: onShow
+    }), children);
+  });
+};
+var _default = exports["default"] = TippyTooltip;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdDIiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NvbnRleHQiLCJfZXhjbHVkZWQiLCJfZXhjbHVkZWQyIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIlRpcHB5QXJyb3ciLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJ0b29sdGlwQmciLCJUaXBweVRvb2x0aXBDb250ZW50IiwiX3JlZiIsImNoaWxkcmVuIiwiYXJyb3ciLCJpc0xpZ2h0VGhlbWUiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMyIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIndpZHRoIiwiaGVpZ2h0IiwiZCIsImZvbnRGYW1pbHkiLCJ0b29sdGlwRm9udFNpemUiLCJwYW5lbEJveFNoYWRvdyIsInRvb2x0aXBCb3hTaGFkb3ciLCJ0b29sdGlwQmdMVCIsInRvb2x0aXBDb2xvckxUIiwidG9vbHRpcENvbG9yIiwicHJpbWFyeUJ0blJhZGl1cyIsIlRpcHB5VG9vbHRpcCIsIl9yZWYyIiwicmVuZGVyIiwiX3JlZjIkZHVyYXRpb24iLCJkdXJhdGlvbiIsIl9yZWYyJGFycm93IiwiX3JlZjIkaXNMaWdodFRoZW1lIiwicmVzdCIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsIm9wYWNpdHkiLCJzZXRPcGFjaXR5IiwiX3VzZVN0YXRlMyIsIl91c2VTdGF0ZTQiLCJ0aW1lciIsInNldFRpbWVyIiwib25Nb3VudCIsImNsZWFyVGltZW91dCIsIm9uSGlkZSIsImluc3RhbmNlIiwidW5tb3VudCIsInRpbWVvdXQiLCJzZXRUaW1lb3V0IiwiX2luc3RhbmNlJHN0YXRlIiwic3RhdGUiLCJpc0Rlc3Ryb3llZCIsInNraXBOZXh0U2hvdyIsInVzZVJlZiIsIm9uVHJpZ2dlciIsInVzZUNhbGxiYWNrIiwiZXZlbnQiLCJNb3VzZUV2ZW50IiwiYnV0dG9ucyIsImN1cnJlbnQiLCJvblNob3ciLCJSb290Q29udGV4dCIsIkNvbnN1bWVyIiwiY29udGV4dCIsIl9leHRlbmRzMiIsImFwcGVuZFRvIiwiYW5pbWF0aW9uIiwiYXR0cnMiLCJzdHlsZSIsInRyYW5zaXRpb24iLCJjb25jYXQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tbW9uL3RpcHB5LXRvb2x0aXAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBUaXBweSwge1RpcHB5UHJvcHN9IGZyb20gJ0B0aXBweWpzL3JlYWN0JztcbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtSb290Q29udGV4dH0gZnJvbSAnLi4vY29udGV4dCc7XG5cbmNvbnN0IFRpcHB5QXJyb3cgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxNXB4O1xuICBoZWlnaHQ6IDE1cHg7XG4gIGZpbGw6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbHRpcEJnfTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcblxuICA+IHN2ZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gO1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG5jb25zdCBUaXBweVRvb2x0aXBDb250ZW50ID0gc3R5bGVkKCh7Y2hpbGRyZW4sIGFycm93LCBpc0xpZ2h0VGhlbWUsIC4uLnByb3BzfSkgPT4gKFxuICA8ZGl2IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICAgIHthcnJvdyA/IChcbiAgICAgIDxUaXBweUFycm93IGNsYXNzTmFtZT1cInN2Zy1hcnJvd1wiIGRhdGEtcG9wcGVyLWFycm93PVwiXCI+XG4gICAgICAgIDxzdmcgd2lkdGg9ezE1fSBoZWlnaHQ9ezE1fT5cbiAgICAgICAgICA8cGF0aCBkPVwiTTIsNy41IDcuNSwyIDEzLDcuNVpcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvVGlwcHlBcnJvdz5cbiAgICApIDogbnVsbH1cbiAgPC9kaXY+XG4pKWBcbiAgZm9udC1mYW1pbHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZm9udEZhbWlseX07XG4gIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sdGlwRm9udFNpemV9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBwYWRkaW5nOiA3cHggMThweDtcbiAgYm94LXNoYWRvdzogJHtwcm9wcyA9PlxuICAgIHByb3BzLmlzTGlnaHRUaGVtZSA/IHByb3BzLnRoZW1lLnBhbmVsQm94U2hhZG93IDogcHJvcHMudGhlbWUudG9vbHRpcEJveFNoYWRvd307XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy5pc0xpZ2h0VGhlbWUgPyBwcm9wcy50aGVtZS50b29sdGlwQmdMVCA6IHByb3BzLnRoZW1lLnRvb2x0aXBCZ307XG4gIGNvbG9yOiAke3Byb3BzID0+IChwcm9wcy5pc0xpZ2h0VGhlbWUgPyBwcm9wcy50aGVtZS50b29sdGlwQ29sb3JMVCA6IHByb3BzLnRoZW1lLnRvb2x0aXBDb2xvcil9O1xuICBib3JkZXItcmFkaXVzOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnByaW1hcnlCdG5SYWRpdXN9O1xuICAke3Byb3BzID0+XG4gICAgcHJvcHMuYXJyb3dcbiAgICAgID8gYFxuICAgICZbZGF0YS1wbGFjZW1lbnRePSd0b3AnXSA+IC5zdmctYXJyb3cge1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgJjo6YWZ0ZXIsXG4gICAgICA+IHN2ZyB7XG4gICAgICAgIHRvcDogN3B4O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1wbGFjZW1lbnRePSdib3R0b20nXSA+IC5zdmctYXJyb3cge1xuICAgICAgdG9wOiAwO1xuICAgICAgPiBzdmcge1xuICAgICAgICBib3R0b206IDdweDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50Xj0nbGVmdCddID4gLnN2Zy1hcnJvdyB7XG4gICAgICByaWdodDogMDtcbiAgICAgICY6OmFmdGVyLFxuICAgICAgPiBzdmcge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgICAgIGxlZnQ6IDdweDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50Xj0ncmlnaHQnXSA+IC5zdmctYXJyb3cge1xuICAgICAgbGVmdDogMDtcbiAgICAgICY6OmFmdGVyLFxuICAgICAgPiBzdmcge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICAgICAgICByaWdodDogN3B4O1xuICAgICAgfVxuICAgIH1cbiAgYFxuICAgICAgOiAnJ31cbmA7XG5cbmNvbnN0IFRpcHB5VG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICByZW5kZXIsXG4gIGR1cmF0aW9uID0gMjAwLFxuICBhcnJvdyA9IHRydWUsXG4gIGlzTGlnaHRUaGVtZSA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIC4uLnJlc3Rcbn06IFRpcHB5UHJvcHMgJiB7aXNMaWdodFRoZW1lPzogYm9vbGVhbn0pID0+IHtcbiAgY29uc3QgW29wYWNpdHksIHNldE9wYWNpdHldID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IFt0aW1lciwgc2V0VGltZXJdID0gdXNlU3RhdGUobnVsbCk7XG4gIGZ1bmN0aW9uIG9uTW91bnQoKSB7XG4gICAgc2V0T3BhY2l0eSgxKTtcbiAgICBpZiAodGltZXIpIHtcbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lcik7XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gb25IaWRlKGluc3RhbmNlKSB7XG4gICAgY29uc3Qge3VubW91bnR9ID0gaW5zdGFuY2U7XG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKCFpbnN0YW5jZS5zdGF0ZT8uaXNEZXN0cm95ZWQpIHtcbiAgICAgICAgdW5tb3VudCgpO1xuICAgICAgfVxuICAgIH0sIGR1cmF0aW9uWzBdIHx8IGR1cmF0aW9uKTtcbiAgICAvLyBAdHMtaWdub3JlXG4gICAgc2V0VGltZXIodGltZW91dCk7XG4gICAgc2V0T3BhY2l0eSgwKTtcbiAgfVxuXG4gIGNvbnN0IHNraXBOZXh0U2hvdyA9IHVzZVJlZihmYWxzZSk7XG4gIGNvbnN0IG9uVHJpZ2dlciA9IHVzZUNhbGxiYWNrKChpbnN0YW5jZSwgZXZlbnQpID0+IHtcbiAgICBpZiAoZXZlbnQgaW5zdGFuY2VvZiBNb3VzZUV2ZW50ICYmIGV2ZW50LmJ1dHRvbnMgPiAwKSB7XG4gICAgICAvLyBpZiB0aGUgdXNlciBpcyBob2xkaW5nIGRvd24gdGhlIG1vdXNlIGJ1dHRvbiwgZS5nLiB3aGlsZSBkcmFnZ2luZywgd2Ugd29uJ3Qgc2hvdyB0aGUgdG9vbHRpcFxuICAgICAgc2tpcE5leHRTaG93LmN1cnJlbnQgPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICBza2lwTmV4dFNob3cuY3VycmVudCA9IGZhbHNlO1xuICAgIH1cbiAgfSwgW10pO1xuICBjb25zdCBvblNob3cgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKHNraXBOZXh0U2hvdy5jdXJyZW50KSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIHJldHVybjtcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPFJvb3RDb250ZXh0LkNvbnN1bWVyPlxuICAgICAge2NvbnRleHQgPT4gKFxuICAgICAgICA8VGlwcHlcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAvLyBVc2luZyBkb2N1bWVudC5ib2R5IHdvdWxkIHJlc3VsdCBpbiB0aGUgQ1NTIHN0eWxlcyBub3QgYmVpbmcgYXBwbGllZFxuICAgICAgICAgIC8vIHRvIHRoZSB0b29sdGlwIGNvbnRlbnQgd2hlbiBlbWJlZGRpbmcgdGhlIG1hcCB3aWRnZXQgYXMgYSBTaGFkb3cgRE9NIGVsZW1lbnQuXG4gICAgICAgICAgYXBwZW5kVG89e2NvbnRleHQ/LmN1cnJlbnQgfHwgJ3BhcmVudCd9XG4gICAgICAgICAgYW5pbWF0aW9uPXt0cnVlfVxuICAgICAgICAgIHJlbmRlcj17YXR0cnMgPT4gKFxuICAgICAgICAgICAgPFRpcHB5VG9vbHRpcENvbnRlbnRcbiAgICAgICAgICAgICAgey4uLmF0dHJzfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgICAgc3R5bGU9e3tvcGFjaXR5LCB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke2R1cmF0aW9ufW1zYH19XG4gICAgICAgICAgICAgIGFycm93PXthcnJvd31cbiAgICAgICAgICAgICAgaXNMaWdodFRoZW1lPXtpc0xpZ2h0VGhlbWV9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXI/LihhdHRycyl9XG4gICAgICAgICAgICA8L1RpcHB5VG9vbHRpcENvbnRlbnQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICBvbk1vdW50PXtvbk1vdW50fVxuICAgICAgICAgIG9uSGlkZT17b25IaWRlfVxuICAgICAgICAgIG9uVHJpZ2dlcj17b25UcmlnZ2VyfVxuICAgICAgICAgIG9uU2hvdz17b25TaG93fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1RpcHB5PlxuICAgICAgKX1cbiAgICA8L1Jvb3RDb250ZXh0LkNvbnN1bWVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVGlwcHlUb29sdGlwO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxPQUFBLEdBQUFDLHVCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxpQkFBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUksUUFBQSxHQUFBSixPQUFBO0FBQXVDLElBQUFLLFNBQUE7RUFBQUMsVUFBQTtBQUFBLElBQUFDLGVBQUEsRUFBQUMsZ0JBQUEsRUFQdkM7QUFDQTtBQUFBLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBUix3QkFBQVEsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBSSxHQUFBLENBQUFQLENBQUEsT0FB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

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) => React.JSX.Element>;
+export default ToolbarItem;

package/dist/common/toolbar-item.js

@@ -0,0 +1,60 @@
+"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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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  .toolbar-item__svg-container {\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 || _props$onClick.call(props, e);
+    }
+  }, props.icon && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "toolbar-item__svg-container"
+  }, /*#__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 = exports["default"] = ToolbarItem;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NsYXNzbmFtZXMiLCJfbG9jYWxpemF0aW9uIiwiX3RlbXBsYXRlT2JqZWN0IiwiU3R5bGVkRGl2Iiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJwcm9wcyIsImNsYXNzTmFtZSIsImNsYXNzbmFtZXMiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsImFjdGl2ZSIsInRoZW1lIiwidG9vbGJhckl0ZW1JY29uSG92ZXIiLCJwYW5lbEhlYWRlckljb24iLCJ0b29sYmFySXRlbUJvcmRlckhvdmVyIiwidG9vbGJhckl0ZW1Cb3JkZXJSYWRkaXVzIiwidG9vbGJhckl0ZW1CZ2RIb3ZlciIsImRyb3Bkb3duTGlzdEJnZCIsInRleHRDb2xvckhsIiwiVG9vbGJhckl0ZW0iLCJSZWFjdCIsIm1lbW8iLCJjcmVhdGVFbGVtZW50IiwiaWQiLCJvbkNsaWNrIiwiZSIsIl9wcm9wcyRvbkNsaWNrIiwic3RvcFByb3BhZ2F0aW9uIiwicHJldmVudERlZmF1bHQiLCJvbkNsb3NlIiwiY2FsbCIsImljb24iLCJGb3JtYXR0ZWRNZXNzYWdlIiwibGFiZWwiLCJkaXNwbGF5TmFtZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdG9vbGJhci1pdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtDb21wb25lbnRUeXBlLCBNb3VzZUV2ZW50fSBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBTdHlsZWREaXZQcm9wcyB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCd0b29sYmFyLWl0ZW0nLCBwcm9wcy5jbGFzc05hbWUpXG59KSk8U3R5bGVkRGl2UHJvcHM+YFxuICBjb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtSWNvbkhvdmVyIDogcHJvcHMudGhlbWUucGFuZWxIZWFkZXJJY29ufTtcbiAgcGFkZGluZzogMTJweCAyMHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogMTEwcHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtwcm9wcyA9PiAocHJvcHMuYWN0aXZlID8gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1Cb3JkZXJIb3ZlciA6ICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sYmFySXRlbUJvcmRlclJhZGRpdXN9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+XG4gICAgcHJvcHMuYWN0aXZlID8gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1CZ2RIb3ZlciA6IHByb3BzLnRoZW1lLmRyb3Bkb3duTGlzdEJnZH07XG5cbiAgLnRvb2xiYXItaXRlbV9fc3ZnLWNvbnRhaW5lciB7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICB9XG4gIC50b29sYmFyLWl0ZW1fX3RpdGxlIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sYmFySXRlbUJnZEhvdmVyfTtcbiAgICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1Cb3JkZXJIb3Zlcn07XG4gICAgc3ZnIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtSWNvbkhvdmVyfTtcbiAgICB9XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBUb29sYmFySXRlbVByb3BzID0ge1xuICBpZD86IHN0cmluZztcbiAga2V5Pzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvbkNsaWNrOiAoKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4gdm9pZCkgfCBudWxsO1xuICBpY29uPzogQ29tcG9uZW50VHlwZTxhbnk+O1xufTtcblxuY29uc3QgVG9vbGJhckl0ZW0gPSBSZWFjdC5tZW1vKChwcm9wczogVG9vbGJhckl0ZW1Qcm9wcykgPT4gKFxuICA8U3R5bGVkRGl2XG4gICAgaWQ9e3Byb3BzLmlkfVxuICAgIGNsYXNzTmFtZT17cHJvcHMuY2xhc3NOYW1lfVxuICAgIGFjdGl2ZT17cHJvcHMuYWN0aXZlfVxuICAgIG9uQ2xpY2s9e2UgPT4ge1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGlmICh0eXBlb2YgcHJvcHMub25DbG9zZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBwcm9wcy5vbkNsb3NlKCk7XG4gICAgICB9XG4gICAgICBwcm9wcy5vbkNsaWNrPy4oZSk7XG4gICAgfX1cbiAgPlxuICAgIHtwcm9wcy5pY29uICYmIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwidG9vbGJhci1pdGVtX19zdmctY29udGFpbmVyXCI+XG4gICAgICAgIDxwcm9wcy5pY29uIC8+XG4gICAgICA8L2Rpdj5cbiAgICApfVxuICAgIDxkaXYgY2xhc3NOYW1lPVwidG9vbGJhci1pdGVtX190aXRsZVwiPlxuICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e3Byb3BzLmxhYmVsfSAvPlxuICAgIDwvZGl2PlxuICA8L1N0eWxlZERpdj5cbikpO1xuXG5Ub29sYmFySXRlbS5kaXNwbGF5TmFtZSA9ICdUb29sYmFySXRlbSc7XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2xiYXJJdGVtO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxXQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxhQUFBLEdBQUFILE9BQUE7QUFBeUQsSUFBQUksZUFBQSxFQU56RDtBQUNBO0FBWUEsSUFBTUMsU0FBUyxHQUFHQyw0QkFBTSxDQUFDQyxHQUFHLENBQUNDLEtBQUssQ0FBQyxVQUFBQyxLQUFLO0VBQUEsT0FBSztJQUMzQ0MsU0FBUyxFQUFFLElBQUFDLHNCQUFVLEVBQUMsY0FBYyxFQUFFRixLQUFLLENBQUNDLFNBQVM7RUFDdkQsQ0FBQztBQUFBLENBQUMsQ0FBQyxDQUFBTixlQUFBLEtBQUFBLGVBQUEsT0FBQVEsdUJBQUEsdWhCQUNRLFVBQUFILEtBQUs7RUFBQSxPQUNaQSxLQUFLLENBQUNJLE1BQU0sR0FBR0osS0FBSyxDQUFDSyxLQUFLLENBQUNDLG9CQUFvQixHQUFHTixLQUFLLENBQUNLLEtBQUssQ0FBQ0UsZUFBZTtBQUFBLEdBTzNELFVBQUFQLEtBQUs7RUFBQSxPQUFLQSxLQUFLLENBQUNJLE1BQU0sR0FBR0osS0FBSyxDQUFDSyxLQUFLLENBQUNHLHNCQUFzQixHQUFHLGFBQWE7QUFBQSxDQUFDLEVBQy9FLFVBQUFSLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNLLEtBQUssQ0FBQ0ksd0JBQXdCO0FBQUEsR0FDMUMsVUFBQVQsS0FBSztFQUFBLE9BQ3ZCQSxLQUFLLENBQUNJLE1BQU0sR0FBR0osS0FBSyxDQUFDSyxLQUFLLENBQUNLLG1CQUFtQixHQUFHVixLQUFLLENBQUNLLEtBQUssQ0FBQ00sZUFBZTtBQUFBLEdBT25FLFVBQUFYLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNLLEtBQUssQ0FBQ08sV0FBVztBQUFBLEdBSXJCLFVBQUFaLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNLLEtBQUssQ0FBQ0ssbUJBQW1CO0FBQUEsR0FDNUMsVUFBQVYsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0ssS0FBSyxDQUFDRyxzQkFBc0I7QUFBQSxHQUVoRCxVQUFBUixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNDLG9CQUFvQjtBQUFBLEVBSXZEO0FBYUQsSUFBTU8sV0FBVyxnQkFBR0MsaUJBQUssQ0FBQ0MsSUFBSSxDQUFDLFVBQUNmLEtBQXVCO0VBQUEsb0JBQ3JEWCxNQUFBLFlBQUEyQixhQUFBLENBQUNwQixTQUFTO0lBQ1JxQixFQUFFLEVBQUVqQixLQUFLLENBQUNpQixFQUFHO0lBQ2JoQixTQUFTLEVBQUVELEtBQUssQ0FBQ0MsU0FBVTtJQUMzQkcsTUFBTSxFQUFFSixLQUFLLENBQUNJLE1BQU87SUFDckJjLE9BQU8sRUFBRSxTQUFUQSxPQUFPQSxDQUFFQyxDQUFDLEVBQUk7TUFBQSxJQUFBQyxjQUFBO01BQ1pELENBQUMsQ0FBQ0UsZUFBZSxDQUFDLENBQUM7TUFDbkJGLENBQUMsQ0FBQ0csY0FBYyxDQUFDLENBQUM7TUFDbEIsSUFBSSxPQUFPdEIsS0FBSyxDQUFDdUIsT0FBTyxLQUFLLFVBQVUsRUFBRTtRQUN2Q3ZCLEtBQUssQ0FBQ3VCLE9BQU8sQ0FBQyxDQUFDO01BQ2pCO01BQ0EsQ0FBQUgsY0FBQSxHQUFBcEIsS0FBSyxDQUFDa0IsT0FBTyxjQUFBRSxjQUFBLGVBQWJBLGNBQUEsQ0FBQUksSUFBQSxDQUFBeEIsS0FBSyxFQUFXbUIsQ0FBQyxDQUFDO0lBQ3BCO0VBQUUsR0FFRG5CLEtBQUssQ0FBQ3lCLElBQUksaUJBQ1RwQyxNQUFBLFlBQUEyQixhQUFBO0lBQUtmLFNBQVMsRUFBQztFQUE2QixnQkFDMUNaLE1BQUEsWUFBQTJCLGFBQUEsQ0FBQ2hCLEtBQUssQ0FBQ3lCLElBQUksTUFBRSxDQUNWLENBQ04sZUFDRHBDLE1BQUEsWUFBQTJCLGFBQUE7SUFBS2YsU0FBUyxFQUFDO0VBQXFCLGdCQUNsQ1osTUFBQSxZQUFBMkIsYUFBQSxDQUFDdEIsYUFBQSxDQUFBZ0MsZ0JBQWdCO0lBQUNULEVBQUUsRUFBRWpCLEtBQUssQ0FBQzJCO0VBQU0sQ0FBRSxDQUNqQyxDQUNJLENBQUM7QUFBQSxDQUNiLENBQUM7QUFFRmQsV0FBVyxDQUFDZSxXQUFXLEdBQUcsYUFBYTtBQUFDLElBQUFDLFFBQUEsR0FBQUMsT0FBQSxjQUV6QmpCLFdBQVciLCJpZ25vcmVMaXN0IjpbXX0=

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,27 @@
+"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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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 = exports["default"] = Toolbar;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3RlbXBsYXRlT2JqZWN0IiwiVG9vbGJhciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJ0aGVtZSIsImRyb3Bkb3duTGlzdEJnZCIsImRyb3Bkb3duTGlzdFNoYWRvdyIsInRyYW5zaXRpb25TbG93Iiwic2hvdyIsImRpc3BsYXlOYW1lIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbW1vbi90b29sYmFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGludGVyZmFjZSBUb29sYmFyUHJvcHMge1xuICBzaG93PzogYm9vbGVhbjtcbn1cblxuY29uc3QgVG9vbGJhciA9IHN0eWxlZC5kaXY8VG9vbGJhclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RCZ2R9O1xuICBib3gtc2hhZG93OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmRyb3Bkb3duTGlzdFNoYWRvd307XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgdHJhbnNpdGlvbjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50cmFuc2l0aW9uU2xvd307XG4gIG1hcmdpbi10b3A6ICR7cHJvcHMgPT4gKHByb3BzLnNob3cgPyAnNnB4JyA6ICcyMHB4Jyl9O1xuICBvcGFjaXR5OiAke3Byb3BzID0+IChwcm9wcy5zaG93ID8gMSA6IDApfTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoLTUwJSArIDIwcHgpKTtcbiAgcG9pbnRlci1ldmVudHM6ICR7cHJvcHMgPT4gKHByb3BzLnNob3cgPyAnYWxsJyA6ICdub25lJyl9O1xuICB6LWluZGV4OiAxMDAwO1xuXG4gIC5wYW5lbC1oZWFkZXItZHJvcGRvd25fX2lubmVyIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbmA7XG5cblRvb2xiYXIuZGlzcGxheU5hbWUgPSAnVG9vbGJhcic7XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2xiYXI7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUF1QyxJQUFBQyxlQUFBLEVBSHZDO0FBQ0E7QUFRQSxJQUFNQyxPQUFPLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQUgsZUFBQSxLQUFBQSxlQUFBLE9BQUFJLHVCQUFBLGtaQUdKLFVBQUFDLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0MsZUFBZTtBQUFBLEdBQzFDLFVBQUFGLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0Usa0JBQWtCO0FBQUEsR0FFdkMsVUFBQUgsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRyxjQUFjO0FBQUEsR0FDbkMsVUFBQUosS0FBSztFQUFBLE9BQUtBLEtBQUssQ0FBQ0ssSUFBSSxHQUFHLEtBQUssR0FBRyxNQUFNO0FBQUEsQ0FBQyxFQUN6QyxVQUFBTCxLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDSyxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUM7QUFBQSxDQUFDLEVBRXRCLFVBQUFMLEtBQUs7RUFBQSxPQUFLQSxLQUFLLENBQUNLLElBQUksR0FBRyxLQUFLLEdBQUcsTUFBTTtBQUFBLENBQUMsQ0FRekQ7QUFFRFQsT0FBTyxDQUFDVSxXQUFXLEdBQUcsU0FBUztBQUFDLElBQUFDLFFBQUEsR0FBQUMsT0FBQSxjQUVqQlosT0FBTyIsImlnbm9yZUxpc3QiOltdfQ==

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,16 @@
+"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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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 = exports["default"] = VerticalToolbar;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3Rvb2xiYXIiLCJfdGVtcGxhdGVPYmplY3QiLCJWZXJ0aWNhbFRvb2xiYXIiLCJzdHlsZWQiLCJUb29sYmFyIiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJkaXNwbGF5TmFtZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdmVydGljYWwtdG9vbGJhci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgVG9vbGJhciwge1Rvb2xiYXJQcm9wc30gZnJvbSAnLi90b29sYmFyJztcblxuY29uc3QgVmVydGljYWxUb29sYmFyID0gc3R5bGVkKFRvb2xiYXIpPFRvb2xiYXJQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgLnRvb2xiYXItaXRlbSB7XG4gICAgd2lkdGg6IDc4cHg7XG4gICAgcGFkZGluZzogMTNweCAxNnB4O1xuICB9XG5gO1xuXG5WZXJ0aWNhbFRvb2xiYXIuZGlzcGxheU5hbWUgPSAnVmVydGljYWxUb29sYmFyJztcblxuZXhwb3J0IGRlZmF1bHQgVmVydGljYWxUb29sYmFyO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLGlCQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxRQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFBZ0QsSUFBQUUsZUFBQSxFQUpoRDtBQUNBO0FBS0EsSUFBTUMsZUFBZSxHQUFHLElBQUFDLDRCQUFNLEVBQUNDLG1CQUFPLENBQUMsQ0FBQUgsZUFBQSxLQUFBQSxlQUFBLE9BQUFJLHVCQUFBLHNIQU90QztBQUVESCxlQUFlLENBQUNJLFdBQVcsR0FBRyxpQkFBaUI7QUFBQyxJQUFBQyxRQUFBLEdBQUFDLE9BQUEsY0FFakNOLGVBQWUiLCJpZ25vcmVMaXN0IjpbXX0=

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

@@ -0,0 +1,9 @@
+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<{
+    [x: string]: any;
+} & {
+    selector: (...args: any[]) => import("@kepler.gl/reducers").KeplerGlState;
+}>;

package/dist/connect/keplergl-connect.js

@@ -0,0 +1,44 @@
+"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"));
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var defaultMapStateToProps = function defaultMapStateToProps(state, _, __) {
+  return state;
+};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var defaultMapDispatchToProps = function defaultMapDispatchToProps() {
+  return function (dispatch, _, __) {
+    return {
+      dispatch: dispatch
+    };
+  };
+};
+var connect = exports.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);
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3RSZWR1eCIsInJlcXVpcmUiLCJfd2l0aExvY2FsU2VsZWN0b3IiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiZGVmYXVsdE1hcFN0YXRlVG9Qcm9wcyIsInN0YXRlIiwiXyIsIl9fIiwiZGVmYXVsdE1hcERpc3BhdGNoVG9Qcm9wcyIsImRpc3BhdGNoIiwiY29ubmVjdCIsImV4cG9ydHMiLCJtYXBTdGF0ZVRvUHJvcHMiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJtYWtlTWFwRGlzcGF0Y2hUb1Byb3BzIiwicmVkdXhNZXJnZVByb3BzIiwib3B0aW9ucyIsIkJhc2VDb21wb25lbnQiLCJtYXBEaXNwYXRjaFRvUHJvcHMiLCJyZWR1eE1hcFN0YXRlIiwicHJvcHMiLCJzZWxlY3RvciIsInJlZHV4TWFwRGlzcGF0Y2giLCJSZWR1eENvbXBvbmVudCIsInJlZHV4Q29ubmVjdCIsIndpdGhMb2NhbFNlbGVjdG9yIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Nvbm5lY3Qva2VwbGVyZ2wtY29ubmVjdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQge0pTWEVsZW1lbnRDb25zdHJ1Y3Rvcn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtjb25uZWN0IGFzIHJlZHV4Q29ubmVjdCwgR2V0UHJvcHMsIE1hdGNoaW5nfSBmcm9tICdyZWFjdC1yZWR1eCc7XG5pbXBvcnQgd2l0aExvY2FsU2VsZWN0b3IgZnJvbSAnLi93aXRoLWxvY2FsLXNlbGVjdG9yJztcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuY29uc3QgZGVmYXVsdE1hcFN0YXRlVG9Qcm9wcyA9IChzdGF0ZSwgXywgX18pID0+IHN0YXRlO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuY29uc3QgZGVmYXVsdE1hcERpc3BhdGNoVG9Qcm9wcyA9ICgpID0+IChkaXNwYXRjaCwgXywgX18pID0+ICh7ZGlzcGF0Y2h9KTtcblxuZXhwb3J0IGNvbnN0IGNvbm5lY3QgPVxuICA8VCBleHRlbmRzIEpTWEVsZW1lbnRDb25zdHJ1Y3RvcjxNYXRjaGluZzxhbnksIEdldFByb3BzPFQ+Pj4+KFxuICAgIG1hcFN0YXRlVG9Qcm9wcyA9IGRlZmF1bHRNYXBTdGF0ZVRvUHJvcHMsXG4gICAgbWFrZU1hcERpc3BhdGNoVG9Qcm9wcyA9IGRlZmF1bHRNYXBEaXNwYXRjaFRvUHJvcHMsXG4gICAgcmVkdXhNZXJnZVByb3BzPyxcbiAgICBvcHRpb25zP1xuICApID0+XG4gIChCYXNlQ29tcG9uZW50OiBUKSA9PiB7XG4gICAgY29uc3QgbWFwRGlzcGF0Y2hUb1Byb3BzID0gbWFrZU1hcERpc3BhdGNoVG9Qcm9wcygpO1xuICAgIGNvbnN0IHJlZHV4TWFwU3RhdGUgPSAoc3RhdGUsIHByb3BzKSA9PiBtYXBTdGF0ZVRvUHJvcHMocHJvcHMuc2VsZWN0b3Ioc3RhdGUpLCBwcm9wcywgc3RhdGUpO1xuXG4gICAgY29uc3QgcmVkdXhNYXBEaXNwYXRjaCA9IChkaXNwYXRjaCwgcHJvcHMpID0+XG4gICAgICBtYXBEaXNwYXRjaFRvUHJvcHMocHJvcHMuZGlzcGF0Y2gsIHByb3BzLCBkaXNwYXRjaCk7XG5cbiAgICBjb25zdCBSZWR1eENvbXBvbmVudCA9IHJlZHV4Q29ubmVjdChcbiAgICAgIHJlZHV4TWFwU3RhdGUsXG4gICAgICByZWR1eE1hcERpc3BhdGNoLFxuICAgICAgcmVkdXhNZXJnZVByb3BzLFxuICAgICAgb3B0aW9uc1xuICAgICkoQmFzZUNvbXBvbmVudCk7XG5cbiAgICAvLyBzYXZlIHNlbGVjdG9yIHRvIGNvbnRleHQgc28gaXQgY2FuIGJlIGFjY2Vzc2VkIGJ5IGl0cyBjaGlsZHJlblxuICAgIHJldHVybiB3aXRoTG9jYWxTZWxlY3RvcihSZWR1eENvbXBvbmVudCk7XG4gIH07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxrQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBTEE7QUFDQTs7QUFNQTtBQUNBLElBQU1HLHNCQUFzQixHQUFHLFNBQXpCQSxzQkFBc0JBLENBQUlDLEtBQUssRUFBRUMsQ0FBQyxFQUFFQyxFQUFFO0VBQUEsT0FBS0YsS0FBSztBQUFBO0FBQ3REO0FBQ0EsSUFBTUcseUJBQXlCLEdBQUcsU0FBNUJBLHlCQUF5QkEsQ0FBQTtFQUFBLE9BQVMsVUFBQ0MsUUFBUSxFQUFFSCxDQUFDLEVBQUVDLEVBQUU7SUFBQSxPQUFNO01BQUNFLFFBQVEsRUFBUkE7SUFBUSxDQUFDO0VBQUEsQ0FBQztBQUFBO0FBRWxFLElBQU1DLE9BQU8sR0FBQUMsT0FBQSxDQUFBRCxPQUFBLEdBQ2xCLFNBRFdBLE9BQU9BLENBQUE7RUFBQSxJQUVoQkUsZUFBZSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBR1Qsc0JBQXNCO0VBQUEsSUFDeENZLHNCQUFzQixHQUFBSCxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBR0wseUJBQXlCO0VBQUEsSUFDbERTLGVBQWdCLEdBQUFKLFNBQUEsQ0FBQUMsTUFBQSxPQUFBRCxTQUFBLE1BQUFFLFNBQUE7RUFBQSxJQUNoQkcsT0FBUSxHQUFBTCxTQUFBLENBQUFDLE1BQUEsT0FBQUQsU0FBQSxNQUFBRSxTQUFBO0VBQUEsT0FFVixVQUFDSSxhQUFnQixFQUFLO0lBQ3BCLElBQU1DLGtCQUFrQixHQUFHSixzQkFBc0IsQ0FBQyxDQUFDO0lBQ25ELElBQU1LLGFBQWEsR0FBRyxTQUFoQkEsYUFBYUEsQ0FBSWhCLEtBQUssRUFBRWlCLEtBQUs7TUFBQSxPQUFLVixlQUFlLENBQUNVLEtBQUssQ0FBQ0MsUUFBUSxDQUFDbEIsS0FBSyxDQUFDLEVBQUVpQixLQUFLLEVBQUVqQixLQUFLLENBQUM7SUFBQTtJQUU1RixJQUFNbUIsZ0JBQWdCLEdBQUcsU0FBbkJBLGdCQUFnQkEsQ0FBSWYsUUFBUSxFQUFFYSxLQUFLO01BQUEsT0FDdkNGLGtCQUFrQixDQUFDRSxLQUFLLENBQUNiLFFBQVEsRUFBRWEsS0FBSyxFQUFFYixRQUFRLENBQUM7SUFBQTtJQUVyRCxJQUFNZ0IsY0FBYyxHQUFHLElBQUFDLG1CQUFZLEVBQ2pDTCxhQUFhLEVBQ2JHLGdCQUFnQixFQUNoQlAsZUFBZSxFQUNmQyxPQUNGLENBQUMsQ0FBQ0MsYUFBYSxDQUFDOztJQUVoQjtJQUNBLE9BQU8sSUFBQVEsNkJBQWlCLEVBQUNGLGNBQWMsQ0FBQztFQUMxQyxDQUFDO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=

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 object>(ParentComponent: React.ComponentType<P>) => React.ComponentType<P & {
+    selector: (...args: any[]) => KeplerGlState;
+}>;
+export default withLocalSelector;