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

package/dist/common/line-chart.js

@@ -0,0 +1,120 @@
+"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 _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; // 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 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 || {},
+      yDomain = _ref3.yDomain,
+      xDomain = _ref3.xDomain;
+    // @ts-expect-error seems lineChart.series has ambiguous types. Requires refactoring.
+    var series = lineChart === null || lineChart === void 0 ? void 0 : lineChart.series;
+    var paddedYDomain = (0, _react.useMemo)(function () {
+      return yDomain && yDomain[0] && yDomain[1] ? [yDomain[0], yDomain[1] + (yDomain[1] - yDomain[0]) * 0.2] : [];
+    }, [yDomain]);
+    var brushData = (0, _react.useMemo)(function () {
+      return xDomain && paddedYDomain ? [{
+        x: xDomain[0],
+        y: paddedYDomain[1],
+        customComponent: function customComponent() {
+          return brushComponent;
+        }
+      }] : [];
+    }, [xDomain, paddedYDomain, 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);
+      },
+      yDomain: paddedYDomain,
+      xDomain: xDomain
+    }, /*#__PURE__*/_react["default"].createElement(_reactVis.HorizontalGridLines, {
+      tickTotal: 3
+    }), series.lines.map(function (d, i) {
+      return /*#__PURE__*/_react["default"].createElement(_reactVis.LineSeries, {
+        key: i,
+        style: {
+          fill: 'none'
+        },
+        color: color,
+        data: d,
+        onNearestX: series.markers.length || !enableChartHover ? undefined : onMouseMove
+      });
+    }), /*#__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 = exports["default"] = LineChartFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcmVhY3RWaXMiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfdXRpbHMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiTGluZUNoYXJ0V3JhcHBlciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJ0aGVtZSIsImhpc3RvZ3JhbUZpbGxPdXRSYW5nZSIsInRleHRDb2xvciIsIlN0eWxlZEhpbnQiLCJ0ZXh0Q29sb3JMVCIsIkhpbnRDb250ZW50IiwiX3JlZiIsIngiLCJ5IiwiZm9ybWF0IiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIk1BUkdJTiIsInRvcCIsImJvdHRvbSIsImxlZnQiLCJyaWdodCIsIkxpbmVDaGFydEZhY3RvcnkiLCJMaW5lQ2hhcnRDb21wb25lbnQiLCJfcmVmMiIsImJydXNoQ29tcG9uZW50IiwiYnJ1c2hpbmciLCJjb2xvciIsImVuYWJsZUNoYXJ0SG92ZXIiLCJoZWlnaHQiLCJob3ZlcmVkRFAiLCJpc0VubGFyZ2VkIiwibGluZUNoYXJ0IiwibWFyZ2luIiwib25Nb3VzZU1vdmUiLCJ3aWR0aCIsInRpbWV6b25lIiwidGltZUZvcm1hdCIsIl9yZWYzIiwieURvbWFpbiIsInhEb21haW4iLCJzZXJpZXMiLCJwYWRkZWRZRG9tYWluIiwidXNlTWVtbyIsImJydXNoRGF0YSIsImN1c3RvbUNvbXBvbmVudCIsImhpbnRGb3JtYXR0ZXIiLCJkYXRldGltZUZvcm1hdHRlciIsInN0eWxlIiwibWFyZ2luVG9wIiwiY29uY2F0IiwiWFlQbG90IiwieFR5cGUiLCJvbk1vdXNlTGVhdmUiLCJIb3Jpem9udGFsR3JpZExpbmVzIiwidGlja1RvdGFsIiwibGluZXMiLCJtYXAiLCJkIiwiTGluZVNlcmllcyIsImtleSIsImZpbGwiLCJkYXRhIiwib25OZWFyZXN0WCIsIm1hcmtlcnMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJNYXJrU2VyaWVzIiwiQ3VzdG9tU1ZHU2VyaWVzIiwiWUF4aXMiLCJIaW50IiwidmFsdWUiLCJfZXh0ZW5kczIiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tbW9uL2xpbmUtY2hhcnQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7XG4gIEhvcml6b250YWxHcmlkTGluZXMsXG4gIExpbmVTZXJpZXMsXG4gIFhZUGxvdCxcbiAgQ3VzdG9tU1ZHU2VyaWVzLFxuICBIaW50LFxuICBZQXhpcyxcbiAgTWFya1NlcmllcyxcbiAgTGluZVNlcmllc1BvaW50LFxuICBSVk5lYXJlc3RYRGF0YVxufSBmcm9tICdyZWFjdC12aXMnO1xuaW1wb3J0IHtMaW5lQ2hhcnR9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge2RhdGV0aW1lRm9ybWF0dGVyfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcblxuY29uc3QgTGluZUNoYXJ0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC5ydi14eS1wbG90IHtcbiAgICAvKiBpbXBvcnRhbnQgZm9yIHJlbmRlcmluZyBoaW50ICovXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB9XG4gIC5ydi14eS1wbG90X19pbm5lciB7XG4gICAgLyogaW1wb3J0YW50IHRvIHNob3cgYXhpcyAqL1xuICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICB9XG5cbiAgLnJ2LXh5LXBsb3RfX2dyaWQtbGluZXNfX2xpbmUge1xuICAgIHN0cm9rZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5oaXN0b2dyYW1GaWxsT3V0UmFuZ2V9O1xuICAgIHN0cm9rZS1kYXNoYXJyYXk6IDFweCA0cHg7XG4gIH1cblxuICAucnYteHktcGxvdF9fYXhpc19fdGlja19fdGV4dCB7XG4gICAgZm9udC1zaXplOiA5cHg7XG4gICAgZmlsbDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRIaW50ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogI2QzZDhlMDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JMVH07XG4gIGZvbnQtc2l6ZTogOXB4O1xuICBtYXJnaW46IDRweDtcbiAgcGFkZGluZzogM3B4IDZweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuYDtcblxuaW50ZXJmYWNlIEhpbnRDb250ZW50UHJvcHMge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbiAgZm9ybWF0OiAodHM6IG51bWJlcikgPT4gc3RyaW5nO1xufVxuXG5jb25zdCBIaW50Q29udGVudCA9ICh7eCwgeSwgZm9ybWF0fTogSGludENvbnRlbnRQcm9wcykgPT4gKFxuICA8U3R5bGVkSGludD5cbiAgICA8ZGl2IGNsYXNzTmFtZT1cImhpbnQtLXhcIj57Zm9ybWF0KHgpfTwvZGl2PlxuICAgIDxkaXYgY2xhc3NOYW1lPVwicm93XCI+e3l9PC9kaXY+XG4gIDwvU3R5bGVkSGludD5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSG92ZXJEUCB7XG4gIHg6IG51bWJlcjtcbiAgeTogbnVtYmVyO1xuICBjb2xvcj86IHN0cmluZyB8IG51bWJlcjtcbiAgb3BhY2l0eT86IHN0cmluZyB8IG51bWJlcjtcbiAgc3Ryb2tlPzogc3RyaW5nIHwgbnVtYmVyO1xuICBmaWxsPzogc3RyaW5nIHwgbnVtYmVyO1xuICBzaXplPzogc3RyaW5nIHwgbnVtYmVyO1xufVxuXG5pbnRlcmZhY2UgTGluZUNoYXJ0UHJvcHMge1xuICBicnVzaENvbXBvbmVudD86IGFueTtcbiAgYnJ1c2hpbmc/OiBib29sZWFuO1xuICBjb2xvcj86IHN0cmluZztcbiAgZW5hYmxlQ2hhcnRIb3Zlcj86IGJvb2xlYW47XG4gIGhlaWdodDogbnVtYmVyO1xuICBob3ZlcmVkRFA/OiBIb3ZlckRQIHwgbnVsbDtcbiAgaXNFbmxhcmdlZD86IGJvb2xlYW47XG4gIGxpbmVDaGFydD86IExpbmVDaGFydDtcbiAgbWFyZ2luOiB7dG9wPzogbnVtYmVyOyBib3R0b20/OiBudW1iZXI7IGxlZnQ/OiBudW1iZXI7IHJpZ2h0PzogbnVtYmVyfTtcbiAgb25Nb3VzZU1vdmU6IChkYXRhcG9pbnQ6IExpbmVTZXJpZXNQb2ludCB8IG51bGwsIGRhdGE/OiBSVk5lYXJlc3RYRGF0YTxMaW5lU2VyaWVzUG9pbnQ+KSA9PiB2b2lkO1xuICB3aWR0aDogbnVtYmVyO1xuICB0aW1lem9uZT86IHN0cmluZyB8IG51bGw7XG4gIHRpbWVGb3JtYXQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IE1BUkdJTiA9IHt0b3A6IDAsIGJvdHRvbTogMCwgbGVmdDogMCwgcmlnaHQ6IDB9O1xuZnVuY3Rpb24gTGluZUNoYXJ0RmFjdG9yeSgpIHtcbiAgY29uc3QgTGluZUNoYXJ0Q29tcG9uZW50ID0gKHtcbiAgICBicnVzaENvbXBvbmVudCxcbiAgICBicnVzaGluZyxcbiAgICBjb2xvcixcbiAgICBlbmFibGVDaGFydEhvdmVyLFxuICAgIGhlaWdodCxcbiAgICBob3ZlcmVkRFAsXG4gICAgaXNFbmxhcmdlZCxcbiAgICBsaW5lQ2hhcnQsXG4gICAgbWFyZ2luLFxuICAgIG9uTW91c2VNb3ZlLFxuICAgIHdpZHRoLFxuICAgIHRpbWV6b25lLFxuICAgIHRpbWVGb3JtYXRcbiAgfTogTGluZUNoYXJ0UHJvcHMpID0+IHtcbiAgICBjb25zdCB7eURvbWFpbiwgeERvbWFpbn0gPSBsaW5lQ2hhcnQgfHwge307XG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvciBzZWVtcyBsaW5lQ2hhcnQuc2VyaWVzIGhhcyBhbWJpZ3VvdXMgdHlwZXMuIFJlcXVpcmVzIHJlZmFjdG9yaW5nLlxuICAgIGNvbnN0IHNlcmllczoge2xpbmVzOiBhbnlbXTsgbWFya2VyczogYW55W119ID0gbGluZUNoYXJ0Py5zZXJpZXM7XG5cbiAgICBjb25zdCBwYWRkZWRZRG9tYWluID0gdXNlTWVtbyhcbiAgICAgICgpID0+XG4gICAgICAgIHlEb21haW4gJiYgeURvbWFpblswXSAmJiB5RG9tYWluWzFdXG4gICAgICAgICAgPyBbeURvbWFpblswXSwgeURvbWFpblsxXSArICh5RG9tYWluWzFdIC0geURvbWFpblswXSkgKiAwLjJdXG4gICAgICAgICAgOiBbXSxcbiAgICAgIFt5RG9tYWluXVxuICAgICk7XG4gICAgY29uc3QgYnJ1c2hEYXRhID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICByZXR1cm4geERvbWFpbiAmJiBwYWRkZWRZRG9tYWluXG4gICAgICAgID8gW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICB4OiB4RG9tYWluWzBdLFxuICAgICAgICAgICAgICB5OiBwYWRkZWRZRG9tYWluWzFdLFxuICAgICAgICAgICAgICBjdXN0b21Db21wb25lbnQ6ICgpID0+IGJydXNoQ29tcG9uZW50XG4gICAgICAgICAgICB9XG4gICAgICAgICAgXVxuICAgICAgICA6IFtdO1xuICAgIH0sIFt4RG9tYWluLCBwYWRkZWRZRG9tYWluLCBicnVzaENvbXBvbmVudF0pO1xuXG4gICAgY29uc3QgaGludEZvcm1hdHRlciA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBkYXRldGltZUZvcm1hdHRlcih0aW1lem9uZSkodGltZUZvcm1hdCksXG4gICAgICBbdGltZXpvbmUsIHRpbWVGb3JtYXRdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TGluZUNoYXJ0V3JhcHBlciBzdHlsZT17e21hcmdpblRvcDogYCR7bWFyZ2luLnRvcH1weGB9fT5cbiAgICAgICAgPFhZUGxvdFxuICAgICAgICAgIHhUeXBlPVwidGltZVwiXG4gICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgIG1hcmdpbj17TUFSR0lOfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgb25Nb3VzZU1vdmUobnVsbCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICB5RG9tYWluPXtwYWRkZWRZRG9tYWlufVxuICAgICAgICAgIHhEb21haW49e3hEb21haW59XG4gICAgICAgID5cbiAgICAgICAgICA8SG9yaXpvbnRhbEdyaWRMaW5lcyB0aWNrVG90YWw9ezN9IC8+XG4gICAgICAgICAge3Nlcmllcy5saW5lcy5tYXAoKGQsIGkpID0+IChcbiAgICAgICAgICAgIDxMaW5lU2VyaWVzXG4gICAgICAgICAgICAgIGtleT17aX1cbiAgICAgICAgICAgICAgc3R5bGU9e3tmaWxsOiAnbm9uZSd9fVxuICAgICAgICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgICAgICAgIGRhdGE9e2R9XG4gICAgICAgICAgICAgIG9uTmVhcmVzdFg9e3Nlcmllcy5tYXJrZXJzLmxlbmd0aCB8fCAhZW5hYmxlQ2hhcnRIb3ZlciA/IHVuZGVmaW5lZCA6IG9uTW91c2VNb3ZlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgICA8TWFya1NlcmllcyBkYXRhPXtob3ZlcmVkRFAgPyBbaG92ZXJlZERQXSA6IFtdfSBjb2xvcj17Y29sb3J9IC8+XG4gICAgICAgICAgPEN1c3RvbVNWR1NlcmllcyBkYXRhPXticnVzaERhdGF9IC8+XG4gICAgICAgICAge2lzRW5sYXJnZWQgJiYgPFlBeGlzIHRpY2tUb3RhbD17M30gLz59XG4gICAgICAgICAge2hvdmVyZWREUCAmJiBlbmFibGVDaGFydEhvdmVyICYmICFicnVzaGluZyA/IChcbiAgICAgICAgICAgIDxIaW50IHZhbHVlPXtob3ZlcmVkRFB9PlxuICAgICAgICAgICAgICA8SGludENvbnRlbnQgey4uLmhvdmVyZWREUH0gZm9ybWF0PXtoaW50Rm9ybWF0dGVyfSAvPlxuICAgICAgICAgICAgPC9IaW50PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1hZUGxvdD5cbiAgICAgIDwvTGluZUNoYXJ0V3JhcHBlcj5cbiAgICApO1xuICB9O1xuICByZXR1cm4gTGluZUNoYXJ0Q29tcG9uZW50O1xufVxuXG5leHBvcnQgZGVmYXVsdCBMaW5lQ2hhcnRGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsU0FBQSxHQUFBRCxPQUFBO0FBWUEsSUFBQUUsaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUgsT0FBQTtBQUNBLElBQUFJLE1BQUEsR0FBQUosT0FBQTtBQUFtRCxJQUFBSyxlQUFBLEVBQUFDLGdCQUFBLEVBakJuRDtBQUNBO0FBQUEsU0FBQUMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFULHdCQUFBUyxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JB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

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

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

package/dist/common/loading-spinner.js

@@ -0,0 +1,51 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3; // 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 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$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? '' : _ref$borderColor,
+    _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"),
+      borderColor: borderColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement(Loader, {
+    color: color,
+    style: {
+      width: "".concat(size - strokeWidth * 2 - gap * 2, "px"),
+      height: "".concat(size - strokeWidth * 2 - gap * 2, "px"),
+      borderWidth: strokeWidth
+    }
+  }));
+};
+var _default = exports["default"] = LoadingSpinner;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsImFuaW1hdGlvbk5hbWUiLCJrZXlmcmFtZXMiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIkxvYWRlciIsInN0eWxlZCIsInNwYW4iLCJwcm9wcyIsImNvbG9yIiwidGhlbWUiLCJwcmltYXJ5QnRuQmdkIiwiTG9hZGluZ1dyYXBwZXIiLCJkaXYiLCJib3JkZXJDb2xvciIsImJvcmRlckNvbG9yTFQiLCJMb2FkaW5nU3Bpbm5lciIsIl9yZWYiLCJfcmVmJHNpemUiLCJzaXplIiwiX3JlZiRjb2xvciIsIl9yZWYkYm9yZGVyQ29sb3IiLCJfcmVmJHN0cm9rZVdpZHRoIiwic3Ryb2tlV2lkdGgiLCJfcmVmJGdhcCIsImdhcCIsImNyZWF0ZUVsZW1lbnQiLCJzdHlsZSIsIndpZHRoIiwiY29uY2F0IiwiaGVpZ2h0IiwicGFkZGluZyIsImJvcmRlcldpZHRoIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbW1vbi9sb2FkaW5nLXNwaW5uZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkLCB7a2V5ZnJhbWVzfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmNvbnN0IGFuaW1hdGlvbk5hbWUgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG5gO1xuXG5jb25zdCBMb2FkZXIgPSBzdHlsZWQuc3BhbmBcbiAgICBib3JkZXItbGVmdC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5jb2xvciB8fCBwcm9wcy50aGVtZS5wcmltYXJ5QnRuQmdkfTtcbiAgICBhbmltYXRpb246IF9wcmVsb2FkZXJfc3Bpbl8gNTAwbXMgbGluZWFyIGluZmluaXRlO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXItdG9wLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItYm90dG9tLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogd2FpdDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGFuaW1hdGlvbi1uYW1lOiAke2FuaW1hdGlvbk5hbWV9O1xufWA7XG5cbmludGVyZmFjZSBMb2FkaW5nV3JhcHBlclByb3BzIHtcbiAgYm9yZGVyQ29sb3I/OiBzdHJpbmc7XG59XG5cbmNvbnN0IExvYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdjxMb2FkaW5nV3JhcHBlclByb3BzPmBcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBib3JkZXI6IDNweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLmJvcmRlckNvbG9yIHx8IHByb3BzLnRoZW1lLmJvcmRlckNvbG9yTFR9O1xuICBwYWRkaW5nOiAycHg7XG5gO1xuXG5pbnRlcmZhY2UgTG9hZGluZ1NwaW5uZXJQcm9wcyB7XG4gIHNpemU/OiBudW1iZXI7XG4gIGNvbG9yPzogc3RyaW5nO1xuICBib3JkZXJDb2xvcj86IHN0cmluZztcbiAgc3Ryb2tlV2lkdGg/OiBudW1iZXI7XG4gIGdhcD86IG51bWJlcjtcbn1cblxuY29uc3QgTG9hZGluZ1NwaW5uZXI6IFJlYWN0LkZDPExvYWRpbmdTcGlubmVyUHJvcHM+ID0gKHtcbiAgc2l6ZSA9IDMyLFxuICBjb2xvciA9ICcnLFxuICBib3JkZXJDb2xvciA9ICcnLFxuICBzdHJva2VXaWR0aCA9IDMsXG4gIGdhcCA9IDJcbn0pID0+IChcbiAgPExvYWRpbmdXcmFwcGVyXG4gICAgc3R5bGU9e3t3aWR0aDogYCR7c2l6ZX1weGAsIGhlaWdodDogYCR7c2l6ZX1weGAsIHBhZGRpbmc6IGAke2dhcH1weGAsIGJvcmRlckNvbG9yfX1cbiAgPlxuICAgIDxMb2FkZXJcbiAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHdpZHRoOiBgJHtzaXplIC0gc3Ryb2tlV2lkdGggKiAyIC0gZ2FwICogMn1weGAsXG4gICAgICAgIGhlaWdodDogYCR7c2l6ZSAtIHN0cm9rZVdpZHRoICogMiAtIGdhcCAqIDJ9cHhgLFxuICAgICAgICBib3JkZXJXaWR0aDogc3Ryb2tlV2lkdGhcbiAgICAgIH19XG4gICAgLz5cbiAgPC9Mb2FkaW5nV3JhcHBlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBQyx1QkFBQSxDQUFBRixPQUFBO0FBQW9ELElBQUFHLGVBQUEsRUFBQUMsZ0JBQUEsRUFBQUMsZ0JBQUEsRUFKcEQ7QUFDQTtBQUFBLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFB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

package/dist/common/logo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface KeplerGlLogoProps {
+    appName?: string;
+    version?: string | boolean;
+    appWebsite?: string;
+}
+declare const KeplerGlLogo: ({ appName, appWebsite, version }: KeplerGlLogoProps) => React.JSX.Element;
+export default KeplerGlLogo;

package/dist/common/logo.js

@@ -0,0 +1,68 @@
+"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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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 = exports["default"] = KeplerGlLogo;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NvbnN0YW50cyIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJfdGVtcGxhdGVPYmplY3QzIiwiX3RlbXBsYXRlT2JqZWN0NCIsIl90ZW1wbGF0ZU9iamVjdDUiLCJMb2dvVGl0bGUiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIkxvZ29OYW1lIiwicHJvcHMiLCJ0aGVtZSIsImxvZ29Db2xvciIsIkxvZ29WZXJzaW9uIiwic3VidGV4dENvbG9yIiwiTG9nb1dyYXBwZXIiLCJMb2dvU3ZnV3JhcHBlciIsIkxvZ29TdmciLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwid2lkdGgiLCJoZWlnaHQiLCJ2aWV3Qm94IiwidHJhbnNmb3JtIiwiZmlsbCIsIngiLCJ5IiwiS2VwbGVyR2xMb2dvIiwiX3JlZiIsIl9yZWYkYXBwTmFtZSIsImFwcE5hbWUiLCJLRVBMRVJfR0xfTkFNRSIsIl9yZWYkYXBwV2Vic2l0ZSIsImFwcFdlYnNpdGUiLCJLRVBMRVJfR0xfV0VCU0lURSIsIl9yZWYkdmVyc2lvbiIsInZlcnNpb24iLCJLRVBMRVJfR0xfVkVSU0lPTiIsInRhcmdldCIsInJlbCIsImhyZWYiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tbW9uL2xvZ28udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7S0VQTEVSX0dMX05BTUUsIEtFUExFUl9HTF9WRVJTSU9OLCBLRVBMRVJfR0xfV0VCU0lURX0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuXG5jb25zdCBMb2dvVGl0bGUgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiA2cHg7XG5gO1xuXG5jb25zdCBMb2dvTmFtZSA9IHN0eWxlZC5kaXZgXG4gIC5sb2dvX19saW5rIHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sb2dvQ29sb3J9O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIGxldHRlci1zcGFjaW5nOiAxLjE3cHg7XG4gIH1cbmA7XG5jb25zdCBMb2dvVmVyc2lvbiA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yfTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuODNweDtcbiAgbGluZS1oZWlnaHQ6IDE0cHg7XG5gO1xuXG5jb25zdCBMb2dvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuYDtcblxuY29uc3QgTG9nb1N2Z1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAzcHg7XG5gO1xuXG5jb25zdCBMb2dvU3ZnID0gKCkgPT4gKFxuICA8c3ZnIGNsYXNzTmFtZT1cInNpZGUtcGFuZWwtbG9nb19fbG9nb1wiIHdpZHRoPVwiMjJweFwiIGhlaWdodD1cIjE1cHhcIiB2aWV3Qm94PVwiMCAwIDIyIDE1XCI+XG4gICAgPGcgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDExLCAtMykgcm90YXRlKDQ1LjAwMDAwMClcIj5cbiAgICAgIDxyZWN0IGZpbGw9XCIjNTM1QzZDXCIgeD1cIjBcIiB5PVwiNVwiIHdpZHRoPVwiMTBcIiBoZWlnaHQ9XCIxMFwiIC8+XG4gICAgICA8cmVjdCBmaWxsPVwiIzFGQkFENlwiIHg9XCI1XCIgeT1cIjBcIiB3aWR0aD1cIjEwXCIgaGVpZ2h0PVwiMTBcIiAvPlxuICAgIDwvZz5cbiAgPC9zdmc+XG4pO1xuaW50ZXJmYWNlIEtlcGxlckdsTG9nb1Byb3BzIHtcbiAgYXBwTmFtZT86IHN0cmluZztcbiAgdmVyc2lvbj86IHN0cmluZyB8IGJvb2xlYW47XG4gIGFwcFdlYnNpdGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEtlcGxlckdsTG9nbyA9ICh7XG4gIGFwcE5hbWUgPSBLRVBMRVJfR0xfTkFNRSxcbiAgYXBwV2Vic2l0ZSA9IEtFUExFUl9HTF9XRUJTSVRFLFxuICB2ZXJzaW9uID0gS0VQTEVSX0dMX1ZFUlNJT05cbn06IEtlcGxlckdsTG9nb1Byb3BzKSA9PiAoXG4gIDxMb2dvV3JhcHBlciBjbGFzc05hbWU9XCJzaWRlLXBhbmVsLWxvZ29cIj5cbiAgICA8TG9nb1N2Z1dyYXBwZXI+XG4gICAgICA8TG9nb1N2ZyAvPlxuICAgIDwvTG9nb1N2Z1dyYXBwZXI+XG4gICAgPExvZ29UaXRsZSBjbGFzc05hbWU9XCJsb2dvX190aXRsZVwiPlxuICAgICAgPExvZ29OYW1lIGNsYXNzTmFtZT1cImxvZ29fX25hbWVcIj5cbiAgICAgICAgPGEgY2xhc3NOYW1lPVwibG9nb19fbGlua1wiIHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIiBocmVmPXthcHBXZWJzaXRlfT5cbiAgICAgICAgICB7YXBwTmFtZX1cbiAgICAgICAgPC9hPlxuICAgICAgPC9Mb2dvTmFtZT5cbiAgICAgIHt2ZXJzaW9uID8gPExvZ29WZXJzaW9uIGNsYXNzTmFtZT1cImxvZ29fX3ZlcnNpb25cIj57dmVyc2lvbn08L0xvZ29WZXJzaW9uPiA6IG51bGx9XG4gICAgPC9Mb2dvVGl0bGU+XG4gIDwvTG9nb1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBLZXBsZXJHbExvZ287XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLFVBQUEsR0FBQUYsT0FBQTtBQUEwRixJQUFBRyxlQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBTDFGO0FBQ0E7QUFNQSxJQUFNQyxTQUFTLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQVAsZUFBQSxLQUFBQSxlQUFBLE9BQUFRLHVCQUFBLHFFQUczQjtBQUVELElBQU1DLFFBQVEsR0FBR0gsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBTixnQkFBQSxLQUFBQSxnQkFBQSxPQUFBTyx1QkFBQSx5SUFFZCxVQUFBRSxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNDLFNBQVM7QUFBQSxFQUsxQztBQUNELElBQU1DLFdBQVcsR0FBR1AsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBTCxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBTSx1QkFBQSw0R0FFbkIsVUFBQUUsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRyxZQUFZO0FBQUEsRUFHM0M7QUFFRCxJQUFNQyxXQUFXLEdBQUdULDRCQUFNLENBQUNDLEdBQUcsQ0FBQUosZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQUssdUJBQUEsb0VBRzdCO0FBRUQsSUFBTVEsY0FBYyxHQUFHViw0QkFBTSxDQUFDQyxHQUFHLENBQUFILGdCQUFBLEtBQUFBLGdCQUFBLE9BQUFJLHVCQUFBLDBDQUVoQztBQUVELElBQU1TLE9BQU8sR0FBRyxTQUFWQSxPQUFPQSxDQUFBO0VBQUEsb0JBQ1h0QixNQUFBLFlBQUF1QixhQUFBO0lBQUtDLFNBQVMsRUFBQyx1QkFBdUI7SUFBQ0MsS0FBSyxFQUFDLE1BQU07SUFBQ0MsTUFBTSxFQUFDLE1BQU07SUFBQ0MsT0FBTyxFQUFDO0VBQVcsZ0JBQ25GM0IsTUFBQSxZQUFBdUIsYUFBQTtJQUFHSyxTQUFTLEVBQUM7RUFBcUMsZ0JBQ2hENUIsTUFBQSxZQUFBdUIsYUFBQTtJQUFNTSxJQUFJLEVBQUMsU0FBUztJQUFDQyxDQUFDLEVBQUMsR0FBRztJQUFDQyxDQUFDLEVBQUMsR0FBRztJQUFDTixLQUFLLEVBQUMsSUFBSTtJQUFDQyxNQUFNLEVBQUM7RUFBSSxDQUFFLENBQUMsZUFDMUQxQixNQUFBLFlBQUF1QixhQUFBO0lBQU1NLElBQUksRUFBQyxTQUFTO0lBQUNDLENBQUMsRUFBQyxHQUFHO0lBQUNDLENBQUMsRUFBQyxHQUFHO0lBQUNOLEtBQUssRUFBQyxJQUFJO0lBQUNDLE1BQU0sRUFBQztFQUFJLENBQUUsQ0FDeEQsQ0FDQSxDQUFDO0FBQUEsQ0FDUDtBQU9ELElBQU1NLFlBQVksR0FBRyxTQUFmQSxZQUFZQSxDQUFBQyxJQUFBO0VBQUEsSUFBQUMsWUFBQSxHQUFBRCxJQUFBLENBQ2hCRSxPQUFPO0lBQVBBLE9BQU8sR0FBQUQsWUFBQSxjQUFHRSx5QkFBYyxHQUFBRixZQUFBO0lBQUFHLGVBQUEsR0FBQUosSUFBQSxDQUN4QkssVUFBVTtJQUFWQSxVQUFVLEdBQUFELGVBQUEsY0FBR0UsNEJBQWlCLEdBQUFGLGVBQUE7SUFBQUcsWUFBQSxHQUFBUCxJQUFBLENBQzlCUSxPQUFPO0lBQVBBLE9BQU8sR0FBQUQsWUFBQSxjQUFHRSw0QkFBaUIsR0FBQUYsWUFBQTtFQUFBLG9CQUUzQnhDLE1BQUEsWUFBQXVCLGFBQUEsQ0FBQ0gsV0FBVztJQUFDSSxTQUFTLEVBQUM7RUFBaUIsZ0JBQ3RDeEIsTUFBQSxZQUFBdUIsYUFBQSxDQUFDRixjQUFjLHFCQUNickIsTUFBQSxZQUFBdUIsYUFBQSxDQUFDRCxPQUFPLE1BQUUsQ0FDSSxDQUFDLGVBQ2pCdEIsTUFBQSxZQUFBdUIsYUFBQSxDQUFDYixTQUFTO0lBQUNjLFNBQVMsRUFBQztFQUFhLGdCQUNoQ3hCLE1BQUEsWUFBQXVCLGFBQUEsQ0FBQ1QsUUFBUTtJQUFDVSxTQUFTLEVBQUM7RUFBWSxnQkFDOUJ4QixNQUFBLFlBQUF1QixhQUFBO0lBQUdDLFNBQVMsRUFBQyxZQUFZO0lBQUNtQixNQUFNLEVBQUMsUUFBUTtJQUFDQyxHQUFHLEVBQUMscUJBQXFCO0lBQUNDLElBQUksRUFBRVA7RUFBVyxHQUNsRkgsT0FDQSxDQUNLLENBQUMsRUFDVk0sT0FBTyxnQkFBR3pDLE1BQUEsWUFBQXVCLGFBQUEsQ0FBQ0wsV0FBVztJQUFDTSxTQUFTLEVBQUM7RUFBZSxHQUFFaUIsT0FBcUIsQ0FBQyxHQUFHLElBQ25FLENBQ0EsQ0FBQztBQUFBLENBQ2Y7QUFBQyxJQUFBSyxRQUFBLEdBQUFDLE9BQUEsY0FFYWYsWUFBWSIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -0,0 +1,13 @@
+import React from '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) => React.JSX.Element;
+export default MapLayerSelector;

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

@@ -0,0 +1,38 @@
+"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 _commonUtils = require("@kepler.gl/common-utils");
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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) {
+    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, _commonUtils.generateHashId)(4)),
+      label: layer.name,
+      onChange: function onChange() {
+        onMapToggleLayer(layer.id);
+      }
+    }));
+  }));
+};
+var _default = exports["default"] = MapLayerSelector;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NoZWNrYm94IiwiX2NvbW1vblV0aWxzIiwiX3RlbXBsYXRlT2JqZWN0IiwiTWFwTGF5ZXJTZWxlY3QiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIk1hcExheWVyU2VsZWN0b3IiLCJfcmVmIiwibGF5ZXJzIiwib25NYXBUb2dnbGVMYXllciIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJtYXAiLCJsYXllciIsImtleSIsImlkIiwidHlwZSIsImNoZWNrZWQiLCJpc1Zpc2libGUiLCJjb25jYXQiLCJnZW5lcmF0ZUhhc2hJZCIsImxhYmVsIiwibmFtZSIsIm9uQ2hhbmdlIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbW1vbi9tYXAtbGF5ZXItc2VsZWN0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBDaGVja2JveCBmcm9tICcuL2NoZWNrYm94JztcbmltcG9ydCB7Z2VuZXJhdGVIYXNoSWR9IGZyb20gJ0BrZXBsZXIuZ2wvY29tbW9uLXV0aWxzJztcblxuY29uc3QgTWFwTGF5ZXJTZWxlY3QgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxMnB4O1xuXG4gIC5tYXAtbGF5ZXItc2VsZWN0b3JfX2l0ZW0ge1xuICAgIG1hcmdpbjogMTJweCAwO1xuICB9XG5gO1xuaW50ZXJmYWNlIExheWVyIHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG59XG5cbmludGVyZmFjZSBNYXBMYXllclNlbGVjdG9yUHJvcHMge1xuICBsYXllcnM6IExheWVyW107XG4gIG9uTWFwVG9nZ2xlTGF5ZXI6IChsYXllcklkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbi8qKiBAdHlwZSB7dHlwZW9mIGltcG9ydCgnLi9tYXAtbGF5ZXItc2VsZWN0b3InKS5kZWZhdWx0fSAqL1xuY29uc3QgTWFwTGF5ZXJTZWxlY3RvciA9ICh7bGF5ZXJzLCBvbk1hcFRvZ2dsZUxheWVyfTogTWFwTGF5ZXJTZWxlY3RvclByb3BzKSA9PiAoXG4gIDxNYXBMYXllclNlbGVjdCBjbGFzc05hbWU9XCJtYXAtbGF5ZXItc2VsZWN0b3JcIj5cbiAgICB7bGF5ZXJzLm1hcChsYXllciA9PiAoXG4gICAgICA8ZGl2IGtleT17bGF5ZXIuaWR9IGNsYXNzTmFtZT1cIm1hcC1sYXllci1zZWxlY3Rvcl9faXRlbVwiPlxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgIGNoZWNrZWQ9e2xheWVyLmlzVmlzaWJsZX1cbiAgICAgICAgICBpZD17YCR7bGF5ZXIuaWR9LXRvZ2dsZS0ke2dlbmVyYXRlSGFzaElkKDQpfWB9XG4gICAgICAgICAgbGFiZWw9e2xheWVyLm5hbWV9XG4gICAgICAgICAgb25DaGFuZ2U9eygpID0+IHtcbiAgICAgICAgICAgIG9uTWFwVG9nZ2xlTGF5ZXIobGF5ZXIuaWQpO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICApKX1cbiAgPC9NYXBMYXllclNlbGVjdD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IE1hcExheWVyU2VsZWN0b3I7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLFNBQUEsR0FBQUgsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFHLFlBQUEsR0FBQUgsT0FBQTtBQUF1RCxJQUFBSSxlQUFBLEVBTnZEO0FBQ0E7QUFPQSxJQUFNQyxjQUFjLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQUgsZUFBQSxLQUFBQSxlQUFBLE9BQUFJLHVCQUFBLG1HQU1oQztBQVlEO0FBQ0EsSUFBTUMsZ0JBQWdCLEdBQUcsU0FBbkJBLGdCQUFnQkEsQ0FBQUMsSUFBQTtFQUFBLElBQUtDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0lBQUVDLGdCQUFnQixHQUFBRixJQUFBLENBQWhCRSxnQkFBZ0I7RUFBQSxvQkFDakRkLE1BQUEsWUFBQWUsYUFBQSxDQUFDUixjQUFjO0lBQUNTLFNBQVMsRUFBQztFQUFvQixHQUMzQ0gsTUFBTSxDQUFDSSxHQUFHLENBQUMsVUFBQUMsS0FBSztJQUFBLG9CQUNmbEIsTUFBQSxZQUFBZSxhQUFBO01BQUtJLEdBQUcsRUFBRUQsS0FBSyxDQUFDRSxFQUFHO01BQUNKLFNBQVMsRUFBQztJQUEwQixnQkFDdERoQixNQUFBLFlBQUFlLGFBQUEsQ0FBQ1gsU0FBQSxXQUFRO01BQ1BpQixJQUFJLEVBQUMsT0FBTztNQUNaQyxPQUFPLEVBQUVKLEtBQUssQ0FBQ0ssU0FBVTtNQUN6QkgsRUFBRSxLQUFBSSxNQUFBLENBQUtOLEtBQUssQ0FBQ0UsRUFBRSxjQUFBSSxNQUFBLENBQVcsSUFBQUMsMkJBQWMsRUFBQyxDQUFDLENBQUMsQ0FBRztNQUM5Q0MsS0FBSyxFQUFFUixLQUFLLENBQUNTLElBQUs7TUFDbEJDLFFBQVEsRUFBRSxTQUFWQSxRQUFRQSxDQUFBLEVBQVE7UUFDZGQsZ0JBQWdCLENBQUNJLEtBQUssQ0FBQ0UsRUFBRSxDQUFDO01BQzVCO0lBQUUsQ0FDSCxDQUNFLENBQUM7RUFBQSxDQUNQLENBQ2EsQ0FBQztBQUFBLENBQ2xCO0FBQUMsSUFBQVMsUUFBQSxHQUFBQyxPQUFBLGNBRWFuQixnQkFBZ0IiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/common/modal.d.ts

@@ -0,0 +1,64 @@
+/// <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, {
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}, never>;
+declare type ModalButtonProps = {
+    style?: React.CSSProperties;
+    large?: boolean;
+    disabled?: boolean;
+    negative?: boolean;
+    children?: string;
+};
+declare type ModalFooterProps = {
+    cancel: () => void;
+    confirm: (data?: any) => void;
+    cancelButton?: ModalButtonProps;
+    confirmButton?: ModalButtonProps;
+};
+export declare const ModalFooter: React.FC<ModalFooterProps>;
+interface ModalDialogOwnProps {
+    footer: boolean;
+    close: boolean;
+    isOpen: boolean;
+    title?: string;
+    className?: string;
+    onConfirm: (...args: any) => void;
+    onCancel: (...args: any) => void;
+    confirmButton?: ModalButtonProps;
+    confirmButtonLabel?: string;
+    cancelButton?: ModalButtonProps;
+    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(): React.JSX.Element;
+}
+declare const StyledModal: import("styled-components").StyledComponent<typeof ModalDialog, any, {}, never>;
+export default StyledModal;