@kepler.gl/components 3.0.0-alpha.0

package/dist/side-panel/layer-manager.js

@@ -0,0 +1,225 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactIntl = require("react-intl");
+
+var _localization = require("@kepler.gl/localization");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _layerList = _interopRequireDefault(require("./layer-panel/layer-list"));
+
+var _datasetLayerGroup = _interopRequireDefault(require("./layer-panel/dataset-layer-group"));
+
+var _panelViewListToggle = _interopRequireDefault(require("./layer-panel/panel-view-list-toggle"));
+
+var _panelTitle = _interopRequireDefault(require("./panel-title"));
+
+var _datasetSection = _interopRequireDefault(require("./layer-panel/dataset-section"));
+
+var _addLayerButton = _interopRequireDefault(require("./layer-panel/add-layer-button"));
+
+var _itemSelector = _interopRequireDefault(require("../common/item-selector/item-selector"));
+
+var _styledComponents2 = require("../common/styled-components");
+
+var _constants = require("@kepler.gl/constants");
+
+var _templateObject;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var LayerHeader = _styledComponents["default"].div.attrs({
+  className: 'layer-manager-header'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-top: 16px;\n"])));
+
+var LayerBlendingSelector = /*#__PURE__*/_react["default"].memo(function (_ref) {
+  var layerBlending = _ref.layerBlending,
+      updateLayerBlending = _ref.updateLayerBlending,
+      intl = _ref.intl;
+  var labeledLayerBlendings = Object.keys(_constants.LAYER_BLENDINGS).reduce(function (acc, current) {
+    return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2["default"])({}, intl.formatMessage({
+      id: _constants.LAYER_BLENDINGS[current].label
+    }), current));
+  }, {});
+  var onChange = (0, _react.useCallback)(function (blending) {
+    return updateLayerBlending(labeledLayerBlendings[blending]);
+  }, [updateLayerBlending, labeledLayerBlendings]);
+  return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: "layerBlending.title"
+  })), /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
+    selectedItems: intl.formatMessage({
+      id: _constants.LAYER_BLENDINGS[layerBlending].label
+    }),
+    options: Object.keys(labeledLayerBlendings),
+    multiSelect: false,
+    searchable: false,
+    onChange: onChange
+  }));
+});
+
+LayerBlendingSelector.displayName = 'LayerBlendingSelector';
+LayerManagerFactory.deps = [_layerList["default"], _datasetLayerGroup["default"], _panelViewListToggle["default"], _panelTitle["default"], _datasetSection["default"], _addLayerButton["default"]];
+
+function LayerManagerFactory(LayerList, DatasetLayerGroup, PanelViewListToggle, PanelTitle, DatasetSection, AddLayerButton) {
+  var LayerManager = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(LayerManager, _Component);
+
+    var _super = _createSuper(LayerManager);
+
+    function LayerManager() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, LayerManager);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_addEmptyNewLayer", function (dataset) {
+        var visStateActions = _this.props.visStateActions;
+        visStateActions.addLayer(undefined, dataset);
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_toggleLayerPanelListView", function (listView) {
+        var uiStateActions = _this.props.uiStateActions;
+        uiStateActions.toggleLayerPanelListView(listView);
+      });
+      return _this;
+    }
+
+    (0, _createClass2["default"])(LayerManager, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            layers = _this$props.layers,
+            datasets = _this$props.datasets,
+            intl = _this$props.intl,
+            layerOrder = _this$props.layerOrder,
+            showAddDataModal = _this$props.showAddDataModal,
+            updateTableColor = _this$props.updateTableColor,
+            showDatasetTable = _this$props.showDatasetTable,
+            removeDataset = _this$props.removeDataset,
+            uiStateActions = _this$props.uiStateActions,
+            visStateActions = _this$props.visStateActions,
+            layerPanelListView = _this$props.layerPanelListView,
+            panelMetadata = _this$props.panelMetadata;
+        var defaultDataset = Object.keys(datasets)[0];
+        var isSortByDatasetMode = layerPanelListView === 'sortByDataset';
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "layer-manager"
+        }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(PanelViewListToggle, {
+          toggleLayerPanelListView: this._toggleLayerPanelListView,
+          layerPanelListViewMode: layerPanelListView
+        })), /*#__PURE__*/_react["default"].createElement(DatasetSection, {
+          datasets: datasets,
+          showDatasetTable: showDatasetTable,
+          updateTableColor: updateTableColor,
+          removeDataset: removeDataset,
+          showDeleteDataset: true,
+          showDatasetList: !isSortByDatasetMode,
+          showAddDataModal: showAddDataModal,
+          defaultDataset: defaultDataset
+        }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelDivider, null), /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(LayerHeader, null, /*#__PURE__*/_react["default"].createElement(PanelTitle, {
+          className: "layer-manager-title"
+        }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+          id: panelMetadata.label
+        })), defaultDataset ?
+        /*#__PURE__*/
+        // TODO replace ignore
+        // @ts-ignore
+        _react["default"].createElement(AddLayerButton, {
+          datasets: datasets,
+          typeaheadPlaceholder: "Search datasets",
+          intl: intl,
+          onOptionSelected: this._addEmptyNewLayer
+        }) : null)), /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, null, isSortByDatasetMode ? /*#__PURE__*/_react["default"].createElement(DatasetLayerGroup, {
+          datasets: datasets,
+          showDatasetTable: showDatasetTable,
+          layers: layers,
+          updateTableColor: updateTableColor,
+          removeDataset: removeDataset,
+          layerOrder: layerOrder,
+          layerClasses: this.props.layerClasses,
+          uiStateActions: uiStateActions,
+          visStateActions: visStateActions,
+          showDeleteDataset: true
+        }) :
+        /*#__PURE__*/
+        // TODO replace ignore
+        // @ts-ignore
+        _react["default"].createElement(LayerList, {
+          layers: layers,
+          datasets: datasets,
+          layerOrder: layerOrder,
+          uiStateActions: uiStateActions,
+          visStateActions: visStateActions,
+          layerClasses: this.props.layerClasses
+        })), /*#__PURE__*/_react["default"].createElement(LayerBlendingSelector, {
+          layerBlending: this.props.layerBlending,
+          updateLayerBlending: visStateActions.updateLayerBlending,
+          intl: intl
+        }));
+      }
+    }]);
+    return LayerManager;
+  }(_react.Component);
+
+  return (0, _reactIntl.injectIntl)(LayerManager);
+}
+
+var _default = LayerManagerFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLW1hbmFnZXIudHN4Il0sIm5hbWVzIjpbIkxheWVySGVhZGVyIiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJMYXllckJsZW5kaW5nU2VsZWN0b3IiLCJSZWFjdCIsIm1lbW8iLCJsYXllckJsZW5kaW5nIiwidXBkYXRlTGF5ZXJCbGVuZGluZyIsImludGwiLCJsYWJlbGVkTGF5ZXJCbGVuZGluZ3MiLCJPYmplY3QiLCJrZXlzIiwiTEFZRVJfQkxFTkRJTkdTIiwicmVkdWNlIiwiYWNjIiwiY3VycmVudCIsImZvcm1hdE1lc3NhZ2UiLCJpZCIsImxhYmVsIiwib25DaGFuZ2UiLCJibGVuZGluZyIsImRpc3BsYXlOYW1lIiwiTGF5ZXJNYW5hZ2VyRmFjdG9yeSIsImRlcHMiLCJMYXllckxpc3RGYWN0b3J5IiwiRGF0YXNldExheWVyR3JvdXBGYWN0b3J5IiwiUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3RvcnkiLCJQYW5lbFRpdGxlRmFjdG9yeSIsIkRhdGFzZXRTZWN0aW9uRmFjdG9yeSIsIkFkZExheWVyQnV0dG9uRmFjdG9yeSIsIkxheWVyTGlzdCIsIkRhdGFzZXRMYXllckdyb3VwIiwiUGFuZWxWaWV3TGlzdFRvZ2dsZSIsIlBhbmVsVGl0bGUiLCJEYXRhc2V0U2VjdGlvbiIsIkFkZExheWVyQnV0dG9uIiwiTGF5ZXJNYW5hZ2VyIiwiZGF0YXNldCIsInZpc1N0YXRlQWN0aW9ucyIsInByb3BzIiwiYWRkTGF5ZXIiLCJ1bmRlZmluZWQiLCJsaXN0VmlldyIsInVpU3RhdGVBY3Rpb25zIiwidG9nZ2xlTGF5ZXJQYW5lbExpc3RWaWV3IiwibGF5ZXJzIiwiZGF0YXNldHMiLCJsYXllck9yZGVyIiwic2hvd0FkZERhdGFNb2RhbCIsInVwZGF0ZVRhYmxlQ29sb3IiLCJzaG93RGF0YXNldFRhYmxlIiwicmVtb3ZlRGF0YXNldCIsImxheWVyUGFuZWxMaXN0VmlldyIsInBhbmVsTWV0YWRhdGEiLCJkZWZhdWx0RGF0YXNldCIsImlzU29ydEJ5RGF0YXNldE1vZGUiLCJfdG9nZ2xlTGF5ZXJQYW5lbExpc3RWaWV3IiwiX2FkZEVtcHR5TmV3TGF5ZXIiLCJsYXllckNsYXNzZXMiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFFQTs7Ozs7Ozs7Ozs7O0FBNEJBLElBQU1BLFdBQVcsR0FBR0MsNkJBQU9DLEdBQVAsQ0FBV0MsS0FBWCxDQUFpQjtBQUNuQ0MsRUFBQUEsU0FBUyxFQUFFO0FBRHdCLENBQWpCLENBQUgsOExBQWpCOztBQVNBLElBQU1DLHFCQUFxQixnQkFBR0Msa0JBQU1DLElBQU4sQ0FDNUIsZ0JBQTRFO0FBQUEsTUFBMUVDLGFBQTBFLFFBQTFFQSxhQUEwRTtBQUFBLE1BQTNEQyxtQkFBMkQsUUFBM0RBLG1CQUEyRDtBQUFBLE1BQXRDQyxJQUFzQyxRQUF0Q0EsSUFBc0M7QUFDMUUsTUFBTUMscUJBQXFCLEdBQUdDLE1BQU0sQ0FBQ0MsSUFBUCxDQUFZQywwQkFBWixFQUE2QkMsTUFBN0IsQ0FDNUIsVUFBQ0MsR0FBRCxFQUFNQyxPQUFOO0FBQUEsMkNBQ0tELEdBREwsNENBRUdOLElBQUksQ0FBQ1EsYUFBTCxDQUFtQjtBQUFDQyxNQUFBQSxFQUFFLEVBQUVMLDJCQUFnQkcsT0FBaEIsRUFBeUJHO0FBQTlCLEtBQW5CLENBRkgsRUFFOERILE9BRjlEO0FBQUEsR0FENEIsRUFLNUIsRUFMNEIsQ0FBOUI7QUFRQSxNQUFNSSxRQUFRLEdBQUcsd0JBQVksVUFBQUMsUUFBUTtBQUFBLFdBQUliLG1CQUFtQixDQUFDRSxxQkFBcUIsQ0FBQ1csUUFBRCxDQUF0QixDQUF2QjtBQUFBLEdBQXBCLEVBQThFLENBQzdGYixtQkFENkYsRUFFN0ZFLHFCQUY2RixDQUE5RSxDQUFqQjtBQUtBLHNCQUNFLGdDQUFDLG1D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QUVMLGVBTG5CO0FBTUUsVUFBQSxZQUFZLEVBQUUsS0FBS0MsS0FBTCxDQUFXbUI7QUFOM0IsVUFqQkosQ0FuQ0YsZUE4REUsZ0NBQUMscUJBQUQ7QUFDRSxVQUFBLGFBQWEsRUFBRSxLQUFLbkIsS0FBTCxDQUFXakMsYUFENUI7QUFFRSxVQUFBLG1CQUFtQixFQUFFZ0MsZUFBZSxDQUFDL0IsbUJBRnZDO0FBR0UsVUFBQSxJQUFJLEVBQUVDO0FBSFIsVUE5REYsQ0FERjtBQXNFRDtBQXJHSDtBQUFBO0FBQUEsSUFDMkJtRCxnQkFEM0I7O0FBdUdBLFNBQU8sMkJBQVd2QixZQUFYLENBQVA7QUFDRDs7ZUFFY2QsbUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnQsIHVzZUNhbGxiYWNrfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7aW5qZWN0SW50bCwgV3JhcHBlZENvbXBvbmVudFByb3BzfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCBMYXllckxpc3RGYWN0b3J5IGZyb20gJy4vbGF5ZXItcGFuZWwvbGF5ZXItbGlzdCc7XG5pbXBvcnQgRGF0YXNldExheWVyR3JvdXBGYWN0b3J5IGZyb20gJy4vbGF5ZXItcGFuZWwvZGF0YXNldC1sYXllci1ncm91cCc7XG5pbXBvcnQgUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3RvcnkgZnJvbSAnLi9sYXllci1wYW5lbC9wYW5lbC12aWV3LWxpc3QtdG9nZ2xlJztcbmltcG9ydCBQYW5lbFRpdGxlRmFjdG9yeSBmcm9tICcuL3BhbmVsLXRpdGxlJztcbmltcG9ydCBEYXRhc2V0U2VjdGlvbkZhY3RvcnkgZnJvbSAnLi9sYXllci1wYW5lbC9kYXRhc2V0LXNlY3Rpb24nO1xuaW1wb3J0IEFkZExheWVyQnV0dG9uRmFjdG9yeSBmcm9tICcuL2xheWVyLXBhbmVsL2FkZC1sYXllci1idXR0b24nO1xuXG5pbXBvcnQgSXRlbVNlbGVjdG9yIGZyb20gJy4uL2NvbW1vbi9pdGVtLXNlbGVjdG9yL2l0ZW0tc2VsZWN0b3InO1xuaW1wb3J0IHtQYW5lbExhYmVsLCBTaWRlUGFuZWxEaXZpZGVyLCBTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQge0xBWUVSX0JMRU5ESU5HU30gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtMYXllciwgTGF5ZXJDbGFzc2VzVHlwZX0gZnJvbSAnQGtlcGxlci5nbC9sYXllcnMnO1xuaW1wb3J0IHtVSVN0YXRlQWN0aW9ucywgVmlzU3RhdGVBY3Rpb25zLCBBY3Rpb25IYW5kbGVyfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtTaWRlUGFuZWxJdGVtfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQge0xheWVyUGFuZWxMaXN0Vmlld30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge0RhdGFzZXRzfSBmcm9tICdAa2VwbGVyLmdsL3RhYmxlJztcblxudHlwZSBMYXllckJsZW5kaW5nU2VsZWN0b3JQcm9wcyA9IHtcbiAgbGF5ZXJCbGVuZGluZzogc3RyaW5nO1xuICB1cGRhdGVMYXllckJsZW5kaW5nOiBBY3Rpb25IYW5kbGVyPHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnMudXBkYXRlTGF5ZXJCbGVuZGluZz47XG59ICYgV3JhcHBlZENvbXBvbmVudFByb3BzO1xuXG50eXBlIExheWVyTWFuYWdlclByb3BzID0ge1xuICBkYXRhc2V0czogRGF0YXNldHM7XG4gIGxheWVyczogTGF5ZXJbXTtcbiAgbGF5ZXJPcmRlcjogbnVtYmVyW107XG4gIGxheWVyQ2xhc3NlczogTGF5ZXJDbGFzc2VzVHlwZTtcbiAgbGF5ZXJCbGVuZGluZzogc3RyaW5nO1xuICB1aVN0YXRlQWN0aW9uczogdHlwZW9mIFVJU3RhdGVBY3Rpb25zO1xuICB2aXNTdGF0ZUFjdGlvbnM6IHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnM7XG4gIHNob3dBZGREYXRhTW9kYWw6ICgpID0+IHZvaWQ7XG4gIHJlbW92ZURhdGFzZXQ6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFVJU3RhdGVBY3Rpb25zLm9wZW5EZWxldGVNb2RhbD47XG4gIHNob3dEYXRhc2V0VGFibGU6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFZpc1N0YXRlQWN0aW9ucy5zaG93RGF0YXNldFRhYmxlPjtcbiAgdXBkYXRlVGFibGVDb2xvcjogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnVwZGF0ZVRhYmxlQ29sb3I+O1xuICBsYXllclBhbmVsTGlzdFZpZXc6IExheWVyUGFuZWxMaXN0VmlldztcbiAgcGFuZWxNZXRhZGF0YTogU2lkZVBhbmVsSXRlbTtcbn0gJiBXcmFwcGVkQ29tcG9uZW50UHJvcHM7XG5cbmNvbnN0IExheWVySGVhZGVyID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2xheWVyLW1hbmFnZXItaGVhZGVyJ1xufSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG5gO1xuXG5jb25zdCBMYXllckJsZW5kaW5nU2VsZWN0b3IgPSBSZWFjdC5tZW1vKFxuICAoe2xheWVyQmxlbmRpbmcsIHVwZGF0ZUxheWVyQmxlbmRpbmcsIGludGx9OiBMYXllckJsZW5kaW5nU2VsZWN0b3JQcm9wcykgPT4ge1xuICAgIGNvbnN0IGxhYmVsZWRMYXllckJsZW5kaW5ncyA9IE9iamVjdC5rZXlzKExBWUVSX0JMRU5ESU5HUykucmVkdWNlKFxuICAgICAgKGFjYywgY3VycmVudCkgPT4gKHtcbiAgICAgICAgLi4uYWNjLFxuICAgICAgICBbaW50bC5mb3JtYXRNZXNzYWdlKHtpZDogTEFZRVJfQkxFTkRJTkdTW2N1cnJlbnRdLmxhYmVsfSldOiBjdXJyZW50XG4gICAgICB9KSxcbiAgICAgIHt9XG4gICAgKTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlID0gdXNlQ2FsbGJhY2soYmxlbmRpbmcgPT4gdXBkYXRlTGF5ZXJCbGVuZGluZyhsYWJlbGVkTGF5ZXJCbGVuZGluZ3NbYmxlbmRpbmddKSwgW1xuICAgICAgdXBkYXRlTGF5ZXJCbGVuZGluZyxcbiAgICAgIGxhYmVsZWRMYXllckJsZW5kaW5nc1xuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD1cImxheWVyQmxlbmRpbmcudGl0bGVcIiAvPlxuICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICAgIDxJdGVtU2VsZWN0b3JcbiAgICAgICAgICBzZWxlY3RlZEl0ZW1zPXtpbnRsLmZvcm1hdE1lc3NhZ2Uoe2lkOiBMQVlFUl9CTEVORElOR1NbbGF5ZXJCbGVuZGluZ10ubGFiZWx9KX1cbiAgICAgICAgICBvcHRpb25zPXtPYmplY3Qua2V5cyhsYWJlbGVkTGF5ZXJCbGVuZGluZ3MpfVxuICAgICAgICAgIG11bHRpU2VsZWN0PXtmYWxzZX1cbiAgICAgICAgICBzZWFyY2hhYmxlPXtmYWxzZX1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgKTtcbiAgfVxuKTtcbkxheWVyQmxlbmRpbmdTZWxlY3Rvci5kaXNwbGF5TmFtZSA9ICdMYXllckJsZW5kaW5nU2VsZWN0b3InO1xuXG5MYXllck1hbmFnZXJGYWN0b3J5LmRlcHMgPSBbXG4gIExheWVyTGlzdEZhY3RvcnksXG4gIERhdGFzZXRMYXllckdyb3VwRmFjdG9yeSxcbiAgUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3RvcnksXG4gIFBhbmVsVGl0bGVGYWN0b3J5LFxuICBEYXRhc2V0U2VjdGlvbkZhY3RvcnksXG4gIEFkZExheWVyQnV0dG9uRmFjdG9yeVxuXTtcblxuZnVuY3Rpb24gTGF5ZXJNYW5hZ2VyRmFjdG9yeShcbiAgTGF5ZXJMaXN0OiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllckxpc3RGYWN0b3J5PixcbiAgRGF0YXNldExheWVyR3JvdXA6IFJldHVyblR5cGU8dHlwZW9mIERhdGFzZXRMYXllckdyb3VwRmFjdG9yeT4sXG4gIFBhbmVsVmlld0xpc3RUb2dnbGU6IFJldHVyblR5cGU8dHlwZW9mIFBhbmVsVmlld0xpc3RUb2dnbGVGYWN0b3J5PixcbiAgUGFuZWxUaXRsZTogUmV0dXJuVHlwZTx0eXBlb2YgUGFuZWxUaXRsZUZhY3Rvcnk+LFxuICBEYXRhc2V0U2VjdGlvbjogUmV0dXJuVHlwZTx0eXBlb2YgRGF0YXNldFNlY3Rpb25GYWN0b3J5PixcbiAgQWRkTGF5ZXJCdXR0b246IFJldHVyblR5cGU8dHlwZW9mIEFkZExheWVyQnV0dG9uRmFjdG9yeT5cbikge1xuICBjbGFzcyBMYXllck1hbmFnZXIgZXh0ZW5kcyBDb21wb25lbnQ8TGF5ZXJNYW5hZ2VyUHJvcHM+IHtcbiAgICBfYWRkRW1wdHlOZXdMYXllciA9IChkYXRhc2V0OiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IHt2aXNTdGF0ZUFjdGlvbnN9ID0gdGhpcy5wcm9wcztcbiAgICAgIHZpc1N0YXRlQWN0aW9ucy5hZGRMYXllcih1bmRlZmluZWQsIGRhdGFzZXQpO1xuICAgIH07XG5cbiAgICBfdG9nZ2xlTGF5ZXJQYW5lbExpc3RWaWV3ID0gKGxpc3RWaWV3OiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IHt1aVN0YXRlQWN0aW9uc30gPSB0aGlzLnByb3BzO1xuICAgICAgdWlTdGF0ZUFjdGlvbnMudG9nZ2xlTGF5ZXJQYW5lbExpc3RWaWV3KGxpc3RWaWV3KTtcbiAgICB9O1xuXG4gICAgcmVuZGVyKCkge1xuICAgICAgY29uc3Qge1xuICAgICAgICBsYXllcnMsXG4gICAgICAgIGRhdGFzZXRzLFxuICAgICAgICBpbnRsLFxuICAgICAgICBsYXllck9yZGVyLFxuICAgICAgICBzaG93QWRkRGF0YU1vZGFsLFxuICAgICAgICB1cGRhdGVUYWJsZUNvbG9yLFxuICAgICAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgICAgICByZW1vdmVEYXRhc2V0LFxuICAgICAgICB1aVN0YXRlQWN0aW9ucyxcbiAgICAgICAgdmlzU3RhdGVBY3Rpb25zLFxuICAgICAgICBsYXllclBhbmVsTGlzdFZpZXcsXG4gICAgICAgIHBhbmVsTWV0YWRhdGFcbiAgICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICBjb25zdCBkZWZhdWx0RGF0YXNldCA9IE9iamVjdC5rZXlzKGRhdGFzZXRzKVswXTtcbiAgICAgIGNvbnN0IGlzU29ydEJ5RGF0YXNldE1vZGUgPSBsYXllclBhbmVsTGlzdFZpZXcgPT09ICdzb3J0QnlEYXRhc2V0JztcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsYXllci1tYW5hZ2VyXCI+XG4gICAgICAgICAgPFNpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgICA8UGFuZWxWaWV3TGlzdFRvZ2dsZVxuICAgICAgICAgICAgICB0b2dnbGVMYXllclBhbmVsTGlzdFZpZXc9e3RoaXMuX3RvZ2dsZUxheWVyUGFuZWxMaXN0Vmlld31cbiAgICAgICAgICAgICAgbGF5ZXJQYW5lbExpc3RWaWV3TW9kZT17bGF5ZXJQYW5lbExpc3RWaWV3fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgPERhdGFzZXRTZWN0aW9uXG4gICAgICAgICAgICBkYXRhc2V0cz17ZGF0YXNldHN9XG4gICAgICAgICAgICBzaG93RGF0YXNldFRhYmxlPXtzaG93RGF0YXNldFRhYmxlfVxuICAgICAgICAgICAgdXBkYXRlVGFibGVDb2xvcj17dXBkYXRlVGFibGVDb2xvcn1cbiAgICAgICAgICAgIHJlbW92ZURhdGFzZXQ9e3JlbW92ZURhdGFzZXR9XG4gICAgICAgICAgICBzaG93RGVsZXRlRGF0YXNldFxuICAgICAgICAgICAgc2hvd0RhdGFzZXRMaXN0PXshaXNTb3J0QnlEYXRhc2V0TW9kZX1cbiAgICAgICAgICAgIHNob3dBZGREYXRhTW9kYWw9e3Nob3dBZGREYXRhTW9kYWx9XG4gICAgICAgICAgICBkZWZhdWx0RGF0YXNldD17ZGVmYXVsdERhdGFzZXR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8U2lkZVBhbmVsRGl2aWRlciAvPlxuICAgICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAgPExheWVySGVhZGVyPlxuICAgICAgICAgICAgICA8UGFuZWxUaXRsZSBjbGFzc05hbWU9XCJsYXllci1tYW5hZ2VyLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e3BhbmVsTWV0YWRhdGEubGFiZWx9IC8+XG4gICAgICAgICAgICAgIDwvUGFuZWxUaXRsZT5cbiAgICAgICAgICAgICAge2RlZmF1bHREYXRhc2V0ID8gKFxuICAgICAgICAgICAgICAgIC8vIFRPRE8gcmVwbGFjZSBpZ25vcmVcbiAgICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgICAgPEFkZExheWVyQnV0dG9uXG4gICAgICAgICAgICAgICAgICBkYXRhc2V0cz17ZGF0YXNldHN9XG4gICAgICAgICAgICAgICAgICB0eXBlYWhlYWRQbGFjZWhvbGRlcj1cIlNlYXJjaCBkYXRhc2V0c1wiXG4gICAgICAgICAgICAgICAgICBpbnRsPXtpbnRsfVxuICAgICAgICAgICAgICAgICAgb25PcHRpb25TZWxlY3RlZD17dGhpcy5fYWRkRW1wdHlOZXdMYXllcn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvTGF5ZXJIZWFkZXI+XG4gICAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAge2lzU29ydEJ5RGF0YXNldE1vZGUgPyAoXG4gICAgICAgICAgICAgIDxEYXRhc2V0TGF5ZXJHcm91cFxuICAgICAgICAgICAgICAgIGRhdGFzZXRzPXtkYXRhc2V0c31cbiAgICAgICAgICAgICAgICBzaG93RGF0YXNldFRhYmxlPXtzaG93RGF0YXNldFRhYmxlfVxuICAgICAgICAgICAgICAgIGxheWVycz17bGF5ZXJzfVxuICAgICAgICAgICAgICAgIHVwZGF0ZVRhYmxlQ29sb3I9e3VwZGF0ZVRhYmxlQ29sb3J9XG4gICAgICAgICAgICAgICAgcmVtb3ZlRGF0YXNldD17cmVtb3ZlRGF0YXNldH1cbiAgICAgICAgICAgICAgICBsYXllck9yZGVyPXtsYXllck9yZGVyfVxuICAgICAgICAgICAgICAgIGxheWVyQ2xhc3Nlcz17dGhpcy5wcm9wcy5sYXllckNsYXNzZXN9XG4gICAgICAgICAgICAgICAgdWlTdGF0ZUFjdGlvbnM9e3VpU3RhdGVBY3Rpb25zfVxuICAgICAgICAgICAgICAgIHZpc1N0YXRlQWN0aW9ucz17dmlzU3RhdGVBY3Rpb25zfVxuICAgICAgICAgICAgICAgIHNob3dEZWxldGVEYXRhc2V0XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAvLyBUT0RPIHJlcGxhY2UgaWdub3JlXG4gICAgICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICAgICAgPExheWVyTGlzdFxuICAgICAgICAgICAgICAgIGxheWVycz17bGF5ZXJzfVxuICAgICAgICAgICAgICAgIGRhdGFzZXRzPXtkYXRhc2V0c31cbiAgICAgICAgICAgICAgICBsYXllck9yZGVyPXtsYXllck9yZGVyfVxuICAgICAgICAgICAgICAgIHVpU3RhdGVBY3Rpb25zPXt1aVN0YXRlQWN0aW9uc31cbiAgICAgICAgICAgICAgICB2aXNTdGF0ZUFjdGlvbnM9e3Zpc1N0YXRlQWN0aW9uc31cbiAgICAgICAgICAgICAgICBsYXllckNsYXNzZXM9e3RoaXMucHJvcHMubGF5ZXJDbGFzc2VzfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgPExheWVyQmxlbmRpbmdTZWxlY3RvclxuICAgICAgICAgICAgbGF5ZXJCbGVuZGluZz17dGhpcy5wcm9wcy5sYXllckJsZW5kaW5nfVxuICAgICAgICAgICAgdXBkYXRlTGF5ZXJCbGVuZGluZz17dmlzU3RhdGVBY3Rpb25zLnVwZGF0ZUxheWVyQmxlbmRpbmd9XG4gICAgICAgICAgICBpbnRsPXtpbnRsfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIGluamVjdEludGwoTGF5ZXJNYW5hZ2VyKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGF5ZXJNYW5hZ2VyRmFjdG9yeTtcbiJdfQ==

package/dist/side-panel/layer-panel/add-layer-button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl';
+import { Datasets } from '@kepler.gl/table';
+declare type AddLayerButtonProps = {
+    datasets: Datasets;
+    onOptionSelected: (opt: string) => void;
+    typeaheadPlaceholder?: string;
+} & WrappedComponentProps;
+declare function AddLayerButtonFactory(): React.FC<AddLayerButtonProps>;
+export default AddLayerButtonFactory;

package/dist/side-panel/layer-panel/add-layer-button.js

@@ -0,0 +1,176 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _react2 = _interopRequireDefault(require("@tippyjs/react"));
+
+var _icons = require("../../common/icons");
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _ = require("../..");
+
+var _typeahead = _interopRequireDefault(require("../../common/item-selector/typeahead"));
+
+var _accessor = _interopRequireDefault(require("../../common/item-selector/accessor"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var DropdownContainer = _styledComponents["default"].div.attrs({
+  className: 'add-layer-menu-dropdown'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  .list-selector {\n    border-top: 1px solid ", ";\n    width: 100%;\n    /* disable scrolling, currently set to 280px internally */\n    max-height: unset;\n  }\n\n  .list__item > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    line-height: 18px;\n    padding: 0;\n\n    svg {\n      margin-right: 10px;\n    }\n  }\n"])), function (props) {
+  return props.theme.secondaryInputBorderColor;
+});
+
+var AddLayerMenu = _styledComponents["default"].div.attrs({
+  className: 'add-layer-menu'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  min-width: 240px;\n  max-width: 240px;\n  position: absolute;\n  top: 100%;\n  left: -53px;\n  z-index: 5;\n"])));
+
+var ListItemWrapper = _styledComponents["default"].div.attrs({
+  className: 'add-layer-menu-list-item-wrapper'
+})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  color: ", ";\n  font-size: 11px;\n  letter-spacing: 0.2px;\n  overflow: auto;\n\n  .dataset-color {\n    flex-shrink: 0;\n    margin-top: 3px;\n  }\n\n  .dataset-name {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])), function (props) {
+  return props.theme.textColor;
+});
+
+var TYPEAHEAD_CLASS = 'typeahead';
+var TYPEAHEAD_INPUT_CLASS = 'typeahead__input';
+
+function AddLayerButtonFactory() {
+  var ListItem = function ListItem(_ref) {
+    var value = _ref.value;
+    return /*#__PURE__*/_react["default"].createElement(ListItemWrapper, null, /*#__PURE__*/_react["default"].createElement(_.DatasetSquare, {
+      className: "dataset-color",
+      backgroundColor: value.color
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "dataset-name",
+      title: value.label
+    }, value.label));
+  };
+
+  var AddLayerButton = function AddLayerButton(props) {
+    var datasets = props.datasets,
+        onOptionSelected = props.onOptionSelected,
+        typeaheadPlaceholder = props.typeaheadPlaceholder,
+        intl = props.intl;
+
+    var _useState = (0, _react.useState)(false),
+        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+        showAddLayerDropdown = _useState2[0],
+        setShowAddLayerDropdown = _useState2[1];
+
+    var toggleAddLayerDropdown = (0, _react.useCallback)(function () {
+      setShowAddLayerDropdown(!showAddLayerDropdown);
+    }, [showAddLayerDropdown, setShowAddLayerDropdown]);
+
+    var _onBlur = (0, _react.useCallback)(function () {
+      setShowAddLayerDropdown(false);
+    }, []);
+
+    var toggleSelectedOption = (0, _react.useCallback)(function (option) {
+      onOptionSelected(option.value);
+
+      _onBlur();
+    }, [onOptionSelected, _onBlur]);
+    var onButtonBlur = (0, _react.useCallback)(function (event) {
+      if ([TYPEAHEAD_CLASS, TYPEAHEAD_INPUT_CLASS].every(function (cls) {
+        var _event$relatedTarget;
+
+        return !(event !== null && event !== void 0 && (_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 && _event$relatedTarget.classList.contains(cls));
+      })) {
+        _onBlur();
+      }
+    }, [_onBlur]);
+    var onSearchBlur = (0, _react.useCallback)(function () {
+      _onBlur();
+    }, [_onBlur]);
+    var options = (0, _react.useMemo)(function () {
+      return Object.values(datasets).map(function (ds) {
+        return {
+          label: ds.label,
+          value: ds.id,
+          color: ds.color
+        };
+      });
+    }, [datasets]);
+    return /*#__PURE__*/_react["default"].createElement(_react2["default"], {
+      visible: showAddLayerDropdown,
+      arrow: false,
+      interactive: true,
+      placement: "bottom",
+      appendTo: "parent",
+      duration: 0,
+      content: /*#__PURE__*/_react["default"].createElement(AddLayerMenu, null, /*#__PURE__*/_react["default"].createElement(DropdownContainer, null, /*#__PURE__*/_react["default"].createElement(_typeahead["default"], {
+        onBlur: onSearchBlur,
+        className: TYPEAHEAD_CLASS,
+        customClasses: {
+          results: 'list-selector',
+          input: TYPEAHEAD_INPUT_CLASS,
+          listItem: 'list__item'
+        },
+        placeholder: typeaheadPlaceholder || intl ? intl.formatMessage({
+          id: 'placeholder.search'
+        }) : 'Search',
+        selectedItems: null,
+        options: options,
+        displayOption: _accessor["default"].generateOptionToStringFor('label'),
+        filterOption: 'label',
+        searchable: true,
+        onOptionSelected: toggleSelectedOption,
+        customListItemComponent: ListItem
+      })))
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
+      tabIndex: -1,
+      onBlur: onButtonBlur,
+      className: "add-layer-button",
+      width: "105px",
+      onClick: toggleAddLayerDropdown
+    }, /*#__PURE__*/_react["default"].createElement(_icons.Add, {
+      height: "12px"
+    }), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'layerManager.addLayer'
+    })));
+  };
+
+  return AddLayerButton;
+}
+
+var _default = AddLayerButtonFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2FkZC1sYXllci1idXR0b24udHN4Il0sIm5hbWVzIjpbIkRyb3Bkb3duQ29udGFpbmVyIiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJwcm9wcyIsInRoZW1lIiwic2Vjb25kYXJ5SW5wdXRCb3JkZXJDb2xvciIsIkFkZExheWVyTWVudSIsIkxpc3RJdGVtV3JhcHBlciIsInRleHRDb2xvciIsIlRZUEVBSEVBRF9DTEFTUyIsIlRZUEVBSEVBRF9JTlBVVF9DTEFTUyIsIkFkZExheWVyQnV0dG9uRmFjdG9yeSIsIkxpc3RJdGVtIiwidmFsdWUiLCJjb2xvciIsImxhYmVsIiwiQWRkTGF5ZXJCdXR0b24iLCJkYXRhc2V0cyIsIm9uT3B0aW9uU2VsZWN0ZWQiLCJ0eXBlYWhlYWRQbGFjZWhvbGRlciIsImludGwiLCJzaG93QWRkTGF5ZXJEcm9wZG93biIsInNldFNob3dBZGRMYXllckRyb3Bkb3duIiwidG9nZ2xlQWRkTGF5ZXJEcm9wZG93biIsIl9vbkJsdXIiLCJ0b2dnbGVTZWxlY3RlZE9wdGlvbiIsIm9wdGlvbiIsIm9uQnV0dG9uQmx1ciIsImV2ZW50IiwiZXZlcnkiLCJjbHMiLCJyZWxhdGVkVGFyZ2V0IiwiY2xhc3NMaXN0IiwiY29udGFpbnMiLCJvblNlYXJjaEJsdXIiLCJvcHRpb25zIiwiT2JqZWN0IiwidmFsdWVzIiwibWFwIiwiZHMiLCJpZCIsInJlc3VsdHMiLCJpbnB1dCIsImxpc3RJdGVtIiwiZm9ybWF0TWVzc2FnZSIsIkFjY2Vzc29yIiwiZ2VuZXJhdGVPcHRpb25Ub1N0cmluZ0ZvciJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUdBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBVUEsSUFBTUEsaUJBQWlCLEdBQUdDLDZCQUFPQyxHQUFQLENBQVdDLEtBQVgsQ0FBaUI7QUFDekNDLEVBQUFB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QUEsYUFBYSxFQUFFVSxxQkFBU0MseUJBQVQsQ0FBbUMsT0FBbkMsQ0FmakI7QUFnQkUsUUFBQSxZQUFZLEVBQUUsT0FoQmhCO0FBaUJFLFFBQUEsVUFBVSxNQWpCWjtBQWtCRSxRQUFBLGdCQUFnQixFQUFFckIsb0JBbEJwQjtBQW1CRSxRQUFBLHVCQUF1QixFQUFFYjtBQW5CM0IsUUFERixDQURGO0FBUkosb0JBbUNFLGdDQUFDLHlCQUFEO0FBQ0UsTUFBQSxRQUFRLEVBQUUsQ0FBQyxDQURiO0FBRUUsTUFBQSxNQUFNLEVBQUVlLFlBRlY7QUFHRSxNQUFBLFNBQVMsRUFBQyxrQkFIWjtBQUlFLE1BQUEsS0FBSyxFQUFDLE9BSlI7QUFLRSxNQUFBLE9BQU8sRUFBRUo7QUFMWCxvQkFPRSxnQ0FBQyxVQUFEO0FBQUssTUFBQSxNQUFNLEVBQUM7QUFBWixNQVBGLGVBUUUsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUU7QUFBdEIsTUFSRixDQW5DRixDQURGO0FBZ0RELEdBN0ZEOztBQStGQSxTQUFPUCxjQUFQO0FBQ0Q7O2VBRWNMLHFCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2ssIHVzZU1lbW8sIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtXcmFwcGVkQ29tcG9uZW50UHJvcHN9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgVGlwcHkgZnJvbSAnQHRpcHB5anMvcmVhY3QnO1xuaW1wb3J0IHtBZGR9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge0J1dHRvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7RGF0YXNldFNxdWFyZX0gZnJvbSAnLi4vLi4nO1xuaW1wb3J0IFR5cGVhaGVhZCBmcm9tICcuLi8uLi9jb21tb24vaXRlbS1zZWxlY3Rvci90eXBlYWhlYWQnO1xuaW1wb3J0IEFjY2Vzc29yIGZyb20gJy4uLy4uL2NvbW1vbi9pdGVtLXNlbGVjdG9yL2FjY2Vzc29yJztcbmltcG9ydCB7RGF0YXNldHN9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuaW1wb3J0IHtSR0JDb2xvcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgQWRkTGF5ZXJCdXR0b25Qcm9wcyA9IHtcbiAgZGF0YXNldHM6IERhdGFzZXRzO1xuICBvbk9wdGlvblNlbGVjdGVkOiAob3B0OiBzdHJpbmcpID0+IHZvaWQ7XG4gIHR5cGVhaGVhZFBsYWNlaG9sZGVyPzogc3RyaW5nO1xufSAmIFdyYXBwZWRDb21wb25lbnRQcm9wcztcblxuY29uc3QgRHJvcGRvd25Db250YWluZXIgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnYWRkLWxheWVyLW1lbnUtZHJvcGRvd24nXG59KWBcbiAgLmxpc3Qtc2VsZWN0b3Ige1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNlY29uZGFyeUlucHV0Qm9yZGVyQ29sb3J9O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIC8qIGRpc2FibGUgc2Nyb2xsaW5nLCBjdXJyZW50bHkgc2V0IHRvIDI4MHB4IGludGVybmFsbHkgKi9cbiAgICBtYXgtaGVpZ2h0OiB1bnNldDtcbiAgfVxuXG4gIC5saXN0X19pdGVtID4gZGl2IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgIHBhZGRpbmc6IDA7XG5cbiAgICBzdmcge1xuICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQWRkTGF5ZXJNZW51ID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2FkZC1sYXllci1tZW51J1xufSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogMjQwcHg7XG4gIG1heC13aWR0aDogMjQwcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMDAlO1xuICBsZWZ0OiAtNTNweDtcbiAgei1pbmRleDogNTtcbmA7XG5cbmNvbnN0IExpc3RJdGVtV3JhcHBlciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdhZGQtbGF5ZXItbWVudS1saXN0LWl0ZW0td3JhcHBlcidcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBmb250LXNpemU6IDExcHg7XG4gIGxldHRlci1zcGFjaW5nOiAwLjJweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgLmRhdGFzZXQtY29sb3Ige1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi10b3A6IDNweDtcbiAgfVxuXG4gIC5kYXRhc2V0LW5hbWUge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgfVxuYDtcblxuY29uc3QgVFlQRUFIRUFEX0NMQVNTID0gJ3R5cGVhaGVhZCc7XG5jb25zdCBUWVBFQUhFQURfSU5QVVRfQ0xBU1MgPSAndHlwZWFoZWFkX19pbnB1dCc7XG5cbmZ1bmN0aW9uIEFkZExheWVyQnV0dG9uRmFjdG9yeSgpIHtcbiAgY29uc3QgTGlzdEl0ZW0gPSAoe3ZhbHVlfSkgPT4gKFxuICAgIDxMaXN0SXRlbVdyYXBwZXI+XG4gICAgICA8RGF0YXNldFNxdWFyZSBjbGFzc05hbWU9XCJkYXRhc2V0LWNvbG9yXCIgYmFja2dyb3VuZENvbG9yPXt2YWx1ZS5jb2xvcn0gLz5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZGF0YXNldC1uYW1lXCIgdGl0bGU9e3ZhbHVlLmxhYmVsfT5cbiAgICAgICAge3ZhbHVlLmxhYmVsfVxuICAgICAgPC9kaXY+XG4gICAgPC9MaXN0SXRlbVdyYXBwZXI+XG4gICk7XG5cbiAgY29uc3QgQWRkTGF5ZXJCdXR0b246IFJlYWN0LkZDPEFkZExheWVyQnV0dG9uUHJvcHM+ID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHtkYXRhc2V0cywgb25PcHRpb25TZWxlY3RlZCwgdHlwZWFoZWFkUGxhY2Vob2xkZXIsIGludGx9ID0gcHJvcHM7XG4gICAgY29uc3QgW3Nob3dBZGRMYXllckRyb3Bkb3duLCBzZXRTaG93QWRkTGF5ZXJEcm9wZG93bl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCB0b2dnbGVBZGRMYXllckRyb3Bkb3duID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgc2V0U2hvd0FkZExheWVyRHJvcGRvd24oIXNob3dBZGRMYXllckRyb3Bkb3duKTtcbiAgICB9LCBbc2hvd0FkZExheWVyRHJvcGRvd24sIHNldFNob3dBZGRMYXllckRyb3Bkb3duXSk7XG5cbiAgICBjb25zdCBfb25CbHVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgc2V0U2hvd0FkZExheWVyRHJvcGRvd24oZmFsc2UpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHRvZ2dsZVNlbGVjdGVkT3B0aW9uID0gdXNlQ2FsbGJhY2soXG4gICAgICAob3B0aW9uOiB7bGFiZWw6IHN0cmluZzsgdmFsdWU6IHN0cmluZzsgY29sb3I6IFJHQkNvbG9yfSkgPT4ge1xuICAgICAgICBvbk9wdGlvblNlbGVjdGVkKG9wdGlvbi52YWx1ZSk7XG4gICAgICAgIF9vbkJsdXIoKTtcbiAgICAgIH0sXG4gICAgICBbb25PcHRpb25TZWxlY3RlZCwgX29uQmx1cl1cbiAgICApO1xuXG4gICAgY29uc3Qgb25CdXR0b25CbHVyID0gdXNlQ2FsbGJhY2soXG4gICAgICBldmVudCA9PiB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICBbVFlQRUFIRUFEX0NMQVNTLCBUWVBFQUhFQURfSU5QVVRfQ0xBU1NdLmV2ZXJ5KFxuICAgICAgICAgICAgY2xzID0+ICFldmVudD8ucmVsYXRlZFRhcmdldD8uY2xhc3NMaXN0LmNvbnRhaW5zKGNscylcbiAgICAgICAgICApXG4gICAgICAgICkge1xuICAgICAgICAgIF9vbkJsdXIoKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtfb25CbHVyXVxuICAgICk7XG5cbiAgICBjb25zdCBvblNlYXJjaEJsdXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBfb25CbHVyKCk7XG4gICAgfSwgW19vbkJsdXJdKTtcblxuICAgIGNvbnN0IG9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBPYmplY3QudmFsdWVzKGRhdGFzZXRzKS5tYXAoZHMgPT4gKHtcbiAgICAgICAgbGFiZWw6IGRzLmxhYmVsLFxuICAgICAgICB2YWx1ZTogZHMuaWQsXG4gICAgICAgIGNvbG9yOiBkcy5jb2xvclxuICAgICAgfSkpO1xuICAgIH0sIFtkYXRhc2V0c10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUaXBweVxuICAgICAgICB2aXNpYmxlPXtzaG93QWRkTGF5ZXJEcm9wZG93bn1cbiAgICAgICAgYXJyb3c9e2ZhbHNlfVxuICAgICAgICBpbnRlcmFjdGl2ZVxuICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgICBhcHBlbmRUbz1cInBhcmVudFwiXG4gICAgICAgIGR1cmF0aW9uPXswfVxuICAgICAgICBjb250ZW50PXtcbiAgICAgICAgICA8QWRkTGF5ZXJNZW51PlxuICAgICAgICAgICAgPERyb3Bkb3duQ29udGFpbmVyPlxuICAgICAgICAgICAgICA8VHlwZWFoZWFkXG4gICAgICAgICAgICAgICAgb25CbHVyPXtvblNlYXJjaEJsdXJ9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtUWVBFQUhFQURfQ0xBU1N9XG4gICAgICAgICAgICAgICAgY3VzdG9tQ2xhc3Nlcz17e1xuICAgICAgICAgICAgICAgICAgcmVzdWx0czogJ2xpc3Qtc2VsZWN0b3InLFxuICAgICAgICAgICAgICAgICAgaW5wdXQ6IFRZUEVBSEVBRF9JTlBVVF9DTEFTUyxcbiAgICAgICAgICAgICAgICAgIGxpc3RJdGVtOiAnbGlzdF9faXRlbSdcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtcbiAgICAgICAgICAgICAgICAgIHR5cGVhaGVhZFBsYWNlaG9sZGVyIHx8IGludGxcbiAgICAgICAgICAgICAgICAgICAgPyBpbnRsLmZvcm1hdE1lc3NhZ2Uoe2lkOiAncGxhY2Vob2xkZXIuc2VhcmNoJ30pXG4gICAgICAgICAgICAgICAgICAgIDogJ1NlYXJjaCdcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRJdGVtcz17bnVsbH1cbiAgICAgICAgICAgICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgICAgICAgICAgIGRpc3BsYXlPcHRpb249e0FjY2Vzc29yLmdlbmVyYXRlT3B0aW9uVG9TdHJpbmdGb3IoJ2xhYmVsJyl9XG4gICAgICAgICAgICAgICAgZmlsdGVyT3B0aW9uPXsnbGFiZWwnfVxuICAgICAgICAgICAgICAgIHNlYXJjaGFibGVcbiAgICAgICAgICAgICAgICBvbk9wdGlvblNlbGVjdGVkPXt0b2dnbGVTZWxlY3RlZE9wdGlvbn1cbiAgICAgICAgICAgICAgICBjdXN0b21MaXN0SXRlbUNvbXBvbmVudD17TGlzdEl0ZW19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0Ryb3Bkb3duQ29udGFpbmVyPlxuICAgICAgICAgIDwvQWRkTGF5ZXJNZW51PlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgb25CbHVyPXtvbkJ1dHRvbkJsdXJ9XG4gICAgICAgICAgY2xhc3NOYW1lPVwiYWRkLWxheWVyLWJ1dHRvblwiXG4gICAgICAgICAgd2lkdGg9XCIxMDVweFwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlQWRkTGF5ZXJEcm9wZG93bn1cbiAgICAgICAgPlxuICAgICAgICAgIDxBZGQgaGVpZ2h0PVwiMTJweFwiIC8+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydsYXllck1hbmFnZXIuYWRkTGF5ZXInfSAvPlxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvVGlwcHk+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gQWRkTGF5ZXJCdXR0b247XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFkZExheWVyQnV0dG9uRmFjdG9yeTtcbiJdfQ==

package/dist/side-panel/layer-panel/color-palette.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { HexColor, RGBColor } from '@kepler.gl/types';
+declare type ColorPaletteProps = {
+    colors: RGBColor | HexColor[];
+    height?: number;
+    className?: string;
+    isSelected?: boolean;
+    isReversed?: boolean;
+};
+declare const ColorPalette: React.FC<ColorPaletteProps>;
+export default ColorPalette;

package/dist/side-panel/layer-panel/color-palette.js

@@ -0,0 +1,91 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var defaultProps = {
+  height: 10,
+  colors: [],
+  className: '',
+  isSelected: false,
+  isReversed: false
+};
+
+var PaletteWrapper = _styledComponents["default"].div.attrs({
+  className: 'color-range-palette__inner'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border-radius: 2px;\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  justify-content: space-between;\n  overflow: hidden;\n"])));
+
+var PaletteContainer = _styledComponents["default"].div.attrs(function (props) {
+  return {
+    className: (0, _classnames["default"])('color-range-palette', props.className)
+  };
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 1;\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  padding: 4px;\n  border-radius: 4px;\n"])), function (props) {
+  return props.isSelected ? '#FFFFFF' : 'transparent';
+});
+
+var StyledColorBlock = _styledComponents["default"].div.attrs({
+  className: 'color-range-palette__block'
+})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 1;\n"])));
+
+var ColorPalette = function ColorPalette(_ref) {
+  var colors = _ref.colors,
+      height = _ref.height,
+      className = _ref.className,
+      isSelected = _ref.isSelected,
+      isReversed = _ref.isReversed;
+  return /*#__PURE__*/_react["default"].createElement(PaletteContainer, {
+    className: className,
+    isSelected: isSelected
+  }, /*#__PURE__*/_react["default"].createElement(PaletteWrapper, {
+    style: {
+      height: height,
+      transform: "scale(".concat(isReversed ? -1 : 1, ", 1)")
+    }
+  }, colors.map(function (color, index) {
+    return /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
+      key: "".concat(color, "-").concat(index),
+      style: {
+        backgroundColor: String(color)
+      }
+    });
+  })));
+};
+
+ColorPalette.defaultProps = defaultProps;
+var _default = ColorPalette;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbG9yLXBhbGV0dGUudHN4Il0sIm5hbWVzIjpbImRlZmF1bHRQcm9wcyIsImhlaWdodCIsImNvbG9ycyIsImNsYXNzTmFtZSIsImlzU2VsZWN0ZWQiLCJpc1JldmVyc2VkIiwiUGFsZXR0ZVdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsIlBhbGV0dGVDb250YWluZXIiLCJwcm9wcyIsIlN0eWxlZENvbG9yQmxvY2siLCJDb2xvclBhbGV0dGUiLCJ0cmFuc2Zvcm0iLCJtYXAiLCJjb2xvciIsImluZGV4IiwiYmFja2dyb3VuZENvbG9yIiwiU3RyaW5nIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFFQTs7QUFDQTs7OztBQVVBLElBQU1BLFlBQVksR0FBRztBQUNuQkMsRUFBQUEsTUFBTSxFQUFFLEVBRFc7QUFFbkJDLEVBQUFBLE1BQU0sRUFBRSxFQUZXO0FBR25CQyxFQUFBQSxTQUFTLEVBQUUsRUFIUTtBQUluQkMsRUFBQUEsVUFBVSxFQUFFLEtBSk87QUFLbkJDLEVBQUFBLFVBQVUsRUFBRTtBQUxPLENBQXJCOztBQVFBLElBQU1DLGNBQWMsR0FBR0MsNkJBQU9DLEdBQVAsQ0FBV0MsS0FBWCxDQUFpQjtBQUN0Q04sRUFBQUEsU0FBUyxFQUFFO0FBRDJCLENBQWpCLENBQUgsa09BQXBCOztBQVdBLElBQU1PLGdCQUFnQixHQUFHSCw2QkFBT0MsR0FBUCxDQUFXQyxLQUFYLENBQWlCLFVBQUFFLEtBQUs7QUFBQSxTQUFLO0FBQ2xEUixJQUFBQSxTQUFTLEVBQUUsNEJBQVcscUJBQVgsRUFBa0NRLEtBQUssQ0FBQ1IsU0FBeEM7QUFEdUMsR0FBTDtBQUFBLENBQXRCLENBQUgsMk9BT0osVUFBQVEsS0FBSztBQUFBLFNBQUtBLEtBQUssQ0FBQ1AsVUFBTixHQUFtQixTQUFuQixHQUErQixhQUFwQztBQUFBLENBUEQsQ0FBdEI7O0FBWUEsSUFBTVEsZ0JBQWdCLEdBQUdMLDZCQUFPQyxHQUFQLENBQVdDLEtBQVgsQ0FBaUI7QUFDeENOLEVBQUFBLFNBQVMsRUFBRTtBQUQ2QixDQUFqQixDQUFILDJHQUF0Qjs7QUFNQSxJQUFNVSxZQUF5QyxHQUFHLFNBQTVDQSxZQUE0QztBQUFBLE1BQ2hEWCxNQURnRCxRQUNoREEsTUFEZ0Q7QUFBQSxNQUVoREQsTUFGZ0QsUUFFaERBLE1BRmdEO0FBQUEsTUFHaERFLFNBSGdELFFBR2hEQSxTQUhnRDtBQUFBLE1BSWhEQyxVQUpnRCxRQUloREEsVUFKZ0Q7QUFBQSxNQUtoREMsVUFMZ0QsUUFLaERBLFVBTGdEO0FBQUEsc0JBT2hELGdDQUFDLGdCQUFEO0FBQWtCLElBQUEsU0FBUyxFQUFFRixTQUE3QjtBQUF3QyxJQUFBLFVBQVUsRUFBRUM7QUFBcEQsa0JBQ0UsZ0NBQUMsY0FBRDtBQUFnQixJQUFBLEtBQUssRUFBRTtBQUFDSCxNQUFBQSxNQUFNLEVBQU5BLE1BQUQ7QUFBU2EsTUFBQUEsU0FBUyxrQkFBV1QsVUFBVSxHQUFHLENBQUMsQ0FBSixHQUFRLENBQTdCO0FBQWxCO0FBQXZCLEtBQ0dILE1BQU0sQ0FBQ2EsR0FBUCxDQUFXLFVBQUNDLEtBQUQsRUFBeUJDLEtBQXpCO0FBQUEsd0JBQ1YsZ0NBQUMsZ0JBQUQ7QUFBa0IsTUFBQSxHQUFHLFlBQUtELEtBQUwsY0FBY0MsS0FBZCxDQUFyQjtBQUE0QyxNQUFBLEtBQUssRUFBRTtBQUFDQyxRQUFBQSxlQUFlLEVBQUVDLE1BQU0sQ0FBQ0gsS0FBRDtBQUF4QjtBQUFuRCxNQURVO0FBQUEsR0FBWCxDQURILENBREYsQ0FQZ0Q7QUFBQSxDQUFsRDs7QUFnQkFILFlBQVksQ0FBQ2IsWUFBYixHQUE0QkEsWUFBNUI7ZUFFZWEsWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0hleENvbG9yLCBSR0JDb2xvcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuXG50eXBlIENvbG9yUGFsZXR0ZVByb3BzID0ge1xuICBjb2xvcnM6IFJHQkNvbG9yIHwgSGV4Q29sb3JbXTtcbiAgaGVpZ2h0PzogbnVtYmVyO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpc1JldmVyc2VkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wcyA9IHtcbiAgaGVpZ2h0OiAxMCxcbiAgY29sb3JzOiBbXSxcbiAgY2xhc3NOYW1lOiAnJyxcbiAgaXNTZWxlY3RlZDogZmFsc2UsXG4gIGlzUmV2ZXJzZWQ6IGZhbHNlXG59O1xuXG5jb25zdCBQYWxldHRlV3JhcHBlciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdjb2xvci1yYW5nZS1wYWxldHRlX19pbm5lcidcbn0pYFxuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuY29uc3QgUGFsZXR0ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCdjb2xvci1yYW5nZS1wYWxldHRlJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpPHtpc1NlbGVjdGVkPzogYm9vbGVhbn0+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gKHByb3BzLmlzU2VsZWN0ZWQgPyAnI0ZGRkZGRicgOiAndHJhbnNwYXJlbnQnKX07XG4gIHBhZGRpbmc6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuYDtcblxuY29uc3QgU3R5bGVkQ29sb3JCbG9jayA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdjb2xvci1yYW5nZS1wYWxldHRlX19ibG9jaydcbn0pYFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDb2xvclBhbGV0dGU6IFJlYWN0LkZDPENvbG9yUGFsZXR0ZVByb3BzPiA9ICh7XG4gIGNvbG9ycyxcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIGlzU2VsZWN0ZWQsXG4gIGlzUmV2ZXJzZWRcbn0pID0+IChcbiAgPFBhbGV0dGVDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9PlxuICAgIDxQYWxldHRlV3JhcHBlciBzdHlsZT17e2hlaWdodCwgdHJhbnNmb3JtOiBgc2NhbGUoJHtpc1JldmVyc2VkID8gLTEgOiAxfSwgMSlgfX0+XG4gICAgICB7Y29sb3JzLm1hcCgoY29sb3I6IG51bWJlciB8IHN0cmluZywgaW5kZXg6IG51bWJlcikgPT4gKFxuICAgICAgICA8U3R5bGVkQ29sb3JCbG9jayBrZXk9e2Ake2NvbG9yfS0ke2luZGV4fWB9IHN0eWxlPXt7YmFja2dyb3VuZENvbG9yOiBTdHJpbmcoY29sb3IpfX0gLz5cbiAgICAgICkpfVxuICAgIDwvUGFsZXR0ZVdyYXBwZXI+XG4gIDwvUGFsZXR0ZUNvbnRhaW5lcj5cbik7XG5cbkNvbG9yUGFsZXR0ZS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IENvbG9yUGFsZXR0ZTtcbiJdfQ==

package/dist/side-panel/layer-panel/color-range-selector.d.ts

@@ -0,0 +1,47 @@
+import React, { Component, MouseEvent } from 'react';
+import { ColorRange } from '@kepler.gl/constants';
+import { NestedPartial, ColorUI } from '@kepler.gl/types';
+declare type ColorRangeSelectorProps = {
+    colorPaletteUI: ColorUI;
+    selectedColorRange: ColorRange;
+    onSelectColorRange: (p: ColorRange, e: MouseEvent) => void;
+    setColorPaletteUI: (newConfig: NestedPartial<ColorUI>) => void;
+};
+declare type PaletteConfigProps = {
+    label: string;
+    value: string | number | boolean;
+    config: {
+        type: string;
+        options: (string | number | boolean)[];
+    };
+    onChange: (v: string | number | boolean | object | null) => void;
+};
+declare type ColorPaletteGroupProps = {
+    reversed?: boolean;
+    selected: ColorRange;
+    colorRanges: ColorRange[];
+    onSelect: (p: ColorRange, e: MouseEvent) => void;
+};
+export declare const ALL_TYPES: string[];
+export declare const ALL_STEPS: number[];
+export default class ColorRangeSelector extends Component<ColorRangeSelectorProps> {
+    static defaultProps: {
+        onSelectColorRange: () => void;
+        setColorPaletteUI: () => void;
+    };
+    configTypeSelector: (props: ColorRangeSelectorProps) => string;
+    configStepSelector: (props: ColorRangeSelectorProps) => number;
+    filteredColorRange: import("reselect").OutputSelector<ColorRangeSelectorProps, ColorRange[], (res1: string, res2: number) => ColorRange[]>;
+    _updateConfig: ({ key, value }: {
+        key: string;
+        value: string | number | boolean | object | null;
+    }) => void;
+    _onSetCustomPalette: (config: NestedPartial<ColorRange>) => void;
+    _setColorRangeConfig: (newConfig: Record<string, string | number | boolean | object | null>) => void;
+    _onCustomPaletteCancel: () => void;
+    _onToggleSketcher: (val: boolean | number) => void;
+    render(): JSX.Element;
+}
+export declare const PaletteConfig: React.FC<PaletteConfigProps>;
+export declare const ColorPaletteGroup: React.FC<ColorPaletteGroupProps>;
+export {};