@kepler.gl/components 3.0.0-alpha.0

package/dist/common/line-chart.js

@@ -0,0 +1,146 @@
+// 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactVis = require("react-vis");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _utils = require("@kepler.gl/utils");
+
+var _templateObject, _templateObject2;
+
+var LineChartWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  .rv-xy-plot {\n    /* important for rendering hint */\n    position: relative;\n  }\n  .rv-xy-plot__inner {\n    /* important to show axis */\n    overflow: visible;\n  }\n\n  .rv-xy-plot__grid-lines__line {\n    stroke: ", ";\n    stroke-dasharray: 1px 4px;\n  }\n\n  .rv-xy-plot__axis__tick__text {\n    font-size: 9px;\n    fill: ", ";\n  }\n"])), function (props) {
+  return props.theme.histogramFillOutRange;
+}, function (props) {
+  return props.theme.textColor;
+});
+
+var StyledHint = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: #d3d8e0;\n  border-radius: 2px;\n  color: ", ";\n  font-size: 9px;\n  margin: 4px;\n  padding: 3px 6px;\n  pointer-events: none;\n  user-select: none;\n"])), function (props) {
+  return props.theme.textColorLT;
+});
+
+var HintContent = function HintContent(_ref) {
+  var x = _ref.x,
+      y = _ref.y,
+      format = _ref.format;
+  return /*#__PURE__*/_react["default"].createElement(StyledHint, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "hint--x"
+  }, format(x)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "row"
+  }, y));
+};
+
+var MARGIN = {
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+};
+
+function LineChartFactory() {
+  var LineChartComponent = function LineChartComponent(_ref2) {
+    var brushComponent = _ref2.brushComponent,
+        brushing = _ref2.brushing,
+        color = _ref2.color,
+        enableChartHover = _ref2.enableChartHover,
+        height = _ref2.height,
+        hoveredDP = _ref2.hoveredDP,
+        isEnlarged = _ref2.isEnlarged,
+        lineChart = _ref2.lineChart,
+        margin = _ref2.margin,
+        onMouseMove = _ref2.onMouseMove,
+        width = _ref2.width,
+        timezone = _ref2.timezone,
+        timeFormat = _ref2.timeFormat;
+
+    var _ref3 = lineChart || {},
+        series = _ref3.series,
+        yDomain = _ref3.yDomain;
+
+    var brushData = (0, _react.useMemo)(function () {
+      return series && series[0] && series[0].x && yDomain && yDomain[1] ? [{
+        x: series[0].x,
+        y: yDomain[1],
+        customComponent: function customComponent() {
+          return brushComponent;
+        }
+      }] : [];
+    }, [series, yDomain, brushComponent]);
+    var hintFormatter = (0, _react.useMemo)(function () {
+      return (0, _utils.datetimeFormatter)(timezone)(timeFormat);
+    }, [timezone, timeFormat]);
+    return /*#__PURE__*/_react["default"].createElement(LineChartWrapper, {
+      style: {
+        marginTop: "".concat(margin.top, "px")
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_reactVis.XYPlot, {
+      xType: "time",
+      width: width,
+      height: height,
+      margin: MARGIN,
+      onMouseLeave: function onMouseLeave() {
+        onMouseMove(null);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_reactVis.HorizontalGridLines, {
+      tickTotal: 3
+    }), /*#__PURE__*/_react["default"].createElement(_reactVis.LineSeries, {
+      style: {
+        fill: 'none'
+      },
+      color: color,
+      data: series,
+      onNearestX: enableChartHover ? onMouseMove : undefined
+    }), /*#__PURE__*/_react["default"].createElement(_reactVis.MarkSeries, {
+      data: hoveredDP ? [hoveredDP] : [],
+      color: color
+    }), /*#__PURE__*/_react["default"].createElement(_reactVis.CustomSVGSeries, {
+      data: brushData
+    }), isEnlarged && /*#__PURE__*/_react["default"].createElement(_reactVis.YAxis, {
+      tickTotal: 3
+    }), hoveredDP && enableChartHover && !brushing ? /*#__PURE__*/_react["default"].createElement(_reactVis.Hint, {
+      value: hoveredDP
+    }, /*#__PURE__*/_react["default"].createElement(HintContent, (0, _extends2["default"])({}, hoveredDP, {
+      format: hintFormatter
+    }))) : null));
+  };
+
+  return LineChartComponent;
+}
+
+var _default = LineChartFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vbGluZS1jaGFydC50c3giXSwibmFtZXMiOlsiTGluZUNoYXJ0V3JhcHBlciIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJoaXN0b2dyYW1GaWxsT3V0UmFuZ2UiLCJ0ZXh0Q29sb3IiLCJTdHlsZWRIaW50IiwidGV4dENvbG9yTFQiLCJIaW50Q29udGVudCIsIngiLCJ5IiwiZm9ybWF0IiwiTUFSR0lOIiwidG9wIiwiYm90dG9tIiwibGVmdCIsInJpZ2h0IiwiTGluZUNoYXJ0RmFjdG9yeSIsIkxpbmVDaGFydENvbXBvbmVudCIsImJydXNoQ29tcG9uZW50IiwiYnJ1c2hpbmciLCJjb2xvciIsImVuYWJsZUNoYXJ0SG92ZXIiLCJoZWlnaHQiLCJob3ZlcmVkRFAiLCJpc0VubGFyZ2VkIiwibGluZUNoYXJ0IiwibWFyZ2luIiwib25Nb3VzZU1vdmUiLCJ3aWR0aCIsInRpbWV6b25lIiwidGltZUZvcm1hdCIsInNlcmllcyIsInlEb21haW4iLCJicnVzaERhdGEiLCJjdXN0b21Db21wb25lbnQiLCJoaW50Rm9ybWF0dGVyIiwibWFyZ2luVG9wIiwiZmlsbCIsInVuZGVmaW5lZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQVlBOztBQUNBOzs7O0FBRUEsSUFBTUEsZ0JBQWdCLEdBQUdDLDZCQUFPQyxHQUFWLG9iQVdSLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMscUJBQWhCO0FBQUEsQ0FYRyxFQWlCVixVQUFBRixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlFLFNBQWhCO0FBQUEsQ0FqQkssQ0FBdEI7O0FBcUJBLElBQU1DLFVBQVUsR0FBR04sNkJBQU9DLEdBQVYsdVFBR0wsVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZSSxXQUFoQjtBQUFBLENBSEEsQ0FBaEI7O0FBaUJBLElBQU1DLFdBQVcsR0FBRyxTQUFkQSxXQUFjO0FBQUEsTUFBRUMsQ0FBRixRQUFFQSxDQUFGO0FBQUEsTUFBS0MsQ0FBTCxRQUFLQSxDQUFMO0FBQUEsTUFBUUMsTUFBUixRQUFRQSxNQUFSO0FBQUEsc0JBQ2xCLGdDQUFDLFVBQUQscUJBQ0U7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQTBCQSxNQUFNLENBQUNGLENBQUQsQ0FBaEMsQ0FERixlQUVFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixLQUFzQkMsQ0FBdEIsQ0FGRixDQURrQjtBQUFBLENBQXBCOztBQWlDQSxJQUFNRSxNQUFNLEdBQUc7QUFBQ0MsRUFBQUEsR0FBRyxFQUFFLENBQU47QUFBU0MsRUFBQUEsTUFBTSxFQUFFLENBQWpCO0FBQW9CQyxFQUFBQSxJQUFJLEVBQUUsQ0FBMUI7QUFBNkJDLEVBQUFBLEtBQUssRUFBRTtBQUFwQyxDQUFmOztBQUNBLFNBQVNDLGdCQUFULEdBQTRCO0FBQzFCLE1BQU1DLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBcUIsUUFjTDtBQUFBLFFBYnBCQyxjQWFvQixTQWJwQkEsY0Fhb0I7QUFBQSxRQVpwQkMsUUFZb0IsU0FacEJBLFFBWW9CO0FBQUEsUUFYcEJDLEtBV29CLFNBWHBCQSxLQVdvQjtBQUFBLFFBVnBCQyxnQkFVb0IsU0FWcEJBLGdCQVVvQjtBQUFBLFFBVHBCQyxNQVNvQixTQVRwQkEsTUFTb0I7QUFBQSxRQVJwQkMsU0FRb0IsU0FScEJBLFNBUW9CO0FBQUEsUUFQcEJDLFVBT29CLFNBUHBCQSxVQU9vQjtBQUFBLFFBTnBCQyxTQU1vQixTQU5wQkEsU0FNb0I7QUFBQSxRQUxwQkMsTUFLb0IsU0FMcEJBLE1BS29CO0FBQUEsUUFKcEJDLFdBSW9CLFNBSnBCQSxXQUlvQjtBQUFBLFFBSHBCQyxLQUdvQixTQUhwQkEsS0FHb0I7QUFBQSxRQUZwQkMsUUFFb0IsU0FGcEJBLFFBRW9CO0FBQUEsUUFEcEJDLFVBQ29CLFNBRHBCQSxVQUNvQjs7QUFBQSxnQkFDTUwsU0FBUyxJQUFJLEVBRG5CO0FBQUEsUUFDYk0sTUFEYSxTQUNiQSxNQURhO0FBQUEsUUFDTEMsT0FESyxTQUNMQSxPQURLOztBQUdwQixRQUFNQyxTQUFTLEdBQUcsb0JBQVEsWUFBTTtBQUM5QixhQUFPRixNQUFNLElBQUlBLE1BQU0sQ0FBQyxDQUFELENBQWhCLElBQXVCQSxNQUFNLENBQUMsQ0FBRCxDQUFOLENBQVV2QixDQUFqQyxJQUFzQ3dCLE9BQXRDLElBQWlEQSxPQUFPLENBQUMsQ0FBRCxDQUF4RCxHQUNILENBQUM7QUFBQ3hCLFFBQUFBLENBQUMsRUFBRXVCLE1BQU0sQ0FBQyxDQUFELENBQU4sQ0FBVXZCLENBQWQ7QUFBaUJDLFFBQUFBLENBQUMsRUFBRXVCLE9BQU8sQ0FBQyxDQUFELENBQTNCO0FBQWdDRSxRQUFBQSxlQUFlLEVBQUU7QUFBQSxpQkFBTWhCLGNBQU47QUFBQTtBQUFqRCxPQUFELENBREcsR0FFSCxFQUZKO0FBR0QsS0FKaUIsRUFJZixDQUFDYSxNQUFELEVBQVNDLE9BQVQsRUFBa0JkLGNBQWxCLENBSmUsQ0FBbEI7QUFLQSxRQUFNaUIsYUFBYSxHQUFHLG9CQUFRO0FBQUEsYUFBTSw4QkFBa0JOLFFBQWxCLEVBQTRCQyxVQUE1QixDQUFOO0FBQUEsS0FBUixFQUF1RCxDQUMzRUQsUUFEMkUsRUFFM0VDLFVBRjJFLENBQXZELENBQXRCO0FBS0Esd0JBQ0UsZ0NBQUMsZ0JBQUQ7QUFBa0IsTUFBQSxLQUFLLEVBQUU7QUFBQ00sUUFBQUEsU0FBUyxZQUFLVixNQUFNLENBQUNkLEdBQVo7QUFBVjtBQUF6QixvQkFDRSxnQ0FBQyxnQkFBRDtBQUNFLE1BQUEsS0FBSyxFQUFDLE1BRFI7QUFFRSxNQUFBLEtBQUssRUFBRWdCLEtBRlQ7QUFHRSxNQUFBLE1BQU0sRUFBRU4sTUFIVjtBQUlFLE1BQUEsTUFBTSxFQUFFWCxNQUpWO0FBS0UsTUFBQSxZQUFZLEVBQUUsd0JBQU07QUFDbEJnQixRQUFBQSxXQUFXLENBQUMsSUFBRCxDQUFYO0FBQ0Q7QUFQSCxvQkFTRSxnQ0FBQyw2QkFBRDtBQUFxQixNQUFBLFNBQVMsRUFBRTtBQUFoQyxNQVRGLGVBVUUsZ0NBQUMsb0JBQUQ7QUFDRSxNQUFBLEtBQUssRUFBRTtBQUFDVSxRQUFBQSxJQUFJLEVBQUU7QUFBUCxPQURUO0FBRUUsTUFBQSxLQUFLLEVBQUVqQixLQUZUO0FBR0UsTUFBQSxJQUFJLEVBQUVXLE1BSFI7QUFJRSxNQUFBLFVBQVUsRUFBRVYsZ0JBQWdCLEdBQUdNLFdBQUgsR0FBaUJXO0FBSi9DLE1BVkYsZUFnQkUsZ0NBQUMsb0JBQUQ7QUFBWSxNQUFBLElBQUksRUFBRWYsU0FBUyxHQUFHLENBQUNBLFNBQUQsQ0FBSCxHQUFpQixFQUE1QztBQUFnRCxNQUFBLEtBQUssRUFBRUg7QUFBdkQsTUFoQkYsZUFpQkUsZ0NBQUMseUJBQUQ7QUFBaUIsTUFBQSxJQUFJLEVBQUVhO0FBQXZCLE1BakJGLEVBa0JHVCxVQUFVLGlCQUFJLGdDQUFDLGVBQUQ7QUFBTyxNQUFBLFNBQVMsRUFBRTtBQUFsQixNQWxCakIsRUFtQkdELFNBQVMsSUFBSUYsZ0JBQWIsSUFBaUMsQ0FBQ0YsUUFBbEMsZ0JBQ0MsZ0NBQUMsY0FBRDtBQUFNLE1BQUEsS0FBSyxFQUFFSTtBQUFiLG9CQUNFLGdDQUFDLFdBQUQsZ0NBQWlCQSxTQUFqQjtBQUE0QixNQUFBLE1BQU0sRUFBRVk7QUFBcEMsT0FERixDQURELEdBSUcsSUF2Qk4sQ0FERixDQURGO0FBNkJELEdBeEREOztBQXlEQSxTQUFPbEIsa0JBQVA7QUFDRDs7ZUFFY0QsZ0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge1xuICBIb3Jpem9udGFsR3JpZExpbmVzLFxuICBMaW5lU2VyaWVzLFxuICBYWVBsb3QsXG4gIEN1c3RvbVNWR1NlcmllcyxcbiAgSGludCxcbiAgWUF4aXMsXG4gIE1hcmtTZXJpZXMsXG4gIExpbmVTZXJpZXNQb2ludCxcbiAgUlZOZWFyZXN0WERhdGFcbn0gZnJvbSAncmVhY3QtdmlzJztcbmltcG9ydCB7TGluZUNoYXJ0fSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtkYXRldGltZUZvcm1hdHRlcn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5cbmNvbnN0IExpbmVDaGFydFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAucnYteHktcGxvdCB7XG4gICAgLyogaW1wb3J0YW50IGZvciByZW5kZXJpbmcgaGludCAqL1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgfVxuICAucnYteHktcGxvdF9faW5uZXIge1xuICAgIC8qIGltcG9ydGFudCB0byBzaG93IGF4aXMgKi9cbiAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgfVxuXG4gIC5ydi14eS1wbG90X19ncmlkLWxpbmVzX19saW5lIHtcbiAgICBzdHJva2U6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaGlzdG9ncmFtRmlsbE91dFJhbmdlfTtcbiAgICBzdHJva2UtZGFzaGFycmF5OiAxcHggNHB4O1xuICB9XG5cbiAgLnJ2LXh5LXBsb3RfX2F4aXNfX3RpY2tfX3RleHQge1xuICAgIGZvbnQtc2l6ZTogOXB4O1xuICAgIGZpbGw6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSGludCA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICNkM2Q4ZTA7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yTFR9O1xuICBmb250LXNpemU6IDlweDtcbiAgbWFyZ2luOiA0cHg7XG4gIHBhZGRpbmc6IDNweCA2cHg7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmA7XG5cbmludGVyZmFjZSBIaW50Q29udGVudFByb3BzIHtcbiAgeDogbnVtYmVyO1xuICB5OiBudW1iZXI7XG4gIGZvcm1hdDogKHRzOiBudW1iZXIpID0+IHN0cmluZztcbn1cblxuY29uc3QgSGludENvbnRlbnQgPSAoe3gsIHksIGZvcm1hdH06IEhpbnRDb250ZW50UHJvcHMpID0+IChcbiAgPFN0eWxlZEhpbnQ+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJoaW50LS14XCI+e2Zvcm1hdCh4KX08L2Rpdj5cbiAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPnt5fTwvZGl2PlxuICA8L1N0eWxlZEhpbnQ+XG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhvdmVyRFAge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbiAgY29sb3I/OiBzdHJpbmcgfCBudW1iZXI7XG4gIG9wYWNpdHk/OiBzdHJpbmcgfCBudW1iZXI7XG4gIHN0cm9rZT86IHN0cmluZyB8IG51bWJlcjtcbiAgZmlsbD86IHN0cmluZyB8IG51bWJlcjtcbiAgc2l6ZT86IHN0cmluZyB8IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIExpbmVDaGFydFByb3BzIHtcbiAgYnJ1c2hDb21wb25lbnQ/OiBhbnk7XG4gIGJydXNoaW5nPzogYm9vbGVhbjtcbiAgY29sb3I/OiBzdHJpbmc7XG4gIGVuYWJsZUNoYXJ0SG92ZXI/OiBib29sZWFuO1xuICBoZWlnaHQ6IG51bWJlcjtcbiAgaG92ZXJlZERQPzogSG92ZXJEUCB8IG51bGw7XG4gIGlzRW5sYXJnZWQ/OiBib29sZWFuO1xuICBsaW5lQ2hhcnQ/OiBMaW5lQ2hhcnQ7XG4gIG1hcmdpbjoge3RvcD86IG51bWJlcjsgYm90dG9tPzogbnVtYmVyOyBsZWZ0PzogbnVtYmVyOyByaWdodD86IG51bWJlcn07XG4gIG9uTW91c2VNb3ZlOiAoZGF0YXBvaW50OiBMaW5lU2VyaWVzUG9pbnQgfCBudWxsLCBkYXRhPzogUlZOZWFyZXN0WERhdGE8TGluZVNlcmllc1BvaW50PikgPT4gdm9pZDtcbiAgd2lkdGg6IG51bWJlcjtcbiAgdGltZXpvbmU/OiBzdHJpbmcgfCBudWxsO1xuICB0aW1lRm9ybWF0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBNQVJHSU4gPSB7dG9wOiAwLCBib3R0b206IDAsIGxlZnQ6IDAsIHJpZ2h0OiAwfTtcbmZ1bmN0aW9uIExpbmVDaGFydEZhY3RvcnkoKSB7XG4gIGNvbnN0IExpbmVDaGFydENvbXBvbmVudCA9ICh7XG4gICAgYnJ1c2hDb21wb25lbnQsXG4gICAgYnJ1c2hpbmcsXG4gICAgY29sb3IsXG4gICAgZW5hYmxlQ2hhcnRIb3ZlcixcbiAgICBoZWlnaHQsXG4gICAgaG92ZXJlZERQLFxuICAgIGlzRW5sYXJnZWQsXG4gICAgbGluZUNoYXJ0LFxuICAgIG1hcmdpbixcbiAgICBvbk1vdXNlTW92ZSxcbiAgICB3aWR0aCxcbiAgICB0aW1lem9uZSxcbiAgICB0aW1lRm9ybWF0XG4gIH06IExpbmVDaGFydFByb3BzKSA9PiB7XG4gICAgY29uc3Qge3NlcmllcywgeURvbWFpbn0gPSBsaW5lQ2hhcnQgfHwge307XG5cbiAgICBjb25zdCBicnVzaERhdGEgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBzZXJpZXMgJiYgc2VyaWVzWzBdICYmIHNlcmllc1swXS54ICYmIHlEb21haW4gJiYgeURvbWFpblsxXVxuICAgICAgICA/IFt7eDogc2VyaWVzWzBdLngsIHk6IHlEb21haW5bMV0sIGN1c3RvbUNvbXBvbmVudDogKCkgPT4gYnJ1c2hDb21wb25lbnR9XVxuICAgICAgICA6IFtdO1xuICAgIH0sIFtzZXJpZXMsIHlEb21haW4sIGJydXNoQ29tcG9uZW50XSk7XG4gICAgY29uc3QgaGludEZvcm1hdHRlciA9IHVzZU1lbW8oKCkgPT4gZGF0ZXRpbWVGb3JtYXR0ZXIodGltZXpvbmUpKHRpbWVGb3JtYXQpLCBbXG4gICAgICB0aW1lem9uZSxcbiAgICAgIHRpbWVGb3JtYXRcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TGluZUNoYXJ0V3JhcHBlciBzdHlsZT17e21hcmdpblRvcDogYCR7bWFyZ2luLnRvcH1weGB9fT5cbiAgICAgICAgPFhZUGxvdFxuICAgICAgICAgIHhUeXBlPVwidGltZVwiXG4gICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgIG1hcmdpbj17TUFSR0lOfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgb25Nb3VzZU1vdmUobnVsbCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxIb3Jpem9udGFsR3JpZExpbmVzIHRpY2tUb3RhbD17M30gLz5cbiAgICAgICAgICA8TGluZVNlcmllc1xuICAgICAgICAgICAgc3R5bGU9e3tmaWxsOiAnbm9uZSd9fVxuICAgICAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICAgICAgZGF0YT17c2VyaWVzfVxuICAgICAgICAgICAgb25OZWFyZXN0WD17ZW5hYmxlQ2hhcnRIb3ZlciA/IG9uTW91c2VNb3ZlIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPE1hcmtTZXJpZXMgZGF0YT17aG92ZXJlZERQID8gW2hvdmVyZWREUF0gOiBbXX0gY29sb3I9e2NvbG9yfSAvPlxuICAgICAgICAgIDxDdXN0b21TVkdTZXJpZXMgZGF0YT17YnJ1c2hEYXRhfSAvPlxuICAgICAgICAgIHtpc0VubGFyZ2VkICYmIDxZQXhpcyB0aWNrVG90YWw9ezN9IC8+fVxuICAgICAgICAgIHtob3ZlcmVkRFAgJiYgZW5hYmxlQ2hhcnRIb3ZlciAmJiAhYnJ1c2hpbmcgPyAoXG4gICAgICAgICAgICA8SGludCB2YWx1ZT17aG92ZXJlZERQfT5cbiAgICAgICAgICAgICAgPEhpbnRDb250ZW50IHsuLi5ob3ZlcmVkRFB9IGZvcm1hdD17aGludEZvcm1hdHRlcn0gLz5cbiAgICAgICAgICAgIDwvSGludD5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9YWVBsb3Q+XG4gICAgICA8L0xpbmVDaGFydFdyYXBwZXI+XG4gICAgKTtcbiAgfTtcbiAgcmV0dXJuIExpbmVDaGFydENvbXBvbmVudDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGluZUNoYXJ0RmFjdG9yeTtcbiJdfQ==

package/dist/common/loading-spinner.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface LoadingSpinnerProps {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+    gap?: number;
+}
+declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;
+export default LoadingSpinner;

package/dist/common/loading-spinner.js

@@ -0,0 +1,76 @@
+// 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var animationName = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+
+var Loader = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    border-left-color: ", ";\n    animation: _preloader_spin_ 500ms linear infinite;\n    border-radius: 50%;\n    border-top-color: transparent;\n    border-bottom-color: transparent;\n    border-right-color: transparent;\n    cursor: wait;\n    border-style: solid;\n    display: block;\n    animation-name: ", ";\n}"])), function (props) {
+  return props.color || props.theme.primaryBtnBgd;
+}, animationName);
+
+var LoadingWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  border-radius: 50%;\n  border: 3px solid ", ";\n  padding: 2px;\n"])), function (props) {
+  return props.borderColor || props.theme.borderColorLT;
+});
+
+var LoadingSpinner = function LoadingSpinner(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 32 : _ref$size,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? '' : _ref$color,
+      _ref$strokeWidth = _ref.strokeWidth,
+      strokeWidth = _ref$strokeWidth === void 0 ? 3 : _ref$strokeWidth,
+      _ref$gap = _ref.gap,
+      gap = _ref$gap === void 0 ? 2 : _ref$gap;
+  return /*#__PURE__*/_react["default"].createElement(LoadingWrapper, {
+    style: {
+      width: "".concat(size, "px"),
+      height: "".concat(size, "px"),
+      padding: "".concat(gap, "px")
+    }
+  }, /*#__PURE__*/_react["default"].createElement(Loader, {
+    color: color,
+    style: {
+      width: "".concat(size - strokeWidth * 2 - gap * 2, "px"),
+      height: "".concat(size - strokeWidth * 2 - gap * 2, "px")
+    }
+  }));
+};
+
+var _default = LoadingSpinner;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vbG9hZGluZy1zcGlubmVyLnRzeCJdLCJuYW1lcyI6WyJhbmltYXRpb25OYW1lIiwia2V5ZnJhbWVzIiwiTG9hZGVyIiwic3R5bGVkIiwic3BhbiIsInByb3BzIiwiY29sb3IiLCJ0aGVtZSIsInByaW1hcnlCdG5CZ2QiLCJMb2FkaW5nV3JhcHBlciIsImRpdiIsImJvcmRlckNvbG9yIiwiYm9yZGVyQ29sb3JMVCIsIkxvYWRpbmdTcGlubmVyIiwic2l6ZSIsInN0cm9rZVdpZHRoIiwiZ2FwIiwid2lkdGgiLCJoZWlnaHQiLCJwYWRkaW5nIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOzs7O0FBRUEsSUFBTUEsYUFBYSxPQUFHQywyQkFBSCxtTEFBbkI7O0FBU0EsSUFBTUMsTUFBTSxHQUFHQyw2QkFBT0MsSUFBVix5WkFDYSxVQUFBQyxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLElBQWVELEtBQUssQ0FBQ0UsS0FBTixDQUFZQyxhQUEvQjtBQUFBLENBRGxCLEVBVVVSLGFBVlYsQ0FBWjs7QUFpQkEsSUFBTVMsY0FBYyxHQUFHTiw2QkFBT08sR0FBViw4SkFFRSxVQUFBTCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDTSxXQUFOLElBQXFCTixLQUFLLENBQUNFLEtBQU4sQ0FBWUssYUFBckM7QUFBQSxDQUZQLENBQXBCOztBQWFBLElBQU1DLGNBQTZDLEdBQUcsU0FBaERBLGNBQWdEO0FBQUEsdUJBQ3BEQyxJQURvRDtBQUFBLE1BQ3BEQSxJQURvRCwwQkFDN0MsRUFENkM7QUFBQSx3QkFFcERSLEtBRm9EO0FBQUEsTUFFcERBLEtBRm9ELDJCQUU1QyxFQUY0QztBQUFBLDhCQUdwRFMsV0FIb0Q7QUFBQSxNQUdwREEsV0FIb0QsaUNBR3RDLENBSHNDO0FBQUEsc0JBSXBEQyxHQUpvRDtBQUFBLE1BSXBEQSxHQUpvRCx5QkFJOUMsQ0FKOEM7QUFBQSxzQkFNcEQsZ0NBQUMsY0FBRDtBQUFnQixJQUFBLEtBQUssRUFBRTtBQUFDQyxNQUFBQSxLQUFLLFlBQUtILElBQUwsT0FBTjtBQUFxQkksTUFBQUEsTUFBTSxZQUFLSixJQUFMLE9BQTNCO0FBQTBDSyxNQUFBQSxPQUFPLFlBQUtILEdBQUw7QUFBakQ7QUFBdkIsa0JBQ0UsZ0NBQUMsTUFBRDtBQUNFLElBQUEsS0FBSyxFQUFFVixLQURUO0FBRUUsSUFBQSxLQUFLLEVBQUU7QUFDTFcsTUFBQUEsS0FBSyxZQUFLSCxJQUFJLEdBQUdDLFdBQVcsR0FBRyxDQUFyQixHQUF5QkMsR0FBRyxHQUFHLENBQXBDLE9BREE7QUFFTEUsTUFBQUEsTUFBTSxZQUFLSixJQUFJLEdBQUdDLFdBQVcsR0FBRyxDQUFyQixHQUF5QkMsR0FBRyxHQUFHLENBQXBDO0FBRkQ7QUFGVCxJQURGLENBTm9EO0FBQUEsQ0FBdEQ7O2VBaUJlSCxjIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQsIHtrZXlmcmFtZXN9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuY29uc3QgYW5pbWF0aW9uTmFtZSA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IExvYWRlciA9IHN0eWxlZC5zcGFuYFxuICAgIGJvcmRlci1sZWZ0LWNvbG9yOiAke3Byb3BzID0+IHByb3BzLmNvbG9yIHx8IHByb3BzLnRoZW1lLnByaW1hcnlCdG5CZ2R9O1xuICAgIGFuaW1hdGlvbjogX3ByZWxvYWRlcl9zcGluXyA1MDBtcyBsaW5lYXIgaW5maW5pdGU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJvcmRlci10b3AtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1ib3R0b20tY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiB3YWl0O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYW5pbWF0aW9uLW5hbWU6ICR7YW5pbWF0aW9uTmFtZX07XG59YDtcblxuaW50ZXJmYWNlIExvYWRpbmdXcmFwcGVyUHJvcHMge1xuICBib3JkZXJDb2xvcj86IHN0cmluZztcbn1cblxuY29uc3QgTG9hZGluZ1dyYXBwZXIgPSBzdHlsZWQuZGl2PExvYWRpbmdXcmFwcGVyUHJvcHM+YFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogM3B4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMuYm9yZGVyQ29sb3IgfHwgcHJvcHMudGhlbWUuYm9yZGVyQ29sb3JMVH07XG4gIHBhZGRpbmc6IDJweDtcbmA7XG5cbmludGVyZmFjZSBMb2FkaW5nU3Bpbm5lclByb3BzIHtcbiAgc2l6ZT86IG51bWJlcjtcbiAgY29sb3I/OiBzdHJpbmc7XG4gIHN0cm9rZVdpZHRoPzogbnVtYmVyO1xuICBnYXA/OiBudW1iZXI7XG59XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyOiBSZWFjdC5GQzxMb2FkaW5nU3Bpbm5lclByb3BzPiA9ICh7XG4gIHNpemUgPSAzMixcbiAgY29sb3IgPSAnJyxcbiAgc3Ryb2tlV2lkdGggPSAzLFxuICBnYXAgPSAyXG59KSA9PiAoXG4gIDxMb2FkaW5nV3JhcHBlciBzdHlsZT17e3dpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCwgcGFkZGluZzogYCR7Z2FwfXB4YH19PlxuICAgIDxMb2FkZXJcbiAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHdpZHRoOiBgJHtzaXplIC0gc3Ryb2tlV2lkdGggKiAyIC0gZ2FwICogMn1weGAsXG4gICAgICAgIGhlaWdodDogYCR7c2l6ZSAtIHN0cm9rZVdpZHRoICogMiAtIGdhcCAqIDJ9cHhgXG4gICAgICB9fVxuICAgIC8+XG4gIDwvTG9hZGluZ1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBMb2FkaW5nU3Bpbm5lcjtcbiJdfQ==

package/dist/common/logo.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface KeplerGlLogoProps {
+    appName?: string;
+    version?: string | boolean;
+    appWebsite?: string;
+}
+declare const KeplerGlLogo: ({ appName, appWebsite, version }: KeplerGlLogoProps) => JSX.Element;
+export default KeplerGlLogo;

package/dist/common/logo.js

@@ -0,0 +1,102 @@
+// 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 _constants = require("@kepler.gl/constants");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+var LogoTitle = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  margin-left: 6px;\n"])));
+
+var LogoName = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  .logo__link {\n    color: ", ";\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 1.17px;\n  }\n"])), function (props) {
+  return props.theme.logoColor;
+});
+
+var LogoVersion = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 10px;\n  color: ", ";\n  letter-spacing: 0.83px;\n  line-height: 14px;\n"])), function (props) {
+  return props.theme.subtextColor;
+});
+
+var LogoWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: flex-start;\n"])));
+
+var LogoSvgWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 3px;\n"])));
+
+var LogoSvg = function LogoSvg() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    className: "side-panel-logo__logo",
+    width: "22px",
+    height: "15px",
+    viewBox: "0 0 22 15"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    transform: "translate(11, -3) rotate(45.000000)"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    fill: "#535C6C",
+    x: "0",
+    y: "5",
+    width: "10",
+    height: "10"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    fill: "#1FBAD6",
+    x: "5",
+    y: "0",
+    width: "10",
+    height: "10"
+  })));
+};
+
+var KeplerGlLogo = function KeplerGlLogo(_ref) {
+  var _ref$appName = _ref.appName,
+      appName = _ref$appName === void 0 ? _constants.KEPLER_GL_NAME : _ref$appName,
+      _ref$appWebsite = _ref.appWebsite,
+      appWebsite = _ref$appWebsite === void 0 ? _constants.KEPLER_GL_WEBSITE : _ref$appWebsite,
+      _ref$version = _ref.version,
+      version = _ref$version === void 0 ? _constants.KEPLER_GL_VERSION : _ref$version;
+  return /*#__PURE__*/_react["default"].createElement(LogoWrapper, {
+    className: "side-panel-logo"
+  }, /*#__PURE__*/_react["default"].createElement(LogoSvgWrapper, null, /*#__PURE__*/_react["default"].createElement(LogoSvg, null)), /*#__PURE__*/_react["default"].createElement(LogoTitle, {
+    className: "logo__title"
+  }, /*#__PURE__*/_react["default"].createElement(LogoName, {
+    className: "logo__name"
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    className: "logo__link",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    href: appWebsite
+  }, appName)), version ? /*#__PURE__*/_react["default"].createElement(LogoVersion, {
+    className: "logo__version"
+  }, version) : null));
+};
+
+var _default = KeplerGlLogo;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vbG9nby50c3giXSwibmFtZXMiOlsiTG9nb1RpdGxlIiwic3R5bGVkIiwiZGl2IiwiTG9nb05hbWUiLCJwcm9wcyIsInRoZW1lIiwibG9nb0NvbG9yIiwiTG9nb1ZlcnNpb24iLCJzdWJ0ZXh0Q29sb3IiLCJMb2dvV3JhcHBlciIsIkxvZ29TdmdXcmFwcGVyIiwiTG9nb1N2ZyIsIktlcGxlckdsTG9nbyIsImFwcE5hbWUiLCJLRVBMRVJfR0xfTkFNRSIsImFwcFdlYnNpdGUiLCJLRVBMRVJfR0xfV0VCU0lURSIsInZlcnNpb24iLCJLRVBMRVJfR0xfVkVSU0lPTiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7Ozs7QUFFQSxJQUFNQSxTQUFTLEdBQUdDLDZCQUFPQyxHQUFWLHVJQUFmOztBQUtBLElBQU1DLFFBQVEsR0FBR0YsNkJBQU9DLEdBQVYsNk1BRUQsVUFBQUUsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxTQUFoQjtBQUFBLENBRkosQ0FBZDs7QUFRQSxJQUFNQyxXQUFXLEdBQUdOLDZCQUFPQyxHQUFWLGdMQUVOLFVBQUFFLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUcsWUFBaEI7QUFBQSxDQUZDLENBQWpCOztBQU9BLElBQU1DLFdBQVcsR0FBR1IsNkJBQU9DLEdBQVYsd0lBQWpCOztBQUtBLElBQU1RLGNBQWMsR0FBR1QsNkJBQU9DLEdBQVYsOEdBQXBCOztBQUlBLElBQU1TLE9BQU8sR0FBRyxTQUFWQSxPQUFVO0FBQUEsc0JBQ2Q7QUFBSyxJQUFBLFNBQVMsRUFBQyx1QkFBZjtBQUF1QyxJQUFBLEtBQUssRUFBQyxNQUE3QztBQUFvRCxJQUFBLE1BQU0sRUFBQyxNQUEzRDtBQUFrRSxJQUFBLE9BQU8sRUFBQztBQUExRSxrQkFDRTtBQUFHLElBQUEsU0FBUyxFQUFDO0FBQWIsa0JBQ0U7QUFBTSxJQUFBLElBQUksRUFBQyxTQUFYO0FBQXFCLElBQUEsQ0FBQyxFQUFDLEdBQXZCO0FBQTJCLElBQUEsQ0FBQyxFQUFDLEdBQTdCO0FBQWlDLElBQUEsS0FBSyxFQUFDLElBQXZDO0FBQTRDLElBQUEsTUFBTSxFQUFDO0FBQW5ELElBREYsZUFFRTtBQUFNLElBQUEsSUFBSSxFQUFDLFNBQVg7QUFBcUIsSUFBQSxDQUFDLEVBQUMsR0FBdkI7QUFBMkIsSUFBQSxDQUFDLEVBQUMsR0FBN0I7QUFBaUMsSUFBQSxLQUFLLEVBQUMsSUFBdkM7QUFBNEMsSUFBQSxNQUFNLEVBQUM7QUFBbkQsSUFGRixDQURGLENBRGM7QUFBQSxDQUFoQjs7QUFjQSxJQUFNQyxZQUFZLEdBQUcsU0FBZkEsWUFBZTtBQUFBLDBCQUNuQkMsT0FEbUI7QUFBQSxNQUNuQkEsT0FEbUIsNkJBQ1RDLHlCQURTO0FBQUEsNkJBRW5CQyxVQUZtQjtBQUFBLE1BRW5CQSxVQUZtQixnQ0FFTkMsNEJBRk07QUFBQSwwQkFHbkJDLE9BSG1CO0FBQUEsTUFHbkJBLE9BSG1CLDZCQUdUQyw0QkFIUztBQUFBLHNCQUtuQixnQ0FBQyxXQUFEO0FBQWEsSUFBQSxTQUFTLEVBQUM7QUFBdkIsa0JBQ0UsZ0NBQUMsY0FBRCxxQkFDRSxnQ0FBQyxPQUFELE9BREYsQ0FERixlQUlFLGdDQUFDLFNBQUQ7QUFBVyxJQUFBLFNBQVMsRUFBQztBQUFyQixrQkFDRSxnQ0FBQyxRQUFEO0FBQVUsSUFBQSxTQUFTLEVBQUM7QUFBcEIsa0JBQ0U7QUFBRyxJQUFBLFNBQVMsRUFBQyxZQUFiO0FBQTBCLElBQUEsTUFBTSxFQUFDLFFBQWpDO0FBQTBDLElBQUEsR0FBRyxFQUFDLHFCQUE5QztBQUFvRSxJQUFBLElBQUksRUFBRUg7QUFBMUUsS0FDR0YsT0FESCxDQURGLENBREYsRUFNR0ksT0FBTyxnQkFBRyxnQ0FBQyxXQUFEO0FBQWEsSUFBQSxTQUFTLEVBQUM7QUFBdkIsS0FBd0NBLE9BQXhDLENBQUgsR0FBb0UsSUFOOUUsQ0FKRixDQUxtQjtBQUFBLENBQXJCOztlQW9CZUwsWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7S0VQTEVSX0dMX05BTUUsIEtFUExFUl9HTF9WRVJTSU9OLCBLRVBMRVJfR0xfV0VCU0lURX0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuXG5jb25zdCBMb2dvVGl0bGUgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiA2cHg7XG5gO1xuXG5jb25zdCBMb2dvTmFtZSA9IHN0eWxlZC5kaXZgXG4gIC5sb2dvX19saW5rIHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sb2dvQ29sb3J9O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIGxldHRlci1zcGFjaW5nOiAxLjE3cHg7XG4gIH1cbmA7XG5jb25zdCBMb2dvVmVyc2lvbiA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yfTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuODNweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gO1xuXG5jb25zdCBMb2dvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuYDtcblxuY29uc3QgTG9nb1N2Z1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAzcHg7XG5gO1xuXG5jb25zdCBMb2dvU3ZnID0gKCkgPT4gKFxuICA8c3ZnIGNsYXNzTmFtZT1cInNpZGUtcGFuZWwtbG9nb19fbG9nb1wiIHdpZHRoPVwiMjJweFwiIGhlaWdodD1cIjE1cHhcIiB2aWV3Qm94PVwiMCAwIDIyIDE1XCI+XG4gICAgPGcgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDExLCAtMykgcm90YXRlKDQ1LjAwMDAwMClcIj5cbiAgICAgIDxyZWN0IGZpbGw9XCIjNTM1QzZDXCIgeD1cIjBcIiB5PVwiNVwiIHdpZHRoPVwiMTBcIiBoZWlnaHQ9XCIxMFwiIC8+XG4gICAgICA8cmVjdCBmaWxsPVwiIzFGQkFENlwiIHg9XCI1XCIgeT1cIjBcIiB3aWR0aD1cIjEwXCIgaGVpZ2h0PVwiMTBcIiAvPlxuICAgIDwvZz5cbiAgPC9zdmc+XG4pO1xuaW50ZXJmYWNlIEtlcGxlckdsTG9nb1Byb3BzIHtcbiAgYXBwTmFtZT86IHN0cmluZztcbiAgdmVyc2lvbj86IHN0cmluZyB8IGJvb2xlYW47XG4gIGFwcFdlYnNpdGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEtlcGxlckdsTG9nbyA9ICh7XG4gIGFwcE5hbWUgPSBLRVBMRVJfR0xfTkFNRSxcbiAgYXBwV2Vic2l0ZSA9IEtFUExFUl9HTF9XRUJTSVRFLFxuICB2ZXJzaW9uID0gS0VQTEVSX0dMX1ZFUlNJT05cbn06IEtlcGxlckdsTG9nb1Byb3BzKSA9PiAoXG4gIDxMb2dvV3JhcHBlciBjbGFzc05hbWU9XCJzaWRlLXBhbmVsLWxvZ29cIj5cbiAgICA8TG9nb1N2Z1dyYXBwZXI+XG4gICAgICA8TG9nb1N2ZyAvPlxuICAgIDwvTG9nb1N2Z1dyYXBwZXI+XG4gICAgPExvZ29UaXRsZSBjbGFzc05hbWU9XCJsb2dvX190aXRsZVwiPlxuICAgICAgPExvZ29OYW1lIGNsYXNzTmFtZT1cImxvZ29fX25hbWVcIj5cbiAgICAgICAgPGEgY2xhc3NOYW1lPVwibG9nb19fbGlua1wiIHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIiBocmVmPXthcHBXZWJzaXRlfT5cbiAgICAgICAgICB7YXBwTmFtZX1cbiAgICAgICAgPC9hPlxuICAgICAgPC9Mb2dvTmFtZT5cbiAgICAgIHt2ZXJzaW9uID8gPExvZ29WZXJzaW9uIGNsYXNzTmFtZT1cImxvZ29fX3ZlcnNpb25cIj57dmVyc2lvbn08L0xvZ29WZXJzaW9uPiA6IG51bGx9XG4gICAgPC9Mb2dvVGl0bGU+XG4gIDwvTG9nb1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBLZXBsZXJHbExvZ287XG4iXX0=

package/dist/common/map-layer-selector.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface Layer {
+    id: string;
+    name: string;
+    isVisible: boolean;
+}
+interface MapLayerSelectorProps {
+    layers: Layer[];
+    onMapToggleLayer: (layerId: string) => void;
+}
+/** @type {typeof import('./map-layer-selector').default} */
+declare const MapLayerSelector: ({ layers, onMapToggleLayer }: MapLayerSelectorProps) => JSX.Element;
+export default MapLayerSelector;

package/dist/common/map-layer-selector.js

@@ -0,0 +1,69 @@
+// 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 _checkbox = _interopRequireDefault(require("./checkbox"));
+
+var _utils = require("@kepler.gl/utils");
+
+var _templateObject;
+
+var MapLayerSelect = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 12px;\n\n  .map-layer-selector__item {\n    margin: 12px 0;\n  }\n"])));
+
+/** @type {typeof import('./map-layer-selector').default} */
+var MapLayerSelector = function MapLayerSelector(_ref) {
+  var layers = _ref.layers,
+      onMapToggleLayer = _ref.onMapToggleLayer;
+  return /*#__PURE__*/_react["default"].createElement(MapLayerSelect, {
+    className: "map-layer-selector"
+  }, layers.map(function (layer, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: layer.id,
+      className: "map-layer-selector__item"
+    }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      type: "radio",
+      checked: layer.isVisible,
+      id: "".concat(layer.id, "-toggle-").concat((0, _utils.generateHashId)(4)),
+      label: layer.name,
+      onChange: function onChange(e) {
+        e.preventDefault();
+        onMapToggleLayer(layer.id);
+      }
+    }));
+  }));
+};
+
+var _default = MapLayerSelector;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vbWFwLWxheWVyLXNlbGVjdG9yLnRzeCJdLCJuYW1lcyI6WyJNYXBMYXllclNlbGVjdCIsInN0eWxlZCIsImRpdiIsIk1hcExheWVyU2VsZWN0b3IiLCJsYXllcnMiLCJvbk1hcFRvZ2dsZUxheWVyIiwibWFwIiwibGF5ZXIiLCJpbmRleCIsImlkIiwiaXNWaXNpYmxlIiwibmFtZSIsImUiLCJwcmV2ZW50RGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFFQSxJQUFNQSxjQUFjLEdBQUdDLDZCQUFPQyxHQUFWLHFLQUFwQjs7QUFrQkE7QUFDQSxJQUFNQyxnQkFBZ0IsR0FBRyxTQUFuQkEsZ0JBQW1CO0FBQUEsTUFBRUMsTUFBRixRQUFFQSxNQUFGO0FBQUEsTUFBVUMsZ0JBQVYsUUFBVUEsZ0JBQVY7QUFBQSxzQkFDdkIsZ0NBQUMsY0FBRDtBQUFnQixJQUFBLFNBQVMsRUFBQztBQUExQixLQUNHRCxNQUFNLENBQUNFLEdBQVAsQ0FBVyxVQUFDQyxLQUFELEVBQVFDLEtBQVI7QUFBQSx3QkFDVjtBQUFLLE1BQUEsR0FBRyxFQUFFRCxLQUFLLENBQUNFLEVBQWhCO0FBQW9CLE1BQUEsU0FBUyxFQUFDO0FBQTlCLG9CQUNFLGdDQUFDLG9CQUFEO0FBQ0UsTUFBQSxJQUFJLEVBQUMsT0FEUDtBQUVFLE1BQUEsT0FBTyxFQUFFRixLQUFLLENBQUNHLFNBRmpCO0FBR0UsTUFBQSxFQUFFLFlBQUtILEtBQUssQ0FBQ0UsRUFBWCxxQkFBd0IsMkJBQWUsQ0FBZixDQUF4QixDQUhKO0FBSUUsTUFBQSxLQUFLLEVBQUVGLEtBQUssQ0FBQ0ksSUFKZjtBQUtFLE1BQUEsUUFBUSxFQUFFLGtCQUFBQyxDQUFDLEVBQUk7QUFDYkEsUUFBQUEsQ0FBQyxDQUFDQyxjQUFGO0FBQ0FSLFFBQUFBLGdCQUFnQixDQUFDRSxLQUFLLENBQUNFLEVBQVAsQ0FBaEI7QUFDRDtBQVJILE1BREYsQ0FEVTtBQUFBLEdBQVgsQ0FESCxDQUR1QjtBQUFBLENBQXpCOztlQW1CZU4sZ0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgQ2hlY2tib3ggZnJvbSAnLi9jaGVja2JveCc7XG5pbXBvcnQge2dlbmVyYXRlSGFzaElkfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcblxuY29uc3QgTWFwTGF5ZXJTZWxlY3QgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxMnB4O1xuXG4gIC5tYXAtbGF5ZXItc2VsZWN0b3JfX2l0ZW0ge1xuICAgIG1hcmdpbjogMTJweCAwO1xuICB9XG5gO1xuaW50ZXJmYWNlIExheWVyIHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG59XG5cbmludGVyZmFjZSBNYXBMYXllclNlbGVjdG9yUHJvcHMge1xuICBsYXllcnM6IExheWVyW107XG4gIG9uTWFwVG9nZ2xlTGF5ZXI6IChsYXllcklkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbi8qKiBAdHlwZSB7dHlwZW9mIGltcG9ydCgnLi9tYXAtbGF5ZXItc2VsZWN0b3InKS5kZWZhdWx0fSAqL1xuY29uc3QgTWFwTGF5ZXJTZWxlY3RvciA9ICh7bGF5ZXJzLCBvbk1hcFRvZ2dsZUxheWVyfTogTWFwTGF5ZXJTZWxlY3RvclByb3BzKSA9PiAoXG4gIDxNYXBMYXllclNlbGVjdCBjbGFzc05hbWU9XCJtYXAtbGF5ZXItc2VsZWN0b3JcIj5cbiAgICB7bGF5ZXJzLm1hcCgobGF5ZXIsIGluZGV4KSA9PiAoXG4gICAgICA8ZGl2IGtleT17bGF5ZXIuaWR9IGNsYXNzTmFtZT1cIm1hcC1sYXllci1zZWxlY3Rvcl9faXRlbVwiPlxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgIGNoZWNrZWQ9e2xheWVyLmlzVmlzaWJsZX1cbiAgICAgICAgICBpZD17YCR7bGF5ZXIuaWR9LXRvZ2dsZS0ke2dlbmVyYXRlSGFzaElkKDQpfWB9XG4gICAgICAgICAgbGFiZWw9e2xheWVyLm5hbWV9XG4gICAgICAgICAgb25DaGFuZ2U9e2UgPT4ge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgb25NYXBUb2dnbGVMYXllcihsYXllci5pZCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICkpfVxuICA8L01hcExheWVyU2VsZWN0PlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTWFwTGF5ZXJTZWxlY3RvcjtcbiJdfQ==

package/dist/common/modal.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react-modal" />
+import React, { Component, ReactNode } from 'react';
+import { FlattenSimpleInterpolation } from 'styled-components';
+export declare const ModalTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ModalFooter: ({ cancel, confirm, cancelButton, confirmButton }: {
+    cancel: any;
+    confirm: any;
+    cancelButton: any;
+    confirmButton: any;
+}) => JSX.Element;
+interface ModalDialogOwnProps {
+    footer: boolean;
+    close: boolean;
+    isOpen: boolean;
+    title?: string;
+    className?: string;
+    onConfirm?: (...args: any) => void;
+    onCancel: (...args: any) => void;
+    confirmButton: object;
+    confirmButtonLabel?: string;
+    cancelButton: object;
+    cancelButtonLabel?: string;
+    cssStyle?: FlattenSimpleInterpolation | string;
+    style?: React.CSSProperties;
+    theme: any;
+    children?: ReactNode;
+}
+export declare type ModalDialogProps = ModalDialogOwnProps & Omit<ReactModal.Props, 'style' | 'ariaHideApp' | 'className'>;
+export declare class ModalDialog extends Component<ModalDialogProps> {
+    static defaultProps: {
+        footer: boolean;
+        close: boolean;
+        onConfirm: () => void;
+        onCancel: () => void;
+        cancelButton: {
+            link: boolean;
+            large: boolean;
+            children: string;
+        };
+        confirmButton: {
+            cta: boolean;
+            large: boolean;
+            width: string;
+            children: string;
+        };
+        cssStyle: never[];
+    };
+    render(): JSX.Element;
+}
+declare const StyledModal: import("styled-components").StyledComponent<typeof ModalDialog, any, {}, never>;
+export default StyledModal;