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

package/dist/side-panel/map-style-panel/map-layer-group-item.js

@@ -0,0 +1,95 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _localization = require("@kepler.gl/localization");
+var _utils = require("@kepler.gl/utils");
+var _mapLayerGroupColorPicker = _interopRequireDefault(require("./map-layer-group-color-picker"));
+var _styledComponents2 = require("../../common/styled-components");
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledLayerGroupItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 10px;\n  display: flex;\n  justify-content: space-between;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  .layer-group__visibility-toggle {\n    margin-right: 12px;\n  }\n"])));
+var LayerLabel = (0, _styledComponents["default"])(_styledComponents2.PanelLabelBold)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n"])), function (props) {
+  return props.active ? props.theme.textColor : props.theme.labelColor;
+});
+LayerGroupItemFactory.deps = [_mapLayerGroupColorPicker["default"]];
+function LayerGroupItemFactory(LayerGroupColorPicker) {
+  var LayerGroupItem = function LayerGroupItem(_ref) {
+    var PanelHeaderAction = _ref.PanelHeaderAction,
+      onChange = _ref.onChange,
+      slug = _ref.slug,
+      layers = _ref.layers,
+      topLayers = _ref.topLayers,
+      actionIcons = _ref.actionIcons,
+      color = _ref.color,
+      onColorChange = _ref.onColorChange,
+      _ref$isVisibilityTogg = _ref.isVisibilityToggleAvailable,
+      isVisibilityToggleAvailable = _ref$isVisibilityTogg === void 0 ? true : _ref$isVisibilityTogg,
+      _ref$isMoveToTopAvail = _ref.isMoveToTopAvailable,
+      isMoveToTopAvailable = _ref$isMoveToTopAvail === void 0 ? true : _ref$isMoveToTopAvail,
+      _ref$isColorPickerAva = _ref.isColorPickerAvailable,
+      isColorPickerAvailable = _ref$isColorPickerAva === void 0 ? false : _ref$isColorPickerAva;
+    var onVisibilityToggle = (0, _react.useCallback)(function () {
+      onChange({
+        visibleLayerGroups: _objectSpread(_objectSpread({}, layers), {}, (0, _defineProperty2["default"])({}, slug, !layers[slug]))
+      });
+    }, [onChange, layers, slug]);
+    var onMoveToTopToggle = (0, _react.useCallback)(function () {
+      onChange({
+        topLayerGroups: _objectSpread(_objectSpread({}, topLayers), {}, (0, _defineProperty2["default"])({}, slug, !topLayers[slug]))
+      });
+    }, [onChange, topLayers, slug]);
+    return /*#__PURE__*/_react["default"].createElement(StyledLayerGroupItem, {
+      className: "layer-group__select"
+    }, isVisibilityToggleAvailable ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabelWrapper, null, /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      className: "layer-group__visibility-toggle",
+      id: "".concat(slug, "-toggle"),
+      tooltip: layers[slug] ? 'tooltip.hide' : 'tooltip.show',
+      onClick: onVisibilityToggle,
+      IconComponent: layers[slug] ? actionIcons.visible : actionIcons.hidden,
+      active: layers[slug],
+      flush: true
+    }), /*#__PURE__*/_react["default"].createElement(LayerLabel, {
+      active: layers[slug]
+    }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "mapLayers.".concat((0, _utils.camelize)(slug))
+    }))) : /*#__PURE__*/_react["default"].createElement(_styledComponents2.CenterFlexbox, null, /*#__PURE__*/_react["default"].createElement(LayerLabel, {
+      style: {
+        marginLeft: '28px'
+      },
+      active: true
+    }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "mapLayers.".concat((0, _utils.camelize)(slug))
+    }))), /*#__PURE__*/_react["default"].createElement(_styledComponents2.CenterFlexbox, {
+      className: "layer-group__trailing-actions"
+    }, isColorPickerAvailable && color ? /*#__PURE__*/_react["default"].createElement(LayerGroupColorPicker, {
+      slug: slug,
+      color: color,
+      onColorChange: onColorChange,
+      extraMarginRight: isMoveToTopAvailable,
+      disabled: isVisibilityToggleAvailable && !layers[slug]
+    }) : null, isMoveToTopAvailable ? /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      id: "".concat(slug, "-top"),
+      tooltip: "tooltip.moveToTop",
+      disabled: !layers[slug],
+      IconComponent: actionIcons.top,
+      active: topLayers[slug],
+      onClick: onMoveToTopToggle
+    }) : null));
+  };
+  return LayerGroupItem;
+}
+var _default = exports["default"] = LayerGroupItemFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfbG9jYWxpemF0aW9uIiwiX3V0aWxzIiwiX21hcExheWVyR3JvdXBDb2xvclBpY2tlciIsIl9zdHlsZWRDb21wb25lbnRzMiIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJvd25LZXlzIiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsIm8iLCJmaWx0ZXIiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJTdHlsZWRMYXllckdyb3VwSXRlbSIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiTGF5ZXJMYWJlbCIsIlBhbmVsTGFiZWxCb2xkIiwicHJvcHMiLCJhY3RpdmUiLCJ0aGVtZSIsInRleHRDb2xvciIsImxhYmVsQ29sb3IiLCJMYXllckdyb3VwSXRlbUZhY3RvcnkiLCJkZXBzIiwiTGF5ZXJHcm91cENvbG9yUGlja2VyRmFjdG9yeSIsIkxheWVyR3JvdXBDb2xvclBpY2tlciIsIkxheWVyR3JvdXBJdGVtIiwiX3JlZiIsIlBhbmVsSGVhZGVyQWN0aW9uIiwib25DaGFuZ2UiLCJzbHVnIiwibGF5ZXJzIiwidG9wTGF5ZXJzIiwiYWN0aW9uSWNvbnMiLCJjb2xvciIsIm9uQ29sb3JDaGFuZ2UiLCJfcmVmJGlzVmlzaWJpbGl0eVRvZ2ciLCJpc1Zpc2liaWxpdHlUb2dnbGVBdmFpbGFibGUiLCJfcmVmJGlzTW92ZVRvVG9wQXZhaWwiLCJpc01vdmVUb1RvcEF2YWlsYWJsZSIsIl9yZWYkaXNDb2xvclBpY2tlckF2YSIsImlzQ29sb3JQaWNrZXJBdmFpbGFibGUiLCJvblZpc2liaWxpdHlUb2dnbGUiLCJ1c2VDYWxsYmFjayIsInZpc2libGVMYXllckdyb3VwcyIsIm9uTW92ZVRvVG9wVG9nZ2xlIiwidG9wTGF5ZXJHcm91cHMiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiUGFuZWxMYWJlbFdyYXBwZXIiLCJpZCIsImNvbmNhdCIsInRvb2x0aXAiLCJvbkNsaWNrIiwiSWNvbkNvbXBvbmVudCIsInZpc2libGUiLCJoaWRkZW4iLCJmbHVzaCIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJjYW1lbGl6ZSIsIkNlbnRlckZsZXhib3giLCJzdHlsZSIsIm1hcmdpbkxlZnQiLCJleHRyYU1hcmdpblJpZ2h0IiwiZGlzYWJsZWQiLCJ0b3AiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9tYXAtc3R5bGUtcGFuZWwvbWFwLWxheWVyLWdyb3VwLWl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge2NhbWVsaXplfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCB7UkdCQ29sb3J9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtNYXBDb25maWdDaGFuZ2VVcGRhdGVyQWN0aW9ufSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtNYXBTdHlsZX0gZnJvbSAnQGtlcGxlci5nbC9yZWR1Y2Vycyc7XG5cbmltcG9ydCBMYXllckdyb3VwQ29sb3JQaWNrZXJGYWN0b3J5IGZyb20gJy4vbWFwLWxheWVyLWdyb3VwLWNvbG9yLXBpY2tlcic7XG5pbXBvcnQge1BhbmVsSGVhZGVyQWN0aW9uUHJvcHMsIFBhbmVsSGVhZGVyQWN0aW9uSWNvbn0gZnJvbSAnLi4vcGFuZWwtaGVhZGVyLWFjdGlvbic7XG5pbXBvcnQge1BhbmVsTGFiZWxCb2xkLCBDZW50ZXJGbGV4Ym94LCBQYW5lbExhYmVsV3JhcHBlcn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcblxuY29uc3QgU3R5bGVkTGF5ZXJHcm91cEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICB9XG5cbiAgLmxheWVyLWdyb3VwX192aXNpYmlsaXR5LXRvZ2dsZSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xuICB9XG5gO1xuXG5jb25zdCBMYXllckxhYmVsID0gc3R5bGVkKFBhbmVsTGFiZWxCb2xkKTx7YWN0aXZlOiBib29sZWFufT5gXG4gIGNvbG9yOiAke3Byb3BzID0+IChwcm9wcy5hY3RpdmUgPyBwcm9wcy50aGVtZS50ZXh0Q29sb3IgOiBwcm9wcy50aGVtZS5sYWJlbENvbG9yKX07XG5gO1xuXG5leHBvcnQgdHlwZSBMYXllckdyb3VwSXRlbUFjdGlvbkljb25zID0ge1xuICB2aXNpYmxlOiBQYW5lbEhlYWRlckFjdGlvbkljb247XG4gIGhpZGRlbjogUGFuZWxIZWFkZXJBY3Rpb25JY29uO1xuICB0b3A6IFBhbmVsSGVhZGVyQWN0aW9uSWNvbjtcbn07XG5cbmV4cG9ydCB0eXBlIExheWVyR3JvdXBJdGVtUHJvcHMgPSB7XG4gIFBhbmVsSGVhZGVyQWN0aW9uOiBSZWFjdC5GQzxQYW5lbEhlYWRlckFjdGlvblByb3BzPjtcbiAgb25DaGFuZ2U6IChwZDogTWFwQ29uZmlnQ2hhbmdlVXBkYXRlckFjdGlvblsncGF5bG9hZCddKSA9PiB2b2lkO1xuICBzbHVnOiBzdHJpbmc7XG4gIGxheWVyczogTWFwU3R5bGVbJ3Zpc2libGVMYXllckdyb3VwcyddO1xuICB0b3BMYXllcnM6IE1hcFN0eWxlWyd0b3BMYXllckdyb3VwcyddO1xuICBhY3Rpb25JY29uczogTGF5ZXJHcm91cEl0ZW1BY3Rpb25JY29ucztcbiAgY29sb3I6IFJHQkNvbG9yIHwgbnVsbDtcbiAgb25Db2xvckNoYW5nZTogKHBkOiBSR0JDb2xvcikgPT4gdm9pZDtcbiAgaXNWaXNpYmlsaXR5VG9nZ2xlQXZhaWxhYmxlPzogYm9vbGVhbjtcbiAgaXNNb3ZlVG9Ub3BBdmFpbGFibGU/OiBib29sZWFuO1xuICBpc0NvbG9yUGlja2VyQXZhaWxhYmxlPzogYm9vbGVhbjtcbn07XG5cbkxheWVyR3JvdXBJdGVtRmFjdG9yeS5kZXBzID0gW0xheWVyR3JvdXBDb2xvclBpY2tlckZhY3RvcnldO1xuXG5mdW5jdGlvbiBMYXllckdyb3VwSXRlbUZhY3RvcnkoTGF5ZXJHcm91cENvbG9yUGlja2VyKSB7XG4gIGNvbnN0IExheWVyR3JvdXBJdGVtOiBSZWFjdC5GQzxMYXllckdyb3VwSXRlbVByb3BzPiA9ICh7XG4gICAgUGFuZWxIZWFkZXJBY3Rpb24sXG4gICAgb25DaGFuZ2UsXG4gICAgc2x1ZyxcbiAgICBsYXllcnMsXG4gICAgdG9wTGF5ZXJzLFxuICAgIGFjdGlvbkljb25zLFxuICAgIGNvbG9yLFxuICAgIG9uQ29sb3JDaGFuZ2UsXG4gICAgaXNWaXNpYmlsaXR5VG9nZ2xlQXZhaWxhYmxlID0gdHJ1ZSxcbiAgICBpc01vdmVUb1RvcEF2YWlsYWJsZSA9IHRydWUsXG4gICAgaXNDb2xvclBpY2tlckF2YWlsYWJsZSA9IGZhbHNlXG4gIH0pID0+IHtcbiAgICBjb25zdCBvblZpc2liaWxpdHlUb2dnbGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBvbkNoYW5nZSh7XG4gICAgICAgIHZpc2libGVMYXllckdyb3Vwczoge1xuICAgICAgICAgIC4uLmxheWVycyxcbiAgICAgICAgICBbc2x1Z106ICFsYXllcnNbc2x1Z11cbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSwgW29uQ2hhbmdlLCBsYXllcnMsIHNsdWddKTtcblxuICAgIGNvbnN0IG9uTW92ZVRvVG9wVG9nZ2xlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICB0b3BMYXllckdyb3Vwczoge1xuICAgICAgICAgIC4uLnRvcExheWVycyxcbiAgICAgICAgICBbc2x1Z106ICF0b3BMYXllcnNbc2x1Z11cbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSwgW29uQ2hhbmdlLCB0b3BMYXllcnMsIHNsdWddKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkTGF5ZXJHcm91cEl0ZW0gY2xhc3NOYW1lPVwibGF5ZXItZ3JvdXBfX3NlbGVjdFwiPlxuICAgICAgICB7aXNWaXNpYmlsaXR5VG9nZ2xlQXZhaWxhYmxlID8gKFxuICAgICAgICAgIDxQYW5lbExhYmVsV3JhcHBlcj5cbiAgICAgICAgICAgIDxQYW5lbEhlYWRlckFjdGlvblxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJsYXllci1ncm91cF9fdmlzaWJpbGl0eS10b2dnbGVcIlxuICAgICAgICAgICAgICBpZD17YCR7c2x1Z30tdG9nZ2xlYH1cbiAgICAgICAgICAgICAgdG9vbHRpcD17bGF5ZXJzW3NsdWddID8gJ3Rvb2x0aXAuaGlkZScgOiAndG9vbHRpcC5zaG93J31cbiAgICAgICAgICAgICAgb25DbGljaz17b25WaXNpYmlsaXR5VG9nZ2xlfVxuICAgICAgICAgICAgICBJY29uQ29tcG9uZW50PXtsYXllcnNbc2x1Z10gPyBhY3Rpb25JY29ucy52aXNpYmxlIDogYWN0aW9uSWNvbnMuaGlkZGVufVxuICAgICAgICAgICAgICBhY3RpdmU9e2xheWVyc1tzbHVnXX1cbiAgICAgICAgICAgICAgZmx1c2hcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8TGF5ZXJMYWJlbCBhY3RpdmU9e2xheWVyc1tzbHVnXX0+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXtgbWFwTGF5ZXJzLiR7Y2FtZWxpemUoc2x1Zyl9YH0gLz5cbiAgICAgICAgICAgIDwvTGF5ZXJMYWJlbD5cbiAgICAgICAgICA8L1BhbmVsTGFiZWxXcmFwcGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxDZW50ZXJGbGV4Ym94PlxuICAgICAgICAgICAgPExheWVyTGFiZWwgc3R5bGU9e3ttYXJnaW5MZWZ0OiAnMjhweCd9fSBhY3RpdmU9e3RydWV9PlxuICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17YG1hcExheWVycy4ke2NhbWVsaXplKHNsdWcpfWB9IC8+XG4gICAgICAgICAgICA8L0xheWVyTGFiZWw+XG4gICAgICAgICAgPC9DZW50ZXJGbGV4Ym94PlxuICAgICAgICApfVxuICAgICAgICA8Q2VudGVyRmxleGJveCBjbGFzc05hbWU9XCJsYXllci1ncm91cF9fdHJhaWxpbmctYWN0aW9uc1wiPlxuICAgICAgICAgIHtpc0NvbG9yUGlja2VyQXZhaWxhYmxlICYmIGNvbG9yID8gKFxuICAgICAgICAgICAgPExheWVyR3JvdXBDb2xvclBpY2tlclxuICAgICAgICAgICAgICBzbHVnPXtzbHVnfVxuICAgICAgICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgICAgICAgIG9uQ29sb3JDaGFuZ2U9e29uQ29sb3JDaGFuZ2V9XG4gICAgICAgICAgICAgIGV4dHJhTWFyZ2luUmlnaHQ9e2lzTW92ZVRvVG9wQXZhaWxhYmxlfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17aXNWaXNpYmlsaXR5VG9nZ2xlQXZhaWxhYmxlICYmICFsYXllcnNbc2x1Z119XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIHtpc01vdmVUb1RvcEF2YWlsYWJsZSA/IChcbiAgICAgICAgICAgIDxQYW5lbEhlYWRlckFjdGlvblxuICAgICAgICAgICAgICBpZD17YCR7c2x1Z30tdG9wYH1cbiAgICAgICAgICAgICAgdG9vbHRpcD1cInRvb2x0aXAubW92ZVRvVG9wXCJcbiAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFsYXllcnNbc2x1Z119XG4gICAgICAgICAgICAgIEljb25Db21wb25lbnQ9e2FjdGlvbkljb25zLnRvcH1cbiAgICAgICAgICAgICAgYWN0aXZlPXt0b3BMYXllcnNbc2x1Z119XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uTW92ZVRvVG9wVG9nZ2xlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9DZW50ZXJGbGV4Ym94PlxuICAgICAgPC9TdHlsZWRMYXllckdyb3VwSXRlbT5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBMYXllckdyb3VwSXRlbTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGF5ZXJHcm91cEl0ZW1GYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUVBLElBQUFHLGFBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLE1BQUEsR0FBQUosT0FBQTtBQUtBLElBQUFLLHlCQUFBLEdBQUFILHNCQUFBLENBQUFGLE9BQUE7QUFFQSxJQUFBTSxrQkFBQSxHQUFBTixPQUFBO0FBQWdHLElBQUFPLGVB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

package/dist/side-panel/map-style-panel/map-layer-selector.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import PanelHeaderActionFactory from '../panel-header-action';
+import LayerGroupItemFactory, { LayerGroupItemActionIcons } from './map-layer-group-item';
+import { VisibleLayerGroups } from '@kepler.gl/types';
+import { DEFAULT_LAYER_GROUP } from '@kepler.gl/constants';
+import { MapConfigChangeUpdaterAction, Set3dBuildingColorUpdaterAction, SetBackgroundColorUpdaterAction } from '@kepler.gl/actions';
+import { MapStyle } from '@kepler.gl/reducers';
+export declare type LayerGroupSelectorProps = {
+    layers: VisibleLayerGroups;
+    editableLayers: DEFAULT_LAYER_GROUP[];
+    onChange: (payload: MapConfigChangeUpdaterAction['payload']) => void;
+    topLayers: MapStyle['topLayerGroups'];
+    threeDBuildingColor: MapStyle['threeDBuildingColor'];
+    on3dBuildingColorChange: (pd: Set3dBuildingColorUpdaterAction['payload']) => void;
+    backgroundColor: MapStyle['backgroundColor'];
+    onBackgroundColorChange: (pd: SetBackgroundColorUpdaterAction['payload']) => void;
+    actionIcons?: LayerGroupItemActionIcons;
+};
+declare function LayerGroupSelectorFactory(PanelHeaderAction: ReturnType<typeof PanelHeaderActionFactory>, LayerGroupItem: ReturnType<typeof LayerGroupItemFactory>): ({ layers, editableLayers, onChange, topLayers, threeDBuildingColor, on3dBuildingColorChange, backgroundColor, onBackgroundColorChange, actionIcons }: LayerGroupSelectorProps) => React.JSX.Element;
+declare namespace LayerGroupSelectorFactory {
+    var deps: (typeof PanelHeaderActionFactory | typeof LayerGroupItemFactory)[];
+}
+export default LayerGroupSelectorFactory;

package/dist/side-panel/map-style-panel/map-layer-selector.js

@@ -0,0 +1,74 @@
+"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 _panelHeaderAction = _interopRequireDefault(require("../panel-header-action"));
+var _mapLayerGroupItem = _interopRequireDefault(require("./map-layer-group-item"));
+var _icons = require("../../common/icons");
+var _styledComponents2 = require("../../common/styled-components");
+var _localization = require("@kepler.gl/localization");
+var _cloudProviders = require("@kepler.gl/cloud-providers");
+var _constants = require("@kepler.gl/constants");
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function noop() {
+  return;
+}
+var StyledInteractionPanel = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding-bottom: 12px;\n"])));
+LayerGroupSelectorFactory.deps = [_panelHeaderAction["default"], _mapLayerGroupItem["default"]];
+function LayerGroupSelectorFactory(PanelHeaderAction, LayerGroupItem) {
+  var defaultActionIcons = {
+    visible: _icons.EyeSeen,
+    hidden: _icons.EyeUnseen,
+    top: _cloudProviders.Upload
+  };
+  var LayerGroupSelector = function LayerGroupSelector(_ref) {
+    var layers = _ref.layers,
+      editableLayers = _ref.editableLayers,
+      onChange = _ref.onChange,
+      topLayers = _ref.topLayers,
+      threeDBuildingColor = _ref.threeDBuildingColor,
+      on3dBuildingColorChange = _ref.on3dBuildingColorChange,
+      backgroundColor = _ref.backgroundColor,
+      onBackgroundColorChange = _ref.onBackgroundColorChange,
+      _ref$actionIcons = _ref.actionIcons,
+      actionIcons = _ref$actionIcons === void 0 ? defaultActionIcons : _ref$actionIcons;
+    return /*#__PURE__*/_react["default"].createElement(StyledInteractionPanel, {
+      className: "map-style__layer-group__selector"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-group__header"
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'mapLayers.title'
+    }))), /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelContent, {
+      className: "map-style__layer-group"
+    }, editableLayers.map(function (_ref2) {
+      var slug = _ref2.slug,
+        isVisibilityToggleAvailable = _ref2.isVisibilityToggleAvailable,
+        isMoveToTopAvailable = _ref2.isMoveToTopAvailable,
+        isColorPickerAvailable = _ref2.isColorPickerAvailable;
+      return /*#__PURE__*/_react["default"].createElement(LayerGroupItem, {
+        key: slug,
+        PanelHeaderAction: PanelHeaderAction,
+        onChange: onChange,
+        slug: slug,
+        layers: layers,
+        topLayers: topLayers,
+        actionIcons: actionIcons,
+        isVisibilityToggleAvailable: isVisibilityToggleAvailable,
+        isMoveToTopAvailable: isMoveToTopAvailable,
+        isColorPickerAvailable: isColorPickerAvailable,
+        color: isColorPickerAvailable && slug === _constants.THREE_D_BUILDING_LAYER_GROUP_SLUG ? threeDBuildingColor : slug === _constants.BACKGROUND_LAYER_GROUP_SLUG ? backgroundColor : null,
+        onColorChange: isColorPickerAvailable && slug === _constants.THREE_D_BUILDING_LAYER_GROUP_SLUG ? on3dBuildingColorChange : slug === _constants.BACKGROUND_LAYER_GROUP_SLUG ? onBackgroundColorChange : noop
+      });
+    })));
+  };
+  return LayerGroupSelector;
+}
+var _default = exports["default"] = LayerGroupSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX3BhbmVsSGVhZGVyQWN0aW9uIiwiX21hcExheWVyR3JvdXBJdGVtIiwiX2ljb25zIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2xvY2FsaXphdGlvbiIsIl9jbG91ZFByb3ZpZGVycyIsIl9jb25zdGFudHMiLCJfdGVtcGxhdGVPYmplY3QiLCJub29wIiwiU3R5bGVkSW50ZXJhY3Rpb25QYW5lbCIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiTGF5ZXJHcm91cFNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkiLCJMYXllckdyb3VwSXRlbUZhY3RvcnkiLCJQYW5lbEhlYWRlckFjdGlvbiIsIkxheWVyR3JvdXBJdGVtIiwiZGVmYXVsdEFjdGlvbkljb25zIiwidmlzaWJsZSIsIkV5ZVNlZW4iLCJoaWRkZW4iLCJFeWVVbnNlZW4iLCJ0b3AiLCJVcGxvYWQiLCJMYXllckdyb3VwU2VsZWN0b3IiLCJfcmVmIiwibGF5ZXJzIiwiZWRpdGFibGVMYXllcnMiLCJvbkNoYW5nZSIsInRvcExheWVycyIsInRocmVlREJ1aWxkaW5nQ29sb3IiLCJvbjNkQnVpbGRpbmdDb2xvckNoYW5nZSIsImJhY2tncm91bmRDb2xvciIsIm9uQmFja2dyb3VuZENvbG9yQ2hhbmdlIiwiX3JlZiRhY3Rpb25JY29ucyIsImFjdGlvbkljb25zIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIlBhbmVsTGFiZWwiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiaWQiLCJQYW5lbENvbnRlbnQiLCJtYXAiLCJfcmVmMiIsInNsdWciLCJpc1Zpc2liaWxpdHlUb2dnbGVBdmFpbGFibGUiLCJpc01vdmVUb1RvcEF2YWlsYWJsZSIsImlzQ29sb3JQaWNrZXJBdmFpbGFibGUiLCJrZXkiLCJjb2xvciIsIlRIUkVFX0RfQlVJTERJTkdfTEFZRVJfR1JPVVBfU0xVRyIsIkJBQ0tHUk9VTkRfTEFZRVJfR1JPVVBfU0xVRyIsIm9uQ29sb3JDaGFuZ2UiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9tYXAtc3R5bGUtcGFuZWwvbWFwLWxheWVyLXNlbGVjdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IGZyb20gJy4uL3BhbmVsLWhlYWRlci1hY3Rpb24nO1xuaW1wb3J0IExheWVyR3JvdXBJdGVtRmFjdG9yeSwge0xheWVyR3JvdXBJdGVtQWN0aW9uSWNvbnN9IGZyb20gJy4vbWFwLWxheWVyLWdyb3VwLWl0ZW0nO1xuaW1wb3J0IHtFeWVTZWVuLCBFeWVVbnNlZW59IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5cbmltcG9ydCB7UGFuZWxMYWJlbCwgUGFuZWxDb250ZW50fSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge1Zpc2libGVMYXllckdyb3Vwc30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge1VwbG9hZH0gZnJvbSAnQGtlcGxlci5nbC9jbG91ZC1wcm92aWRlcnMnO1xuaW1wb3J0IHtcbiAgVEhSRUVfRF9CVUlMRElOR19MQVlFUl9HUk9VUF9TTFVHLFxuICBCQUNLR1JPVU5EX0xBWUVSX0dST1VQX1NMVUcsXG4gIERFRkFVTFRfTEFZRVJfR1JPVVBcbn0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtcbiAgTWFwQ29uZmlnQ2hhbmdlVXBkYXRlckFjdGlvbixcbiAgU2V0M2RCdWlsZGluZ0NvbG9yVXBkYXRlckFjdGlvbixcbiAgU2V0QmFja2dyb3VuZENvbG9yVXBkYXRlckFjdGlvblxufSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtNYXBTdHlsZX0gZnJvbSAnQGtlcGxlci5nbC9yZWR1Y2Vycyc7XG5cbmZ1bmN0aW9uIG5vb3AoKSB7XG4gIHJldHVybjtcbn1cblxuY29uc3QgU3R5bGVkSW50ZXJhY3Rpb25QYW5lbCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctYm90dG9tOiAxMnB4O1xuYDtcblxuZXhwb3J0IHR5cGUgTGF5ZXJHcm91cFNlbGVjdG9yUHJvcHMgPSB7XG4gIGxheWVyczogVmlzaWJsZUxheWVyR3JvdXBzO1xuICBlZGl0YWJsZUxheWVyczogREVGQVVMVF9MQVlFUl9HUk9VUFtdO1xuICBvbkNoYW5nZTogKHBheWxvYWQ6IE1hcENvbmZpZ0NoYW5nZVVwZGF0ZXJBY3Rpb25bJ3BheWxvYWQnXSkgPT4gdm9pZDtcbiAgdG9wTGF5ZXJzOiBNYXBTdHlsZVsndG9wTGF5ZXJHcm91cHMnXTtcbiAgdGhyZWVEQnVpbGRpbmdDb2xvcjogTWFwU3R5bGVbJ3RocmVlREJ1aWxkaW5nQ29sb3InXTtcbiAgb24zZEJ1aWxkaW5nQ29sb3JDaGFuZ2U6IChwZDogU2V0M2RCdWlsZGluZ0NvbG9yVXBkYXRlckFjdGlvblsncGF5bG9hZCddKSA9PiB2b2lkO1xuICBiYWNrZ3JvdW5kQ29sb3I6IE1hcFN0eWxlWydiYWNrZ3JvdW5kQ29sb3InXTtcbiAgb25CYWNrZ3JvdW5kQ29sb3JDaGFuZ2U6IChwZDogU2V0QmFja2dyb3VuZENvbG9yVXBkYXRlckFjdGlvblsncGF5bG9hZCddKSA9PiB2b2lkO1xuICBhY3Rpb25JY29ucz86IExheWVyR3JvdXBJdGVtQWN0aW9uSWNvbnM7XG59O1xuXG5MYXllckdyb3VwU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5LCBMYXllckdyb3VwSXRlbUZhY3RvcnldO1xuXG5mdW5jdGlvbiBMYXllckdyb3VwU2VsZWN0b3JGYWN0b3J5KFxuICBQYW5lbEhlYWRlckFjdGlvbjogUmV0dXJuVHlwZTx0eXBlb2YgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5PixcbiAgTGF5ZXJHcm91cEl0ZW06IFJldHVyblR5cGU8dHlwZW9mIExheWVyR3JvdXBJdGVtRmFjdG9yeT5cbikge1xuICBjb25zdCBkZWZhdWx0QWN0aW9uSWNvbnM6IExheWVyR3JvdXBJdGVtQWN0aW9uSWNvbnMgPSB7XG4gICAgdmlzaWJsZTogRXllU2VlbixcbiAgICBoaWRkZW46IEV5ZVVuc2VlbixcbiAgICB0b3A6IFVwbG9hZFxuICB9O1xuICBjb25zdCBMYXllckdyb3VwU2VsZWN0b3IgPSAoe1xuICAgIGxheWVycyxcbiAgICBlZGl0YWJsZUxheWVycyxcbiAgICBvbkNoYW5nZSxcbiAgICB0b3BMYXllcnMsXG4gICAgdGhyZWVEQnVpbGRpbmdDb2xvcixcbiAgICBvbjNkQnVpbGRpbmdDb2xvckNoYW5nZSxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgb25CYWNrZ3JvdW5kQ29sb3JDaGFuZ2UsXG4gICAgYWN0aW9uSWNvbnMgPSBkZWZhdWx0QWN0aW9uSWNvbnNcbiAgfTogTGF5ZXJHcm91cFNlbGVjdG9yUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEludGVyYWN0aW9uUGFuZWwgY2xhc3NOYW1lPVwibWFwLXN0eWxlX19sYXllci1ncm91cF9fc2VsZWN0b3JcIj5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsYXllci1ncm91cF9faGVhZGVyXCI+XG4gICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J21hcExheWVycy50aXRsZSd9IC8+XG4gICAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFBhbmVsQ29udGVudCBjbGFzc05hbWU9XCJtYXAtc3R5bGVfX2xheWVyLWdyb3VwXCI+XG4gICAgICAgICAge2VkaXRhYmxlTGF5ZXJzLm1hcChcbiAgICAgICAgICAgICh7c2x1ZywgaXNWaXNpYmlsaXR5VG9nZ2xlQXZhaWxhYmxlLCBpc01vdmVUb1RvcEF2YWlsYWJsZSwgaXNDb2xvclBpY2tlckF2YWlsYWJsZX0pID0+IChcbiAgICAgICAgICAgICAgPExheWVyR3JvdXBJdGVtXG4gICAgICAgICAgICAgICAga2V5PXtzbHVnfVxuICAgICAgICAgICAgICAgIFBhbmVsSGVhZGVyQWN0aW9uPXtQYW5lbEhlYWRlckFjdGlvbn1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgc2x1Zz17c2x1Z31cbiAgICAgICAgICAgICAgICBsYXllcnM9e2xheWVyc31cbiAgICAgICAgICAgICAgICB0b3BMYXllcnM9e3RvcExheWVyc31cbiAgICAgICAgICAgICAgICBhY3Rpb25JY29ucz17YWN0aW9uSWNvbnN9XG4gICAgICAgICAgICAgICAgaXNWaXNpYmlsaXR5VG9nZ2xlQXZhaWxhYmxlPXtpc1Zpc2liaWxpdHlUb2dnbGVBdmFpbGFibGV9XG4gICAgICAgICAgICAgICAgaXNNb3ZlVG9Ub3BBdmFpbGFibGU9e2lzTW92ZVRvVG9wQXZhaWxhYmxlfVxuICAgICAgICAgICAgICAgIGlzQ29sb3JQaWNrZXJBdmFpbGFibGU9e2lzQ29sb3JQaWNrZXJBdmFpbGFibGV9XG4gICAgICAgICAgICAgICAgY29sb3I9e1xuICAgICAgICAgICAgICAgICAgaXNDb2xvclBpY2tlckF2YWlsYWJsZSAmJiBzbHVnID09PSBUSFJFRV9EX0JVSUxESU5HX0xBWUVSX0dST1VQX1NMVUdcbiAgICAgICAgICAgICAgICAgICAgPyB0aHJlZURCdWlsZGluZ0NvbG9yXG4gICAgICAgICAgICAgICAgICAgIDogc2x1ZyA9PT0gQkFDS0dST1VORF9MQVlFUl9HUk9VUF9TTFVHXG4gICAgICAgICAgICAgICAgICAgID8gYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgICAgIDogbnVsbFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBvbkNvbG9yQ2hhbmdlPXtcbiAgICAgICAgICAgICAgICAgIGlzQ29sb3JQaWNrZXJBdmFpbGFibGUgJiYgc2x1ZyA9PT0gVEhSRUVfRF9CVUlMRElOR19MQVlFUl9HUk9VUF9TTFVHXG4gICAgICAgICAgICAgICAgICAgID8gb24zZEJ1aWxkaW5nQ29sb3JDaGFuZ2VcbiAgICAgICAgICAgICAgICAgICAgOiBzbHVnID09PSBCQUNLR1JPVU5EX0xBWUVSX0dST1VQX1NMVUdcbiAgICAgICAgICAgICAgICAgICAgPyBvbkJhY2tncm91bmRDb2xvckNoYW5nZVxuICAgICAgICAgICAgICAgICAgICA6IG5vb3BcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9QYW5lbENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZEludGVyYWN0aW9uUGFuZWw+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gTGF5ZXJHcm91cFNlbGVjdG9yO1xufVxuXG5leHBvcnQgZGVmYXVsdCBMYXllckdyb3VwU2VsZWN0b3JGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxrQkFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsa0JBQUEsR0FBQUosc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFJLE1BQUEsR0FBQUosT0FBQTtBQUVBLElBQUFLLGtCQUFBLEdBQUFMLE9BQUE7QUFDQSxJQUFBTSxhQUFBLEdBQUFOLE9BQUE7QUFFQSxJQUFBTyxlQUFBLEdBQUFQLE9BQUE7QUFDQSxJQUFBUSxVQUFBLEdBQUFSLE9BQUE7QUFJOEIsSUFBQVMsZUFBQSxFQWpCOUI7QUFDQTtBQXdCQSxTQUFTQyxJQUFJQSxDQUFBLEVBQUc7RUFDZDtBQUNGO0FBRUEsSUFBTUMsc0JBQXNCLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQUosZUFBQSxLQUFBQSxlQUFBLE9BQUFLLHVCQUFBLCtDQUV4QztBQWNEQyx5QkFBeUIsQ0FBQ0MsSUFBSSxHQUFHLENBQUNDLDZCQUF3QixFQUFFQyw2QkFBcUIsQ0FBQztBQUVsRixTQUFTSCx5QkFBeUJBLENBQ2hDSSxpQkFBOEQsRUFDOURDLGNBQXdELEVBQ3hEO0VBQ0EsSUFBTUMsa0JBQTZDLEdBQUc7SUFDcERDLE9BQU8sRUFBRUMsY0FBTztJQUNoQkMsTUFBTSxFQUFFQyxnQkFBUztJQUNqQkMsR0FBRyxFQUFFQztFQUNQLENBQUM7RUFDRCxJQUFNQyxrQkFBa0IsR0FBRyxTQUFyQkEsa0JBQWtCQSxDQUFBQyxJQUFBLEVBVU87SUFBQSxJQVQ3QkMsTUFBTSxHQUFBRCxJQUFBLENBQU5DLE1BQU07TUFDTkMsY0FBYyxHQUFBRixJQUFBLENBQWRFLGNBQWM7TUFDZEMsUUFBUSxHQUFBSCxJQUFBLENBQVJHLFFBQVE7TUFDUkMsU0FBUyxHQUFBSixJQUFBLENBQVRJLFNBQVM7TUFDVEMsbUJBQW1CLEdBQUFMLElBQUEsQ0FBbkJLLG1CQUFtQjtNQUNuQkMsdUJBQXVCLEdBQUFOLElBQUEsQ0FBdkJNLHVCQUF1QjtNQUN2QkMsZUFBZSxHQUFBUCxJQUFBLENBQWZPLGVBQWU7TUFDZkMsdUJBQXVCLEdBQUFSLElBQUEsQ0FBdkJRLHVCQUF1QjtNQUFBQyxnQkFBQSxHQUFBVCxJQUFBLENBQ3ZCVSxXQUFXO01BQVhBLFdBQVcsR0FBQUQsZ0JBQUEsY0FBR2pCLGtCQUFrQixHQUFBaUIsZ0JBQUE7SUFFaEMsb0JBQ0V4QyxNQUFBLFlBQUEwQyxhQUFBLENBQUM3QixzQkFBc0I7TUFBQzhCLFNBQVMsRUFBQztJQUFrQyxnQkFDbEUzQyxNQUFBLFlBQUEwQyxhQUFBO01BQUtDLFNBQVMsRUFBQztJQUFxQixnQkFDbEMzQyxNQUFBLFlBQUEwQyxhQUFBLENBQUNuQyxrQkFBQSxDQUFBcUMsVUFBVSxxQkFDVDVDLE1BQUEsWUFBQTBDLGFBQUEsQ0FBQ2xDLGFBQUEsQ0FBQXFDLGdCQUFnQjtNQUFDQyxFQUFFLEVBQUU7SUFBa0IsQ0FBRSxDQUNoQyxDQUNULENBQUMsZUFDTjlDLE1BQUEsWUFBQTBDLGFBQUEsQ0FBQ25DLGtCQUFBLENBQUF3QyxZQUFZO01BQUNKLFNBQVMsRUFBQztJQUF3QixHQUM3Q1YsY0FBYyxDQUFDZSxHQUFHLENBQ2pCLFVBQUFDLEtBQUE7TUFBQSxJQUFFQyxJQUFJLEdBQUFELEtBQUEsQ0FBSkMsSUFBSTtRQUFFQywyQkFBMkIsR0FBQUYsS0FBQSxDQUEzQkUsMkJBQTJCO1FBQUVDLG9CQUFvQixHQUFBSCxLQUFBLENBQXBCRyxvQkFBb0I7UUFBRUMsc0JBQXNCLEdBQUFKLEtBQUEsQ0FBdEJJLHNCQUFzQjtNQUFBLG9CQUMvRXJELE1BQUEsWUFBQTBDLGFBQUEsQ0FBQ3BCLGNBQWM7UUFDYmdDLEdBQUcsRUFBRUosSUFBSztRQUNWN0IsaUJBQWlCLEVBQUVBLGlCQUFrQjtRQUNyQ2EsUUFBUSxFQUFFQSxRQUFTO1FBQ25CZ0IsSUFBSSxFQUFFQSxJQUFLO1FBQ1hsQixNQUFNLEVBQUVBLE1BQU87UUFDZkcsU0FBUyxFQUFFQSxTQUFVO1FBQ3JCTSxXQUFXLEVBQUVBLFdBQVk7UUFDekJVLDJCQUEyQixFQUFFQSwyQkFBNEI7UUFDekRDLG9CQUFvQixFQUFFQSxvQkFBcUI7UUFDM0NDLHNCQUFzQixFQUFFQSxzQkFBdUI7UUFDL0NFLEtBQUssRUFDSEYsc0JBQXNCLElBQUlILElBQUksS0FBS00sNENBQWlDLEdBQ2hFcEIsbUJBQW1CLEdBQ25CYyxJQUFJLEtBQUtPLHNDQUEyQixHQUNwQ25CLGVBQWUsR0FDZixJQUNMO1FBQ0RvQixhQUFhLEVBQ1hMLHNCQUFzQixJQUFJSCxJQUFJLEtBQUtNLDRDQUFpQyxHQUNoRW5CLHVCQUF1QixHQUN2QmEsSUFBSSxLQUFLTyxzQ0FBMkIsR0FDcENsQix1QkFBdUIsR0FDdkIzQjtNQUNMLENBQ0YsQ0FBQztJQUFBLENBRU4sQ0FDWSxDQUNRLENBQUM7RUFFN0IsQ0FBQztFQUVELE9BQU9rQixrQkFBa0I7QUFDM0I7QUFBQyxJQUFBNkIsUUFBQSxHQUFBQyxPQUFBLGNBRWMzQyx5QkFBeUIiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/side-panel/map-style-panel/map-style-selector.d.ts

@@ -0,0 +1,23 @@
+import React, { ComponentType } from 'react';
+import { MapStyle } from '@kepler.gl/reducers';
+import PanelHeaderActionFactory from '../panel-header-action';
+import { BaseProps } from '../../common/icons';
+import { PanelHeaderActionIcon } from '../panel-header-action';
+export declare type MapStyleSelectorProps = {
+    mapStyle: MapStyle;
+    onChange: (payload: string) => void;
+    toggleActive: () => void;
+    isSelecting: boolean;
+    customMapStylesActions?: Record<string, {
+        id: string;
+        IconComponent: PanelHeaderActionIcon;
+        tooltip: string;
+        onClick: () => void;
+    }[]>;
+    actionIcons?: Record<string, ComponentType<Partial<BaseProps>>>;
+};
+declare function MapStyleSelectorFactory(PanelHeaderAction: ReturnType<typeof PanelHeaderActionFactory>): ({ mapStyle, onChange, toggleActive, isSelecting, customMapStylesActions, actionIcons }: MapStyleSelectorProps) => React.JSX.Element;
+declare namespace MapStyleSelectorFactory {
+    var deps: (typeof PanelHeaderActionFactory)[];
+}
+export default MapStyleSelectorFactory;

package/dist/side-panel/map-style-panel/map-style-selector.js

@@ -0,0 +1,96 @@
+"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 _constants = require("@kepler.gl/constants");
+var _icons = require("../../common/icons");
+var _panelHeaderAction = _interopRequireDefault(require("../panel-header-action"));
+var _styledComponents2 = require("../../common/styled-components");
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var StyledMapDropdown = (0, _styledComponents["default"])(_styledComponents2.StyledPanelHeader)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  height: 48px;\n  margin-bottom: 5px;\n  opacity: 1;\n  position: relative;\n  transition: opacity 0.05s ease-in, height 0.25s ease-out;\n\n  &.collapsed {\n    height: 0;\n    margin-bottom: 0;\n    opacity: 0;\n  }\n\n  :hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n\n  .map-title-block img {\n    margin-right: 12px;\n  }\n\n  .map-preview {\n    border-radius: 3px;\n    height: 30px;\n    width: 40px;\n  }\n\n  &.selected {\n    outline: 1px solid #caf2f4;\n  }\n\n  /* show callout dot if props.hasCallout and theme provides calloutDot base styles */\n  :after {\n    ", "\n    background-color: #00ACF5;\n    top: 12px;\n    left: 15px;\n    display: ", ";\n  }\n\n  .custom-style-actions {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n"])), function (props) {
+  return props.theme.panelBackgroundHover;
+}, function (_ref) {
+  var theme = _ref.theme;
+  return theme.calloutDot;
+}, function (_ref2) {
+  var theme = _ref2.theme,
+    hasCallout = _ref2.hasCallout;
+  return theme.calloutDot && hasCallout ? 'block' : 'none';
+});
+MapStyleSelectorFactory.deps = [_panelHeaderAction["default"]];
+function MapStyleSelectorFactory(PanelHeaderAction) {
+  var defaultActionIcons = {
+    arrowDown: _icons.ArrowDown
+  };
+  var MapStyleSelector = function MapStyleSelector(_ref3) {
+    var mapStyle = _ref3.mapStyle,
+      onChange = _ref3.onChange,
+      toggleActive = _ref3.toggleActive,
+      isSelecting = _ref3.isSelecting,
+      customMapStylesActions = _ref3.customMapStylesActions,
+      _ref3$actionIcons = _ref3.actionIcons,
+      actionIcons = _ref3$actionIcons === void 0 ? defaultActionIcons : _ref3$actionIcons;
+    var mapStyles = mapStyle.mapStyles,
+      styleType = mapStyle.styleType;
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'mapManager.mapStyle'
+    })), Object.values(mapStyles).map(function (_ref4) {
+      var id = _ref4.id,
+        custom = _ref4.custom,
+        _ref4$icon = _ref4.icon,
+        icon = _ref4$icon === void 0 ? _constants.NO_BASEMAP_ICON : _ref4$icon,
+        _ref4$label = _ref4.label,
+        label = _ref4$label === void 0 ? 'Untitled' : _ref4$label;
+      return /*#__PURE__*/_react["default"].createElement(StyledMapDropdown, {
+        className: (0, _classnames["default"])('map-dropdown-option', {
+          collapsed: !isSelecting && id !== styleType,
+          selected: isSelecting && id === styleType
+        }),
+        key: id,
+        onClick: isSelecting ? function () {
+          return onChange(id);
+        } : toggleActive,
+        hasCallout: Boolean(custom)
+      }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelHeaderContent, {
+        className: "map-title-block"
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        className: "map-preview",
+        src: icon
+      }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelHeaderTitle, {
+        className: "map-preview-name"
+      }, label)), !isSelecting ? /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+        className: "map-dropdown-option__enable-config",
+        id: "map-enable-config",
+        IconComponent: actionIcons.arrowDown,
+        tooltip: 'tooltip.selectBaseMapStyle',
+        onClick: toggleActive
+      }) : null, isSelecting && custom ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "custom-style-actions"
+      }, ((customMapStylesActions === null || customMapStylesActions === void 0 ? void 0 : customMapStylesActions[id]) || []).map(function (action) {
+        return /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+          key: action.id,
+          className: "map-dropdown-option__enable-config",
+          id: action.id,
+          IconComponent: action.IconComponent,
+          tooltip: action.tooltip,
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            action.onClick();
+          }
+        });
+      })) : null);
+    }));
+  };
+  return MapStyleSelector;
+}
+var _default = exports["default"] = MapStyleSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NsYXNzbmFtZXMiLCJfbG9jYWxpemF0aW9uIiwiX2NvbnN0YW50cyIsIl9pY29ucyIsIl9wYW5lbEhlYWRlckFjdGlvbiIsIl9zdHlsZWRDb21wb25lbnRzMiIsIl90ZW1wbGF0ZU9iamVjdCIsIlN0eWxlZE1hcERyb3Bkb3duIiwic3R5bGVkIiwiU3R5bGVkUGFuZWxIZWFkZXIiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJwYW5lbEJhY2tncm91bmRIb3ZlciIsIl9yZWYiLCJjYWxsb3V0RG90IiwiX3JlZjIiLCJoYXNDYWxsb3V0IiwiTWFwU3R5bGVTZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IiwiUGFuZWxIZWFkZXJBY3Rpb24iLCJkZWZhdWx0QWN0aW9uSWNvbnMiLCJhcnJvd0Rvd24iLCJBcnJvd0Rvd24iLCJNYXBTdHlsZVNlbGVjdG9yIiwiX3JlZjMiLCJtYXBTdHlsZSIsIm9uQ2hhbmdlIiwidG9nZ2xlQWN0aXZlIiwiaXNTZWxlY3RpbmciLCJjdXN0b21NYXBTdHlsZXNBY3Rpb25zIiwiX3JlZjMkYWN0aW9uSWNvbnMiLCJhY3Rpb25JY29ucyIsIm1hcFN0eWxlcyIsInN0eWxlVHlwZSIsImNyZWF0ZUVsZW1lbnQiLCJQYW5lbExhYmVsIiwiRm9ybWF0dGVkTWVzc2FnZSIsImlkIiwiT2JqZWN0IiwidmFsdWVzIiwibWFwIiwiX3JlZjQiLCJjdXN0b20iLCJfcmVmNCRpY29uIiwiaWNvbiIsIk5PX0JBU0VNQVBfSUNPTiIsIl9yZWY0JGxhYmVsIiwibGFiZWwiLCJjbGFzc05hbWUiLCJjbGFzc25hbWVzIiwiY29sbGFwc2VkIiwic2VsZWN0ZWQiLCJrZXkiLCJvbkNsaWNrIiwiQm9vbGVhbiIsIlBhbmVsSGVhZGVyQ29udGVudCIsInNyYyIsIlBhbmVsSGVhZGVyVGl0bGUiLCJJY29uQ29tcG9uZW50IiwidG9vbHRpcCIsImFjdGlvbiIsImUiLCJzdG9wUHJvcGFnYXRpb24iLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9tYXAtc3R5bGUtcGFuZWwvbWFwLXN0eWxlLXNlbGVjdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnRUeXBlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuXG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7TWFwU3R5bGV9IGZyb20gJ0BrZXBsZXIuZ2wvcmVkdWNlcnMnO1xuaW1wb3J0IHtOT19CQVNFTUFQX0lDT059IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7TWFwU3R5bGVzfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcblxuaW1wb3J0IHtBcnJvd0Rvd259IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IGZyb20gJy4uL3BhbmVsLWhlYWRlci1hY3Rpb24nO1xuaW1wb3J0IHtcbiAgUGFuZWxIZWFkZXJDb250ZW50LFxuICBQYW5lbEhlYWRlclRpdGxlLFxuICBQYW5lbExhYmVsLFxuICBTdHlsZWRQYW5lbEhlYWRlcixcbiAgU3R5bGVkUGFuZWxIZWFkZXJQcm9wc1xufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtCYXNlUHJvcHN9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge1BhbmVsSGVhZGVyQWN0aW9uSWNvbn0gZnJvbSAnLi4vcGFuZWwtaGVhZGVyLWFjdGlvbic7XG5cbnR5cGUgU3R5bGVkTWFwRHJvcGRvd25Qcm9wcyA9IFN0eWxlZFBhbmVsSGVhZGVyUHJvcHMgJiB7aGFzQ2FsbG91dDogYm9vbGVhbn07XG5cbmNvbnN0IFN0eWxlZE1hcERyb3Bkb3duID0gc3R5bGVkKFN0eWxlZFBhbmVsSGVhZGVyKTxTdHlsZWRNYXBEcm9wZG93blByb3BzPmBcbiAgaGVpZ2h0OiA0OHB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIG9wYWNpdHk6IDE7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjA1cyBlYXNlLWluLCBoZWlnaHQgMC4yNXMgZWFzZS1vdXQ7XG5cbiAgJi5jb2xsYXBzZWQge1xuICAgIGhlaWdodDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQmFja2dyb3VuZEhvdmVyfTtcbiAgfVxuXG4gIC5tYXAtdGl0bGUtYmxvY2sgaW1nIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDEycHg7XG4gIH1cblxuICAubWFwLXByZXZpZXcge1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gICAgd2lkdGg6IDQwcHg7XG4gIH1cblxuICAmLnNlbGVjdGVkIHtcbiAgICBvdXRsaW5lOiAxcHggc29saWQgI2NhZjJmNDtcbiAgfVxuXG4gIC8qIHNob3cgY2FsbG91dCBkb3QgaWYgcHJvcHMuaGFzQ2FsbG91dCBhbmQgdGhlbWUgcHJvdmlkZXMgY2FsbG91dERvdCBiYXNlIHN0eWxlcyAqL1xuICA6YWZ0ZXIge1xuICAgICR7KHt0aGVtZX0pID0+IHRoZW1lLmNhbGxvdXREb3R9XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwQUNGNTtcbiAgICB0b3A6IDEycHg7XG4gICAgbGVmdDogMTVweDtcbiAgICBkaXNwbGF5OiAkeyh7dGhlbWUsIGhhc0NhbGxvdXR9KSA9PiAodGhlbWUuY2FsbG91dERvdCAmJiBoYXNDYWxsb3V0ID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuICB9XG5cbiAgLmN1c3RvbS1zdHlsZS1hY3Rpb25zIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXBTdHlsZVNlbGVjdG9yUHJvcHMgPSB7XG4gIG1hcFN0eWxlOiBNYXBTdHlsZTtcbiAgb25DaGFuZ2U6IChwYXlsb2FkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvZ2dsZUFjdGl2ZTogKCkgPT4gdm9pZDtcbiAgaXNTZWxlY3Rpbmc6IGJvb2xlYW47XG4gIGN1c3RvbU1hcFN0eWxlc0FjdGlvbnM/OiBSZWNvcmQ8XG4gICAgc3RyaW5nLFxuICAgIHtcbiAgICAgIGlkOiBzdHJpbmc7XG4gICAgICBJY29uQ29tcG9uZW50OiBQYW5lbEhlYWRlckFjdGlvbkljb247XG4gICAgICB0b29sdGlwOiBzdHJpbmc7XG4gICAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIH1bXVxuICA+O1xuICBhY3Rpb25JY29ucz86IFJlY29yZDxzdHJpbmcsIENvbXBvbmVudFR5cGU8UGFydGlhbDxCYXNlUHJvcHM+Pj47XG59O1xuXG5NYXBTdHlsZVNlbGVjdG9yRmFjdG9yeS5kZXBzID0gW1BhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeV07XG5cbmZ1bmN0aW9uIE1hcFN0eWxlU2VsZWN0b3JGYWN0b3J5KFBhbmVsSGVhZGVyQWN0aW9uOiBSZXR1cm5UeXBlPHR5cGVvZiBQYW5lbEhlYWRlckFjdGlvbkZhY3Rvcnk+KSB7XG4gIGNvbnN0IGRlZmF1bHRBY3Rpb25JY29ucyA9IHtcbiAgICBhcnJvd0Rvd246IEFycm93RG93blxuICB9O1xuXG4gIGNvbnN0IE1hcFN0eWxlU2VsZWN0b3IgPSAoe1xuICAgIG1hcFN0eWxlLFxuICAgIG9uQ2hhbmdlLFxuICAgIHRvZ2dsZUFjdGl2ZSxcbiAgICBpc1NlbGVjdGluZyxcbiAgICBjdXN0b21NYXBTdHlsZXNBY3Rpb25zLFxuICAgIGFjdGlvbkljb25zID0gZGVmYXVsdEFjdGlvbkljb25zXG4gIH06IE1hcFN0eWxlU2VsZWN0b3JQcm9wcykgPT4ge1xuICAgIGNvbnN0IHttYXBTdHlsZXMsIHN0eWxlVHlwZX06IHttYXBTdHlsZXM6IE1hcFN0eWxlczsgc3R5bGVUeXBlOiBzdHJpbmd9ID0gbWFwU3R5bGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydtYXBNYW5hZ2VyLm1hcFN0eWxlJ30gLz5cbiAgICAgICAgPC9QYW5lbExhYmVsPlxuXG4gICAgICAgIHtPYmplY3QudmFsdWVzKG1hcFN0eWxlcykubWFwKFxuICAgICAgICAgICh7aWQsIGN1c3RvbSwgaWNvbiA9IE5PX0JBU0VNQVBfSUNPTiwgbGFiZWwgPSAnVW50aXRsZWQnfSkgPT4gKFxuICAgICAgICAgICAgPFN0eWxlZE1hcERyb3Bkb3duXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygnbWFwLWRyb3Bkb3duLW9wdGlvbicsIHtcbiAgICAgICAgICAgICAgICBjb2xsYXBzZWQ6ICFpc1NlbGVjdGluZyAmJiBpZCAhPT0gc3R5bGVUeXBlLFxuICAgICAgICAgICAgICAgIHNlbGVjdGVkOiBpc1NlbGVjdGluZyAmJiBpZCA9PT0gc3R5bGVUeXBlXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtpc1NlbGVjdGluZyA/ICgpID0+IG9uQ2hhbmdlKGlkKSA6IHRvZ2dsZUFjdGl2ZX1cbiAgICAgICAgICAgICAgaGFzQ2FsbG91dD17Qm9vbGVhbihjdXN0b20pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8UGFuZWxIZWFkZXJDb250ZW50IGNsYXNzTmFtZT1cIm1hcC10aXRsZS1ibG9ja1wiPlxuICAgICAgICAgICAgICAgIDxpbWcgY2xhc3NOYW1lPVwibWFwLXByZXZpZXdcIiBzcmM9e2ljb259IC8+XG4gICAgICAgICAgICAgICAgPFBhbmVsSGVhZGVyVGl0bGUgY2xhc3NOYW1lPVwibWFwLXByZXZpZXctbmFtZVwiPntsYWJlbH08L1BhbmVsSGVhZGVyVGl0bGU+XG4gICAgICAgICAgICAgIDwvUGFuZWxIZWFkZXJDb250ZW50PlxuICAgICAgICAgICAgICB7IWlzU2VsZWN0aW5nID8gKFxuICAgICAgICAgICAgICAgIDxQYW5lbEhlYWRlckFjdGlvblxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibWFwLWRyb3Bkb3duLW9wdGlvbl9fZW5hYmxlLWNvbmZpZ1wiXG4gICAgICAgICAgICAgICAgICBpZD1cIm1hcC1lbmFibGUtY29uZmlnXCJcbiAgICAgICAgICAgICAgICAgIEljb25Db21wb25lbnQ9e2FjdGlvbkljb25zLmFycm93RG93bn1cbiAgICAgICAgICAgICAgICAgIHRvb2x0aXA9eyd0b29sdGlwLnNlbGVjdEJhc2VNYXBTdHlsZSd9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVBY3RpdmV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIHtpc1NlbGVjdGluZyAmJiBjdXN0b20gPyAoXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjdXN0b20tc3R5bGUtYWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgICAgeyhjdXN0b21NYXBTdHlsZXNBY3Rpb25zPy5baWRdIHx8IFtdKS5tYXAoYWN0aW9uID0+IChcbiAgICAgICAgICAgICAgICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgICAgICAgICAgICAgICAga2V5PXthY3Rpb24uaWR9XG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibWFwLWRyb3Bkb3duLW9wdGlvbl9fZW5hYmxlLWNvbmZpZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgaWQ9e2FjdGlvbi5pZH1cbiAgICAgICAgICAgICAgICAgICAgICBJY29uQ29tcG9uZW50PXthY3Rpb24uSWNvbkNvbXBvbmVudH1cbiAgICAgICAgICAgICAgICAgICAgICB0b29sdGlwPXthY3Rpb24udG9vbHRpcH1cbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24ub25DbGljaygpO1xuICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L1N0eWxlZE1hcERyb3Bkb3duPlxuICAgICAgICAgIClcbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIE1hcFN0eWxlU2VsZWN0b3I7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE1hcFN0eWxlU2VsZWN0b3JGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxXQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBRyxhQUFBLEdBQUFILE9BQUE7QUFFQSxJQUFBSSxVQUFBLEdBQUFKLE9BQUE7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

package/dist/side-panel/panel-header-action.d.ts

@@ -0,0 +1,22 @@
+import React, { ComponentType, MouseEventHandler } from 'react';
+import { TooltipProps } from 'react-tooltip';
+import { BaseProps } from '../common/icons';
+export declare type PanelHeaderActionIcon = ComponentType<Partial<BaseProps>>;
+export interface PanelHeaderActionProps {
+    id?: string;
+    tooltip?: string;
+    hoverColor?: string;
+    className?: string;
+    active?: boolean;
+    flush?: boolean;
+    disabled?: boolean;
+    onClick?: MouseEventHandler;
+    tooltipType?: TooltipProps['type'];
+    IconComponent: PanelHeaderActionIcon;
+    testId?: string;
+}
+declare function PanelHeaderActionFactory(): React.FC<PanelHeaderActionProps>;
+declare namespace PanelHeaderActionFactory {
+    var deps: any[];
+}
+export default PanelHeaderActionFactory;

package/dist/side-panel/panel-header-action.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = PanelHeaderActionFactory;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _localization = require("@kepler.gl/localization");
+var _styledComponents2 = require("../common/styled-components");
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var HeaderActionWrapper = _styledComponents["default"].div.attrs(function (props) {
+  return {
+    dataTestId: props.testId
+  };
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: ", "px;\n  display: flex;\n  align-items: center;\n  color: ", ";\n\n  cursor: pointer;\n\n  :hover {\n    color: ", ";\n  }\n\n  &.disabled {\n    cursor: none;\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"])), function (props) {
+  return props.flush ? 0 : 8;
+}, function (props) {
+  return props.active ? props.theme.panelHeaderIconActive : props.theme.panelHeaderIcon;
+}, function (props) {
+  return props.hoverColor ? props.theme[props.hoverColor] : props.theme.panelHeaderIconHover;
+});
+PanelHeaderActionFactory.deps = [];
+// Need to use react class to access props.component
+function PanelHeaderActionFactory() {
+  var PanelHeaderActionUnmemoized = function PanelHeaderActionUnmemoized(_ref) {
+    var onClick = _ref.onClick,
+      tooltip = _ref.tooltip,
+      id = _ref.id,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      flush = _ref.flush,
+      hoverColor = _ref.hoverColor,
+      tooltipType = _ref.tooltipType,
+      disabled = _ref.disabled,
+      className = _ref.className,
+      IconComponent = _ref.IconComponent,
+      testId = _ref.testId;
+    return /*#__PURE__*/_react["default"].createElement(HeaderActionWrapper, {
+      className: (0, _classnames["default"])('panel--header__action', _objectSpread({
+        disabled: disabled
+      }, className ? (0, _defineProperty2["default"])({}, className, true) : {})),
+      active: active,
+      hoverColor: hoverColor,
+      flush: flush
+    }, IconComponent ? /*#__PURE__*/_react["default"].createElement(IconComponent, {
+      className: "panel--header__action__component",
+      "data-testid": testId,
+      "data-tip": true,
+      "data-for": "".concat(tooltip, "_").concat(id),
+      height: "16px",
+      onClick: onClick
+    }) : null, tooltip ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
+      id: "".concat(tooltip, "_").concat(id),
+      effect: "solid",
+      delayShow: 500,
+      type: tooltipType
+    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: tooltip
+    }))) : null);
+  };
+  var PanelHeaderAction = /*#__PURE__*/_react["default"].memo(PanelHeaderActionUnmemoized);
+  PanelHeaderAction.displayName = 'PanelHeaderAction';
+  return PanelHeaderAction;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9jbGFzc25hbWVzIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfbG9jYWxpemF0aW9uIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX3RlbXBsYXRlT2JqZWN0Iiwib3duS2V5cyIsImUiLCJyIiwidCIsIk9iamVjdCIsImtleXMiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJvIiwiZmlsdGVyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiZW51bWVyYWJsZSIsInB1c2giLCJhcHBseSIsIl9vYmplY3RTcHJlYWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5MiIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiZGVmaW5lUHJvcGVydHkiLCJIZWFkZXJBY3Rpb25XcmFwcGVyIiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJwcm9wcyIsImRhdGFUZXN0SWQiLCJ0ZXN0SWQiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsImZsdXNoIiwiYWN0aXZlIiwidGhlbWUiLCJwYW5lbEhlYWRlckljb25BY3RpdmUiLCJwYW5lbEhlYWRlckljb24iLCJob3ZlckNvbG9yIiwicGFuZWxIZWFkZXJJY29uSG92ZXIiLCJQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkiLCJkZXBzIiwiUGFuZWxIZWFkZXJBY3Rpb25Vbm1lbW9pemVkIiwiX3JlZiIsIm9uQ2xpY2siLCJ0b29sdGlwIiwiaWQiLCJfcmVmJGFjdGl2ZSIsInRvb2x0aXBUeXBlIiwiZGlzYWJsZWQiLCJjbGFzc05hbWUiLCJJY29uQ29tcG9uZW50IiwiY3JlYXRlRWxlbWVudCIsImNsYXNzbmFtZXMiLCJjb25jYXQiLCJoZWlnaHQiLCJUb29sdGlwIiwiZWZmZWN0IiwiZGVsYXlTaG93IiwidHlwZSIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJQYW5lbEhlYWRlckFjdGlvbiIsIlJlYWN0IiwibWVtbyIsImRpc3BsYXlOYW1lIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3NpZGUtcGFuZWwvcGFuZWwtaGVhZGVyLWFjdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50VHlwZSwgTW91c2VFdmVudEhhbmRsZXJ9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7VG9vbHRpcFByb3BzfSBmcm9tICdyZWFjdC10b29sdGlwJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7VG9vbHRpcH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7QmFzZVByb3BzfSBmcm9tICcuLi9jb21tb24vaWNvbnMnO1xuXG5leHBvcnQgdHlwZSBQYW5lbEhlYWRlckFjdGlvbkljb24gPSBDb21wb25lbnRUeXBlPFBhcnRpYWw8QmFzZVByb3BzPj47XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFuZWxIZWFkZXJBY3Rpb25Qcm9wcyB7XG4gIGlkPzogc3RyaW5nO1xuICB0b29sdGlwPzogc3RyaW5nO1xuICBob3ZlckNvbG9yPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIGZsdXNoPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI7XG4gIHRvb2x0aXBUeXBlPzogVG9vbHRpcFByb3BzWyd0eXBlJ107XG4gIEljb25Db21wb25lbnQ6IFBhbmVsSGVhZGVyQWN0aW9uSWNvbjtcbiAgdGVzdElkPzogc3RyaW5nO1xufVxuXG50eXBlIEhlYWRlckFjdGlvbldyYXBwZXJQcm9wcyA9IHtcbiAgZmx1c2g/OiBib29sZWFuO1xuICBhY3RpdmU/OiBib29sZWFuO1xuICBob3ZlckNvbG9yPzogc3RyaW5nIHwgbnVsbDtcbiAgdGVzdElkPzogc3RyaW5nO1xufTtcblxuY29uc3QgSGVhZGVyQWN0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXYuYXR0cnMoKHByb3BzOiBIZWFkZXJBY3Rpb25XcmFwcGVyUHJvcHMpID0+ICh7XG4gIGRhdGFUZXN0SWQ6IHByb3BzLnRlc3RJZFxufSkpPEhlYWRlckFjdGlvbldyYXBwZXJQcm9wcz5gXG4gIG1hcmdpbi1sZWZ0OiAke3Byb3BzID0+IChwcm9wcy5mbHVzaCA/IDAgOiA4KX1weDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy5hY3RpdmUgPyBwcm9wcy50aGVtZS5wYW5lbEhlYWRlckljb25BY3RpdmUgOiBwcm9wcy50aGVtZS5wYW5lbEhlYWRlckljb259O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke3Byb3BzID0+XG4gICAgICBwcm9wcy5ob3ZlckNvbG9yID8gcHJvcHMudGhlbWVbcHJvcHMuaG92ZXJDb2xvcl0gOiBwcm9wcy50aGVtZS5wYW5lbEhlYWRlckljb25Ib3Zlcn07XG4gIH1cblxuICAmLmRpc2FibGVkIHtcbiAgICBjdXJzb3I6IG5vbmU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgb3BhY2l0eTogMC4zO1xuICB9XG5gO1xuXG5QYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkuZGVwcyA9IFtdO1xuLy8gTmVlZCB0byB1c2UgcmVhY3QgY2xhc3MgdG8gYWNjZXNzIHByb3BzLmNvbXBvbmVudFxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5KCk6IFJlYWN0LkZDPFBhbmVsSGVhZGVyQWN0aW9uUHJvcHM+IHtcbiAgY29uc3QgUGFuZWxIZWFkZXJBY3Rpb25Vbm1lbW9pemVkOiBSZWFjdC5GQzxQYW5lbEhlYWRlckFjdGlvblByb3BzPiA9ICh7XG4gICAgb25DbGljayxcbiAgICB0b29sdGlwLFxuICAgIGlkLFxuICAgIGFjdGl2ZSA9IGZhbHNlLFxuICAgIGZsdXNoLFxuICAgIGhvdmVyQ29sb3IsXG4gICAgdG9vbHRpcFR5cGUsXG4gICAgZGlzYWJsZWQsXG4gICAgY2xhc3NOYW1lLFxuICAgIEljb25Db21wb25lbnQsXG4gICAgdGVzdElkXG4gIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPEhlYWRlckFjdGlvbldyYXBwZXJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKCdwYW5lbC0taGVhZGVyX19hY3Rpb24nLCB7XG4gICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgLi4uKGNsYXNzTmFtZSA/IHtbY2xhc3NOYW1lXTogdHJ1ZX0gOiB7fSlcbiAgICAgICAgfSl9XG4gICAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgICBob3ZlckNvbG9yPXtob3ZlckNvbG9yfVxuICAgICAgICBmbHVzaD17Zmx1c2h9XG4gICAgICA+XG4gICAgICAgIHtJY29uQ29tcG9uZW50ID8gKFxuICAgICAgICAgIDxJY29uQ29tcG9uZW50XG4gICAgICAgICAgICBjbGFzc05hbWU9XCJwYW5lbC0taGVhZGVyX19hY3Rpb25fX2NvbXBvbmVudFwiXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17dGVzdElkfVxuICAgICAgICAgICAgZGF0YS10aXBcbiAgICAgICAgICAgIGRhdGEtZm9yPXtgJHt0b29sdGlwfV8ke2lkfWB9XG4gICAgICAgICAgICBoZWlnaHQ9XCIxNnB4XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHt0b29sdGlwID8gKFxuICAgICAgICAgIDxUb29sdGlwIGlkPXtgJHt0b29sdGlwfV8ke2lkfWB9IGVmZmVjdD1cInNvbGlkXCIgZGVsYXlTaG93PXs1MDB9IHR5cGU9e3Rvb2x0aXBUeXBlfT5cbiAgICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17dG9vbHRpcH0gLz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9IZWFkZXJBY3Rpb25XcmFwcGVyPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgUGFuZWxIZWFkZXJBY3Rpb24gPSBSZWFjdC5tZW1vKFBhbmVsSGVhZGVyQWN0aW9uVW5tZW1vaXplZCk7XG4gIFBhbmVsSGVhZGVyQWN0aW9uLmRpc3BsYXlOYW1lID0gJ1BhbmVsSGVhZGVyQWN0aW9uJztcbiAgcmV0dXJuIFBhbmVsSGVhZGVyQWN0aW9uO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBQyxXQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxpQkFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsYUFBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksa0JBQUEsR0FBQUosT0FBQTtBQUFvRCxJQUFBSyxlQUFBLEVBUnBEO0FBQ0E7QUFBQSxTQUFBQyxRQUFBQyxDQUFBLEVBQUFDLENBQUEsUUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosQ0FBQSxPQUFBRyxNQUFBLENBQUFFLHFCQUFBLFFBQUFDLENBQUEsR0FBQUgsTUFBQSxDQUFBRSxxQkFBQSxDQUFBTCxDQUFBLEdBQUFDLENBQUEsS0FBQUssQ0FBQSxHQUFBQSxDQUFBLENBQUFDLE1BQUEsV0FBQU4sQ0FBQSxXQUFBRSxNQUFBLENBQUFLLHdCQUFB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

package/dist/side-panel/panel-header.d.ts

@@ -0,0 +1,91 @@
+import React from 'react';
+import { ToolbarItemProps } from '../common/toolbar-item';
+import { UiState } from '@kepler.gl/types';
+import { BaseProps } from '../common/icons';
+declare type ActionItem = {
+    id: string;
+    label?: string;
+    blank?: boolean;
+    href?: string;
+    tooltip?: string;
+    iconComponent: React.ComponentType<Partial<BaseProps>>;
+    iconComponentProps?: BaseProps;
+    dropdownComponent?: React.ComponentType<DropdownComponentProps>;
+    onClick?: () => void;
+};
+declare type PanelActionProps = {
+    item: ActionItem;
+    showExportDropdown: (string: any) => void;
+};
+declare type PanelHeaderDropdownProps = {
+    items: ToolbarItemProps[];
+    show?: boolean;
+    onClose: () => void;
+    id: string;
+};
+declare type LogoComponentProps = {
+    appName: string;
+    appWebsite: string;
+    version: string;
+};
+declare type DropdownCallbacks = {
+    logoComponent?: React.FC<LogoComponentProps> | React.ComponentType<LogoComponentProps>;
+    onExportImage: () => void;
+    onExportData: () => void;
+    onExportConfig?: () => void;
+    onExportMap: () => void;
+    onSaveToStorage: (() => void) | null;
+    onSaveAsToStorage: (() => void) | null;
+    onSaveMap?: () => void;
+    onShareMap: (() => void) | null;
+};
+declare type Item = {
+    label: string;
+    icon: React.ComponentType<Partial<BaseProps>>;
+    key: string;
+    onClick: (p: DropdownComponentProps) => (() => void) | null;
+};
+declare type DropdownComponentProps = {
+    show: boolean;
+    onClose: () => void;
+    items?: Item[];
+} & DropdownCallbacks;
+export declare type PanelHeaderProps = {
+    appName: string;
+    appWebsite: string;
+    version: string;
+    visibleDropdown: UiState['visibleDropdown'];
+    actionItems?: ActionItem[];
+    showExportDropdown: (i: string) => void;
+    hideExportDropdown: () => void;
+} & DropdownCallbacks;
+declare const PanelAction: React.FC<PanelActionProps>;
+export { PanelAction };
+export declare const PanelHeaderDropdownFactory: () => React.FC<PanelHeaderDropdownProps>;
+export declare const SaveExportDropdownFactory: {
+    (PanelHeaderDropdown: ReturnType<typeof PanelHeaderDropdownFactory>): React.FC<DropdownComponentProps> & {
+        defaultItems: ToolbarItemProps[];
+    };
+    deps: (() => React.FC<PanelHeaderDropdownProps>)[];
+};
+export declare const CloudStorageDropdownFactory: {
+    (PanelHeaderDropdown: ReturnType<typeof PanelHeaderDropdownFactory>): React.FC<DropdownComponentProps> & {
+        defaultItems: DropdownComponentProps['items'];
+    };
+    deps: (() => React.FC<PanelHeaderDropdownProps>)[];
+};
+declare function PanelHeaderFactory(SaveExportDropdown: ReturnType<typeof SaveExportDropdownFactory>, CloudStorageDropdown: ReturnType<typeof CloudStorageDropdownFactory>): React.ComponentType<PanelHeaderProps>;
+declare namespace PanelHeaderFactory {
+    var deps: ({
+        (PanelHeaderDropdown: React.FC<PanelHeaderDropdownProps>): React.FC<DropdownComponentProps> & {
+            defaultItems: ToolbarItemProps[];
+        };
+        deps: (() => React.FC<PanelHeaderDropdownProps>)[];
+    } | {
+        (PanelHeaderDropdown: React.FC<PanelHeaderDropdownProps>): React.FC<DropdownComponentProps> & {
+            defaultItems: Item[] | undefined;
+        };
+        deps: (() => React.FC<PanelHeaderDropdownProps>)[];
+    })[];
+}
+export default PanelHeaderFactory;