@kepler.gl/components 3.0.0-alpha.0

package/dist/side-panel/layer-panel/color-range-selector.js

@@ -0,0 +1,290 @@
+// 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.ColorPaletteGroup = exports.PaletteConfig = exports["default"] = exports.ALL_STEPS = exports.ALL_TYPES = 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 _lodash = _interopRequireDefault(require("lodash.uniq"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _reselect = require("reselect");
+
+var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _switch = _interopRequireDefault(require("../../common/switch"));
+
+var _colorPalette = _interopRequireDefault(require("./color-palette"));
+
+var _customPalette = _interopRequireDefault(require("./custom-palette"));
+
+var _constants = require("@kepler.gl/constants");
+
+var _utils = require("@kepler.gl/utils");
+
+var _localization = require("@kepler.gl/localization");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+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; } }
+
+var ALL_TYPES = (0, _lodash["default"])(_constants.COLOR_RANGES.map(function (c) {
+  return c.type;
+}).filter(function (ctype) {
+  return ctype;
+}).concat(['all', 'custom']));
+exports.ALL_TYPES = ALL_TYPES;
+var ALL_STEPS = (0, _lodash["default"])(_constants.COLOR_RANGES.map(function (d) {
+  return d.colors.length;
+})).sort(_utils.numberSort);
+exports.ALL_STEPS = ALL_STEPS;
+
+var StyledColorConfig = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 12px 12px 0 12px;\n"])));
+
+var StyledColorRangeSelector = _styledComponents["default"].div.attrs({
+  className: 'color-range-selector'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding-bottom: 12px;\n"])));
+
+var StyledPaletteConfig = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 8px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .color-palette__config__label {\n    flex-grow: 1;\n  }\n  .color-palette__config__select {\n    flex-grow: 1;\n  }\n  .item-selector .item-selector__dropdown {\n    ", ";\n  }\n"])), function (props) {
+  return props.theme.secondaryInput;
+});
+
+var CONFIG_SETTINGS = {
+  type: {
+    type: 'select',
+    options: ALL_TYPES
+  },
+  steps: {
+    type: 'select',
+    options: ALL_STEPS
+  },
+  reversed: {
+    type: 'switch',
+    options: [true, false]
+  },
+  custom: {
+    label: 'customPalette',
+    type: 'switch',
+    options: [true, false]
+  }
+};
+
+var ColorRangeSelector = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ColorRangeSelector, _Component);
+
+  var _super = _createSuper(ColorRangeSelector);
+
+  function ColorRangeSelector() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ColorRangeSelector);
+
+    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), "configTypeSelector", function (props) {
+      return props.colorPaletteUI.colorRangeConfig.type;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "configStepSelector", function (props) {
+      return props.colorPaletteUI.colorRangeConfig.steps;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "filteredColorRange", (0, _reselect.createSelector)(_this.configTypeSelector, _this.configStepSelector, function (type, steps) {
+      return _constants.COLOR_RANGES.filter(function (colorRange) {
+        var isType = type === 'all' || type === colorRange.type;
+        var isStep = Number(steps) === colorRange.colors.length;
+        return isType && isStep;
+      });
+    }));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_updateConfig", function (_ref) {
+      var key = _ref.key,
+          value = _ref.value;
+
+      _this._setColorRangeConfig((0, _defineProperty2["default"])({}, key, value));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSetCustomPalette", function (config) {
+      _this.props.setColorPaletteUI({
+        customPalette: config
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_setColorRangeConfig", function (newConfig) {
+      _this.props.setColorPaletteUI({
+        colorRangeConfig: newConfig
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onCustomPaletteCancel", function () {
+      _this.props.setColorPaletteUI({
+        showSketcher: false,
+        colorRangeConfig: {
+          custom: false
+        }
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onToggleSketcher", function (val) {
+      _this.props.setColorPaletteUI({
+        showSketcher: val
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ColorRangeSelector, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props$colorPale = this.props.colorPaletteUI,
+          customPalette = _this$props$colorPale.customPalette,
+          showSketcher = _this$props$colorPale.showSketcher,
+          colorRangeConfig = _this$props$colorPale.colorRangeConfig;
+      var filteredColorRanges = this.filteredColorRange(this.props);
+      return /*#__PURE__*/_react["default"].createElement(StyledColorRangeSelector, null, /*#__PURE__*/_react["default"].createElement(StyledColorConfig, null, (colorRangeConfig.custom ? ['custom'] : Object.keys(colorRangeConfig)).map(function (key) {
+        return /*#__PURE__*/_react["default"].createElement(PaletteConfig, {
+          key: key,
+          label: CONFIG_SETTINGS[key].label || key,
+          config: CONFIG_SETTINGS[key],
+          value: colorRangeConfig[key],
+          onChange: function onChange(value) {
+            return _this2._updateConfig({
+              key: key,
+              value: value
+            });
+          }
+        });
+      })), colorRangeConfig.custom ? /*#__PURE__*/_react["default"].createElement(_customPalette["default"], {
+        customPalette: customPalette,
+        showSketcher: showSketcher,
+        onApply: this.props.onSelectColorRange,
+        onToggleSketcher: this._onToggleSketcher,
+        setCustomPalette: this._onSetCustomPalette,
+        onCancel: this._onCustomPaletteCancel
+      }) : /*#__PURE__*/_react["default"].createElement(ColorPaletteGroup, {
+        colorRanges: filteredColorRanges,
+        onSelect: this.props.onSelectColorRange,
+        selected: this.props.selectedColorRange,
+        reversed: colorRangeConfig.reversed
+      }));
+    }
+  }]);
+  return ColorRangeSelector;
+}(_react.Component);
+
+exports["default"] = ColorRangeSelector;
+(0, _defineProperty2["default"])(ColorRangeSelector, "defaultProps", {
+  onSelectColorRange: function onSelectColorRange() {},
+  setColorPaletteUI: function setColorPaletteUI() {}
+});
+
+var PaletteConfig = function PaletteConfig(_ref2) {
+  var label = _ref2.label,
+      value = _ref2.value,
+      _ref2$config = _ref2.config,
+      type = _ref2$config.type,
+      options = _ref2$config.options,
+      _onChange = _ref2.onChange;
+  return /*#__PURE__*/_react["default"].createElement(StyledPaletteConfig, {
+    className: "color-palette__config",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "color-palette__config__label"
+  }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: "color.".concat(label)
+  }))), type === 'select' && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "color-palette__config__select"
+  }, /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
+    selectedItems: value,
+    options: options,
+    multiSelect: false,
+    searchable: false,
+    onChange: _onChange
+  })), type === 'switch' && /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+    checked: value,
+    id: "".concat(label, "-toggle"),
+    onChange: function onChange() {
+      return _onChange(!value);
+    },
+    secondary: true
+  }));
+};
+
+exports.PaletteConfig = PaletteConfig;
+
+var StyledColorRange = _styledComponents["default"].div.attrs({
+  className: 'color-palette-outer'
+})(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0 8px;\n  :hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n"])), function (props) {
+  return props.theme.panelBackgroundHover;
+});
+
+var ColorPaletteGroup = function ColorPaletteGroup(_ref3) {
+  var reversed = _ref3.reversed,
+      onSelect = _ref3.onSelect,
+      selected = _ref3.selected,
+      colorRanges = _ref3.colorRanges;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "color-palette__group"
+  }, colorRanges.map(function (colorRange, i) {
+    return /*#__PURE__*/_react["default"].createElement(StyledColorRange, {
+      key: "".concat(colorRange.name, "-").concat(i),
+      onClick: function onClick(e) {
+        return onSelect(reversed ? (0, _utils.reverseColorRange)(true, colorRange) : colorRange, e);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_colorPalette["default"], {
+      colors: colorRange.colors,
+      isReversed: reversed,
+      isSelected: colorRange.name === selected.name && reversed === Boolean(selected.reversed)
+    }));
+  }));
+};
+
+exports.ColorPaletteGroup = ColorPaletteGroup;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbG9yLXJhbmdlLXNlbGVjdG9yLnRzeCJdLCJuYW1lcyI6WyJBTExfVFlQRVMiLCJDT0xPUl9SQU5HRVMiLCJtYXAiLCJjIiwidHlwZSIsImZpbHRlciIsImN0eXBlIiwiY29uY2F0IiwiQUxMX1NURVBTIiwiZCIsImNvbG9ycyIsImxlbmd0aCIsInNvcnQiLCJudW1iZXJTb3J0IiwiU3R5bGVkQ29sb3JDb25maWciLCJzdHlsZWQiLCJkaXYiLCJTdHlsZWRDb2xvclJhbmdlU2VsZWN0b3IiLCJhdHRycyIsImNsYXNzTmFtZSIsIlN0eWxlZFBhbGV0dGVDb25maWciLCJwcm9wcyIsInRoZW1lIiwic2Vjb25kYXJ5SW5wdXQiLCJDT05GSUdfU0VUVElOR1MiLCJvcHRpb25zIiwic3RlcHMiLCJyZXZlcnNlZCIsImN1c3RvbSIsImxhYmVsIiwiQ29sb3JSYW5nZVNlbGVjdG9yIiwiY29sb3JQYWxldHRlVUkiLCJjb2xvclJhbmdlQ29uZmlnIiwiY29uZmlnVHlwZVNlbGVjdG9yIiwiY29uZmlnU3RlcFNlbGVjdG9yIiwiY29sb3JSYW5nZSIsImlzVHlwZSIsImlzU3RlcCIsIk51bWJlciIsImtleSIsInZhbHVlIiwiX3NldENvbG9yUmFuZ2VDb25maWciLCJjb25maWciLCJzZXRDb2xvclBhbGV0dGVVSSIsImN1c3RvbVBhbGV0dGUiLCJuZXdDb25maWciLCJzaG93U2tldGNoZXIiLCJ2YWwiLCJmaWx0ZXJlZENvbG9yUmFuZ2VzIiwiZmlsdGVyZWRDb2xvclJhbmdlIiwiT2JqZWN0Iiwia2V5cyIsIl91cGRhdGVDb25maWciLCJvblNlbGVjdENvbG9yUmFuZ2UiLCJfb25Ub2dnbGVTa2V0Y2hlciIsIl9vblNldEN1c3RvbVBhbGV0dGUiLCJfb25DdXN0b21QYWxldHRlQ2FuY2VsIiwic2VsZWN0ZWRDb2xvclJhbmdlIiwiQ29tcG9uZW50IiwiUGFsZXR0ZUNvbmZpZyIsIm9uQ2hhbmdlIiwiZSIsInN0b3BQcm9wYWdhdGlvbiIsIlN0eWxlZENvbG9yUmFuZ2UiLCJwYW5lbEJhY2tncm91bmRIb3ZlciIsIkNvbG9yUGFsZXR0ZUdyb3VwIiwib25TZWxlY3QiLCJzZWxlY3RlZCIsImNvbG9yUmFuZ2VzIiwiaSIsIm5hbWUiLCJCb29sZWFuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7Ozs7O0FBMkJPLElBQU1BLFNBQW1CLEdBQUcsd0JBQ2pDQyx3QkFBYUMsR0FBYixDQUFpQixVQUFBQyxDQUFDO0FBQUEsU0FBSUEsQ0FBQyxDQUFDQyxJQUFOO0FBQUEsQ0FBbEIsRUFDR0MsTUFESCxDQUNVLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFKO0FBQUEsQ0FEZixFQUVHQyxNQUZILENBRVUsQ0FBQyxLQUFELEVBQVEsUUFBUixDQUZWLENBRGlDLENBQTVCOztBQU1BLElBQU1DLFNBQW1CLEdBQUcsd0JBQUtQLHdCQUFhQyxHQUFiLENBQWlCLFVBQUFPLENBQUM7QUFBQSxTQUFJQSxDQUFDLENBQUNDLE1BQUYsQ0FBU0MsTUFBYjtBQUFBLENBQWxCLENBQUwsRUFBNkNDLElBQTdDLENBQWtEQyxpQkFBbEQsQ0FBNUI7OztBQUVQLElBQU1DLGlCQUFpQixHQUFHQyw2QkFBT0MsR0FBVixzSEFBdkI7O0FBSUEsSUFBTUMsd0JBQXdCLEdBQUdGLDZCQUFPQyxHQUFQLENBQVdFLEtBQVgsQ0FBaUI7QUFDaERDLEVBQUFBLFNBQVMsRUFBRTtBQURxQyxDQUFqQixDQUFILG1IQUE5Qjs7QUFNQSxJQUFNQyxtQkFBbUIsR0FBR0wsNkJBQU9DLEdBQVYsbVhBWW5CLFVBQUFLLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsY0FBaEI7QUFBQSxDQVpjLENBQXpCOztBQWdCQSxJQUFNQyxlQUFlLEdBQUc7QUFDdEJwQixFQUFB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QTdCLElBQXFDM0MsUUFBUSxLQUFLNEMsT0FBTyxDQUFDSixRQUFRLENBQUN4QyxRQUFWO0FBSHZFLE1BTkYsQ0FEZTtBQUFBLEdBQWhCLENBREgsQ0FOaUU7QUFBQSxDQUE1RCIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudCwgTW91c2VFdmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHVuaXEgZnJvbSAnbG9kYXNoLnVuaXEnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge2NyZWF0ZVNlbGVjdG9yfSBmcm9tICdyZXNlbGVjdCc7XG5cbmltcG9ydCBJdGVtU2VsZWN0b3IgZnJvbSAnLi4vLi4vY29tbW9uL2l0ZW0tc2VsZWN0b3IvaXRlbS1zZWxlY3Rvcic7XG5pbXBvcnQge1BhbmVsTGFiZWx9IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgU3dpdGNoIGZyb20gJy4uLy4uL2NvbW1vbi9zd2l0Y2gnO1xuaW1wb3J0IENvbG9yUGFsZXR0ZSBmcm9tICcuL2NvbG9yLXBhbGV0dGUnO1xuaW1wb3J0IEN1c3RvbVBhbGV0dGUgZnJvbSAnLi9jdXN0b20tcGFsZXR0ZSc7XG5pbXBvcnQge0NPTE9SX1JBTkdFUywgQ29sb3JSYW5nZX0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtyZXZlcnNlQ29sb3JSYW5nZSwgbnVtYmVyU29ydH0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7TmVzdGVkUGFydGlhbCwgQ29sb3JVSX0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgQ29sb3JSYW5nZVNlbGVjdG9yUHJvcHMgPSB7XG4gIGNvbG9yUGFsZXR0ZVVJOiBDb2xvclVJO1xuICBzZWxlY3RlZENvbG9yUmFuZ2U6IENvbG9yUmFuZ2U7XG4gIG9uU2VsZWN0Q29sb3JSYW5nZTogKHA6IENvbG9yUmFuZ2UsIGU6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIHNldENvbG9yUGFsZXR0ZVVJOiAobmV3Q29uZmlnOiBOZXN0ZWRQYXJ0aWFsPENvbG9yVUk+KSA9PiB2b2lkO1xufTtcblxudHlwZSBQYWxldHRlQ29uZmlnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuO1xuICBjb25maWc6IHtcbiAgICB0eXBlOiBzdHJpbmc7XG4gICAgb3B0aW9uczogKHN0cmluZyB8IG51bWJlciB8IGJvb2xlYW4pW107XG4gIH07XG4gIG9uQ2hhbmdlOiAodjogc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdCB8IG51bGwpID0+IHZvaWQ7XG59O1xuXG50eXBlIENvbG9yUGFsZXR0ZUdyb3VwUHJvcHMgPSB7XG4gIHJldmVyc2VkPzogYm9vbGVhbjtcbiAgc2VsZWN0ZWQ6IENvbG9yUmFuZ2U7XG4gIGNvbG9yUmFuZ2VzOiBDb2xvclJhbmdlW107XG4gIG9uU2VsZWN0OiAocDogQ29sb3JSYW5nZSwgZTogTW91c2VFdmVudCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBTExfVFlQRVM6IHN0cmluZ1tdID0gdW5pcShcbiAgQ09MT1JfUkFOR0VTLm1hcChjID0+IGMudHlwZSlcbiAgICAuZmlsdGVyKGN0eXBlID0+IGN0eXBlKVxuICAgIC5jb25jYXQoWydhbGwnLCAnY3VzdG9tJ10pIGFzIHN0cmluZ1tdXG4pO1xuXG5leHBvcnQgY29uc3QgQUxMX1NURVBTOiBudW1iZXJbXSA9IHVuaXEoQ09MT1JfUkFOR0VTLm1hcChkID0+IGQuY29sb3JzLmxlbmd0aCkpLnNvcnQobnVtYmVyU29ydCk7XG5cbmNvbnN0IFN0eWxlZENvbG9yQ29uZmlnID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTJweCAxMnB4IDAgMTJweDtcbmA7XG5cbmNvbnN0IFN0eWxlZENvbG9yUmFuZ2VTZWxlY3RvciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdjb2xvci1yYW5nZS1zZWxlY3Rvcidcbn0pYFxuICBwYWRkaW5nLWJvdHRvbTogMTJweDtcbmA7XG5cbmNvbnN0IFN0eWxlZFBhbGV0dGVDb25maWcgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgLmNvbG9yLXBhbGV0dGVfX2NvbmZpZ19fbGFiZWwge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxuICAuY29sb3ItcGFsZXR0ZV9fY29uZmlnX19zZWxlY3Qge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxuICAuaXRlbS1zZWxlY3RvciAuaXRlbS1zZWxlY3Rvcl9fZHJvcGRvd24ge1xuICAgICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2Vjb25kYXJ5SW5wdXR9O1xuICB9XG5gO1xuXG5jb25zdCBDT05GSUdfU0VUVElOR1MgPSB7XG4gIHR5cGU6IHtcbiAgICB0eXBlOiAnc2VsZWN0JyxcbiAgICBvcHRpb25zOiBBTExfVFlQRVNcbiAgfSxcbiAgc3RlcHM6IHtcbiAgICB0eXBlOiAnc2VsZWN0JyxcbiAgICBvcHRpb25zOiBBTExfU1RFUFNcbiAgfSxcbiAgcmV2ZXJzZWQ6IHtcbiAgICB0eXBlOiAnc3dpdGNoJyxcbiAgICBvcHRpb25zOiBbdHJ1ZSwgZmFsc2VdXG4gIH0sXG4gIGN1c3RvbToge1xuICAgIGxhYmVsOiAnY3VzdG9tUGFsZXR0ZScsXG4gICAgdHlwZTogJ3N3aXRjaCcsXG4gICAgb3B0aW9uczogW3RydWUsIGZhbHNlXVxuICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBDb2xvclJhbmdlU2VsZWN0b3IgZXh0ZW5kcyBDb21wb25lbnQ8Q29sb3JSYW5nZVNlbGVjdG9yUHJvcHM+IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBvblNlbGVjdENvbG9yUmFuZ2U6ICgpID0+IHt9LFxuICAgIHNldENvbG9yUGFsZXR0ZVVJOiAoKSA9PiB7fVxuICB9O1xuXG4gIGNvbmZpZ1R5cGVTZWxlY3RvciA9IChwcm9wczogQ29sb3JSYW5nZVNlbGVjdG9yUHJvcHMpID0+XG4gICAgcHJvcHMuY29sb3JQYWxldHRlVUkuY29sb3JSYW5nZUNvbmZpZy50eXBlO1xuICBjb25maWdTdGVwU2VsZWN0b3IgPSAocHJvcHM6IENvbG9yUmFuZ2VTZWxlY3RvclByb3BzKSA9PlxuICAgIHByb3BzLmNvbG9yUGFsZXR0ZVVJLmNvbG9yUmFuZ2VDb25maWcuc3RlcHM7XG4gIGZpbHRlcmVkQ29sb3JSYW5nZSA9IGNyZWF0ZVNlbGVjdG9yKFxuICAgIHRoaXMuY29uZmlnVHlwZVNlbGVjdG9yLFxuICAgIHRoaXMuY29uZmlnU3RlcFNlbGVjdG9yLFxuICAgICh0eXBlLCBzdGVwcykgPT4ge1xuICAgICAgcmV0dXJuIENPTE9SX1JBTkdFUy5maWx0ZXIoY29sb3JSYW5nZSA9PiB7XG4gICAgICAgIGNvbnN0IGlzVHlwZSA9IHR5cGUgPT09ICdhbGwnIHx8IHR5cGUgPT09IGNvbG9yUmFuZ2UudHlwZTtcbiAgICAgICAgY29uc3QgaXNTdGVwID0gTnVtYmVyKHN0ZXBzKSA9PT0gY29sb3JSYW5nZS5jb2xvcnMubGVuZ3RoO1xuXG4gICAgICAgIHJldHVybiBpc1R5cGUgJiYgaXNTdGVwO1xuICAgICAgfSk7XG4gICAgfVxuICApO1xuXG4gIF91cGRhdGVDb25maWcgPSAoe1xuICAgIGtleSxcbiAgICB2YWx1ZVxuICB9OiB7XG4gICAga2V5OiBzdHJpbmc7XG4gICAgdmFsdWU6IHN0cmluZyB8IG51bWJlciB8IGJvb2xlYW4gfCBvYmplY3QgfCBudWxsO1xuICB9KSA9PiB7XG4gICAgdGhpcy5fc2V0Q29sb3JSYW5nZUNvbmZpZyh7W2tleV06IHZhbHVlfSk7XG4gIH07XG5cbiAgX29uU2V0Q3VzdG9tUGFsZXR0ZSA9IChjb25maWc6IE5lc3RlZFBhcnRpYWw8Q29sb3JSYW5nZT4pID0+IHtcbiAgICB0aGlzLnByb3BzLnNldENvbG9yUGFsZXR0ZVVJKHtcbiAgICAgIGN1c3RvbVBhbGV0dGU6IGNvbmZpZ1xuICAgIH0pO1xuICB9O1xuXG4gIF9zZXRDb2xvclJhbmdlQ29uZmlnID0gKG5ld0NvbmZpZzogUmVjb3JkPHN0cmluZywgc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdCB8IG51bGw+KSA9PiB7XG4gICAgdGhpcy5wcm9wcy5zZXRDb2xvclBhbGV0dGVVSSh7XG4gICAgICBjb2xvclJhbmdlQ29uZmlnOiBuZXdDb25maWdcbiAgICB9KTtcbiAgfTtcblxuICBfb25DdXN0b21QYWxldHRlQ2FuY2VsID0gKCkgPT4ge1xuICAgIHRoaXMucHJvcHMuc2V0Q29sb3JQYWxldHRlVUkoe1xuICAgICAgc2hvd1NrZXRjaGVyOiBmYWxzZSxcbiAgICAgIGNvbG9yUmFuZ2VDb25maWc6IHtjdXN0b206IGZhbHNlfVxuICAgIH0pO1xuICB9O1xuXG4gIF9vblRvZ2dsZVNrZXRjaGVyID0gKHZhbDogYm9vbGVhbiB8IG51bWJlcikgPT4ge1xuICAgIHRoaXMucHJvcHMuc2V0Q29sb3JQYWxldHRlVUkoe1xuICAgICAgc2hvd1NrZXRjaGVyOiB2YWxcbiAgICB9KTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge2N1c3RvbVBhbGV0dGUsIHNob3dTa2V0Y2hlciwgY29sb3JSYW5nZUNvbmZpZ30gPSB0aGlzLnByb3BzLmNvbG9yUGFsZXR0ZVVJO1xuXG4gICAgY29uc3QgZmlsdGVyZWRDb2xvclJhbmdlcyA9IHRoaXMuZmlsdGVyZWRDb2xvclJhbmdlKHRoaXMucHJvcHMpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb2xvclJhbmdlU2VsZWN0b3I+XG4gICAgICAgIDxTdHlsZWRDb2xvckNvbmZpZz5cbiAgICAgICAgICB7KGNvbG9yUmFuZ2VDb25maWcuY3VzdG9tID8gWydjdXN0b20nXSA6IE9iamVjdC5rZXlzKGNvbG9yUmFuZ2VDb25maWcpKS5tYXAoa2V5ID0+IChcbiAgICAgICAgICAgIDxQYWxldHRlQ29uZmlnXG4gICAgICAgICAgICAgIGtleT17a2V5fVxuICAgICAgICAgICAgICBsYWJlbD17Q09ORklHX1NFVFRJTkdTW2tleV0ubGFiZWwgfHwga2V5fVxuICAgICAgICAgICAgICBjb25maWc9e0NPTkZJR19TRVRUSU5HU1trZXldfVxuICAgICAgICAgICAgICB2YWx1ZT17Y29sb3JSYW5nZUNvbmZpZ1trZXldfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17dmFsdWUgPT4gdGhpcy5fdXBkYXRlQ29uZmlnKHtrZXksIHZhbHVlfSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZENvbG9yQ29uZmlnPlxuXG4gICAgICAgIHtjb2xvclJhbmdlQ29uZmlnLmN1c3RvbSA/IChcbiAgICAgICAgICA8Q3VzdG9tUGFsZXR0ZVxuICAgICAgICAgICAgY3VzdG9tUGFsZXR0ZT17Y3VzdG9tUGFsZXR0ZX1cbiAgICAgICAgICAgIHNob3dTa2V0Y2hlcj17c2hvd1NrZXRjaGVyfVxuICAgICAgICAgICAgb25BcHBseT17dGhpcy5wcm9wcy5vblNlbGVjdENvbG9yUmFuZ2V9XG4gICAgICAgICAgICBvblRvZ2dsZVNrZXRjaGVyPXt0aGlzLl9vblRvZ2dsZVNrZXRjaGVyfVxuICAgICAgICAgICAgc2V0Q3VzdG9tUGFsZXR0ZT17dGhpcy5fb25TZXRDdXN0b21QYWxldHRlfVxuICAgICAgICAgICAgb25DYW5jZWw9e3RoaXMuX29uQ3VzdG9tUGFsZXR0ZUNhbmNlbH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxDb2xvclBhbGV0dGVHcm91cFxuICAgICAgICAgICAgY29sb3JSYW5nZXM9e2ZpbHRlcmVkQ29sb3JSYW5nZXN9XG4gICAgICAgICAgICBvblNlbGVjdD17dGhpcy5wcm9wcy5vblNlbGVjdENvbG9yUmFuZ2V9XG4gICAgICAgICAgICBzZWxlY3RlZD17dGhpcy5wcm9wcy5zZWxlY3RlZENvbG9yUmFuZ2V9XG4gICAgICAgICAgICByZXZlcnNlZD17Y29sb3JSYW5nZUNvbmZpZy5yZXZlcnNlZH1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRDb2xvclJhbmdlU2VsZWN0b3I+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgUGFsZXR0ZUNvbmZpZzogUmVhY3QuRkM8UGFsZXR0ZUNvbmZpZ1Byb3BzPiA9ICh7XG4gIGxhYmVsLFxuICB2YWx1ZSxcbiAgY29uZmlnOiB7dHlwZSwgb3B0aW9uc30sXG4gIG9uQ2hhbmdlXG59KSA9PiAoXG4gIDxTdHlsZWRQYWxldHRlQ29uZmlnIGNsYXNzTmFtZT1cImNvbG9yLXBhbGV0dGVfX2NvbmZpZ1wiIG9uQ2xpY2s9e2UgPT4gZS5zdG9wUHJvcGFnYXRpb24oKX0+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJjb2xvci1wYWxldHRlX19jb25maWdfX2xhYmVsXCI+XG4gICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2Bjb2xvci4ke2xhYmVsfWB9IC8+XG4gICAgICA8L1BhbmVsTGFiZWw+XG4gICAgPC9kaXY+XG4gICAge3R5cGUgPT09ICdzZWxlY3QnICYmIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3ItcGFsZXR0ZV9fY29uZmlnX19zZWxlY3RcIj5cbiAgICAgICAgPEl0ZW1TZWxlY3RvclxuICAgICAgICAgIHNlbGVjdGVkSXRlbXM9e3ZhbHVlfVxuICAgICAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICAgICAgbXVsdGlTZWxlY3Q9e2ZhbHNlfVxuICAgICAgICAgIHNlYXJjaGFibGU9e2ZhbHNlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICl9XG4gICAge3R5cGUgPT09ICdzd2l0Y2gnICYmIChcbiAgICAgIDxTd2l0Y2hcbiAgICAgICAgY2hlY2tlZD17dmFsdWUgYXMgYm9vbGVhbn1cbiAgICAgICAgaWQ9e2Ake2xhYmVsfS10b2dnbGVgfVxuICAgICAgICBvbkNoYW5nZT17KCkgPT4gb25DaGFuZ2UoIXZhbHVlKX1cbiAgICAgICAgc2Vjb25kYXJ5XG4gICAgICAvPlxuICAgICl9XG4gIDwvU3R5bGVkUGFsZXR0ZUNvbmZpZz5cbik7XG5cbmNvbnN0IFN0eWxlZENvbG9yUmFuZ2UgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnY29sb3ItcGFsZXR0ZS1vdXRlcidcbn0pYFxuICBwYWRkaW5nOiAwIDhweDtcbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQmFja2dyb3VuZEhvdmVyfTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvclBhbGV0dGVHcm91cDogUmVhY3QuRkM8Q29sb3JQYWxldHRlR3JvdXBQcm9wcz4gPSAoe1xuICByZXZlcnNlZCxcbiAgb25TZWxlY3QsXG4gIHNlbGVjdGVkLFxuICBjb2xvclJhbmdlc1xufSkgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT1cImNvbG9yLXBhbGV0dGVfX2dyb3VwXCI+XG4gICAge2NvbG9yUmFuZ2VzLm1hcCgoY29sb3JSYW5nZSwgaSkgPT4gKFxuICAgICAgPFN0eWxlZENvbG9yUmFuZ2VcbiAgICAgICAga2V5PXtgJHtjb2xvclJhbmdlLm5hbWV9LSR7aX1gfVxuICAgICAgICBvbkNsaWNrPXtlID0+XG4gICAgICAgICAgb25TZWxlY3QocmV2ZXJzZWQgPyAocmV2ZXJzZUNvbG9yUmFuZ2UodHJ1ZSwgY29sb3JSYW5nZSkgYXMgQ29sb3JSYW5nZSkgOiBjb2xvclJhbmdlLCBlKVxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIDxDb2xvclBhbGV0dGVcbiAgICAgICAgICBjb2xvcnM9e2NvbG9yUmFuZ2UuY29sb3JzfVxuICAgICAgICAgIGlzUmV2ZXJzZWQ9e3JldmVyc2VkfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2NvbG9yUmFuZ2UubmFtZSA9PT0gc2VsZWN0ZWQubmFtZSAmJiByZXZlcnNlZCA9PT0gQm9vbGVhbihzZWxlY3RlZC5yZXZlcnNlZCl9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZENvbG9yUmFuZ2U+XG4gICAgKSl9XG4gIDwvZGl2PlxuKTtcbiJdfQ==

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

@@ -0,0 +1,42 @@
+import React, { Component, MouseEvent } from 'react';
+import { ColorRange } from '@kepler.gl/constants';
+import { NestedPartial, RGBColor, ColorUI } from '@kepler.gl/types';
+declare type ColorSelectorInputProps = {
+    active: boolean;
+    disabled?: boolean;
+    inputTheme?: string;
+};
+declare type ColorSelectorProps = {
+    colorSets: {
+        selectedColor: RGBColor | ColorRange;
+        setColor: ((v: RGBColor) => void) | ((v: ColorRange) => void);
+        isRange?: boolean;
+        label?: string;
+    }[];
+    colorUI?: ColorUI;
+    inputTheme?: string;
+    disabled?: boolean;
+    setColorUI?: (newConfig: NestedPartial<ColorUI>) => void;
+};
+export declare const ColorBlock: import("styled-components").StyledComponent<"div", any, {
+    backgroundcolor: RGBColor;
+}, never>;
+export declare const ColorSelectorInput: import("styled-components").StyledComponent<"div", any, ColorSelectorInputProps, never>;
+export declare const InputBoxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare class ColorSelector extends Component<ColorSelectorProps> {
+    static defaultProps: {
+        colorSets: never[];
+    };
+    state: {
+        showDropdown: boolean;
+    };
+    node: React.RefObject<HTMLDivElement>;
+    handleClickOutside: (e: any) => void;
+    _getEditing: () => number | boolean;
+    _closePanelDropdown: () => void;
+    _onSelectColor: (color: RGBColor | ColorRange, e: MouseEvent) => void;
+    _showDropdown: (e: any, i: any) => void;
+    render(): JSX.Element;
+}
+declare const _default: import("react-onclickoutside").WrapperClass<ColorSelectorProps, typeof ColorSelector>;
+export default _default;

package/dist/side-panel/layer-panel/color-selector.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"] = exports.InputBoxContainer = exports.ColorSelectorInput = exports.ColorBlock = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _utils = require("@kepler.gl/utils");
+
+var _singleColorPalette = _interopRequireDefault(require("./single-color-palette"));
+
+var _colorRangeSelector = _interopRequireDefault(require("./color-range-selector"));
+
+var _colorPalette = _interopRequireDefault(require("./color-palette"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+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; } }
+
+var ColorBlock = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 32px;\n  height: 18px;\n  border-radius: 1px;\n  background-color: ", ";\n"])), function (props) {
+  return "rgb(".concat(props.backgroundcolor.slice(0, 3).join(','), ")");
+});
+
+exports.ColorBlock = ColorBlock;
+
+var ColorSelectorInput = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n  height: ", ";\n\n  .color-selector__selector__label {\n    text-transform: capitalize;\n    font-size: 12px;\n    text-align: center;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.inputTheme === 'secondary' ? props.theme.secondaryInput : props.theme.input;
+}, function (props) {
+  return props.theme.inputBoxHeight;
+}, function (props) {
+  return props.theme.inputPlaceholderColor;
+});
+
+exports.ColorSelectorInput = ColorSelectorInput;
+
+var InputBoxContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n\n  .color-select__input-group {\n    flex-grow: 1;\n  }\n  .color-select__input-group:nth-child(2) {\n    margin-left: 12px;\n  }\n"])));
+
+exports.InputBoxContainer = InputBoxContainer;
+
+var ColorSelector = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ColorSelector, _Component);
+
+  var _super = _createSuper(ColorSelector);
+
+  function ColorSelector() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ColorSelector);
+
+    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), "state", {
+      showDropdown: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "node", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickOutside", function (e) {
+      if (_this.props.colorUI && Number.isInteger(_this.props.colorUI.showSketcher)) {
+        // if sketcher is open, let sketch to close itself first
+        return;
+      }
+
+      _this._closePanelDropdown();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_getEditing", function () {
+      return _this.props.colorUI ? _this.props.colorUI.showDropdown : _this.state.showDropdown;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_closePanelDropdown", function () {
+      if (_this._getEditing() === false) {
+        return;
+      }
+
+      if (_this.props.setColorUI) {
+        _this.props.setColorUI({
+          showDropdown: false,
+          showSketcher: false
+        });
+      } else {
+        _this.setState({
+          showDropdown: false
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSelectColor", function (color, e) {
+      e.stopPropagation();
+
+      var editing = _this._getEditing();
+
+      if (typeof editing === 'number' && _this.props.colorSets[editing]) {
+        // @ts-ignore
+        _this.props.colorSets[editing].setColor(color);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_showDropdown", function (e, i) {
+      e.stopPropagation();
+      e.preventDefault();
+
+      if (_this.props.setColorUI) {
+        _this.props.setColorUI({
+          showDropdown: i
+        });
+      } else {
+        _this.setState({
+          showDropdown: i
+        });
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ColorSelector, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          colorSets = _this$props.colorSets,
+          disabled = _this$props.disabled,
+          inputTheme = _this$props.inputTheme,
+          colorUI = _this$props.colorUI;
+
+      var editing = this._getEditing();
+
+      var currentEditing = typeof editing === 'number' && colorSets[editing] && (0, _typeof2["default"])(colorSets[editing]) === 'object';
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "color-selector",
+        ref: this.node
+      }, /*#__PURE__*/_react["default"].createElement(InputBoxContainer, null, colorSets.map(function (cSet, i) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "color-select__input-group",
+          key: i
+        }, /*#__PURE__*/_react["default"].createElement(ColorSelectorInput, {
+          className: "color-selector__selector",
+          active: editing === i,
+          disabled: disabled,
+          inputTheme: inputTheme,
+          onMouseDown: function onMouseDown(e) {
+            return _this2._showDropdown(e, i);
+          }
+        }, cSet.isRange ? /*#__PURE__*/_react["default"].createElement(_colorPalette["default"], {
+          colors: cSet.selectedColor.colors
+        }) : /*#__PURE__*/_react["default"].createElement(ColorBlock, {
+          className: "color-selector__selector__block",
+          backgroundcolor: cSet.selectedColor
+        }), cSet.label ? /*#__PURE__*/_react["default"].createElement("div", {
+          className: "color-selector__selector__label"
+        }, cSet.label) : null));
+      })), currentEditing ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.StyledPanelDropdown, {
+        className: "color-selector__dropdown"
+      }, colorSets[editing].isRange ? /*#__PURE__*/_react["default"].createElement(_colorRangeSelector["default"], {
+        selectedColorRange: colorSets[editing].selectedColor,
+        onSelectColorRange: this._onSelectColor,
+        setColorPaletteUI: this.props.setColorUI,
+        colorPaletteUI: colorUI
+      }) : /*#__PURE__*/_react["default"].createElement(_singleColorPalette["default"], {
+        selectedColor: (0, _utils.rgbToHex)(colorSets[editing].selectedColor),
+        onSelectColor: this._onSelectColor
+      })) : null);
+    }
+  }]);
+  return ColorSelector;
+}(_react.Component);
+
+(0, _defineProperty2["default"])(ColorSelector, "defaultProps", {
+  colorSets: []
+});
+
+var _default = (0, _reactOnclickoutside["default"])(ColorSelector);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbG9yLXNlbGVjdG9yLnRzeCJdLCJuYW1lcyI6WyJDb2xvckJsb2NrIiwic3R5bGVkIiwiZGl2IiwicHJvcHMiLCJiYWNrZ3JvdW5kY29sb3IiLCJzbGljZSIsImpvaW4iLCJDb2xvclNlbGVjdG9ySW5wdXQiLCJpbnB1dFRoZW1lIiwidGhlbWUiLCJzZWNvbmRhcnlJbnB1dCIsImlucHV0IiwiaW5wdXRCb3hIZWlnaHQiLCJpbnB1dFBsYWNlaG9sZGVyQ29sb3IiLCJJbnB1dEJveENvbnRhaW5lciIsIkNvbG9yU2VsZWN0b3IiLCJzaG93RHJvcGRvd24iLCJlIiwiY29sb3JVSSIsIk51bWJlciIsImlzSW50ZWdlciIsInNob3dTa2V0Y2hlciIsIl9jbG9zZVBhbmVsRHJvcGRvd24iLCJzdGF0ZSIsIl9nZXRFZGl0aW5nIiwic2V0Q29sb3JVSSIsInNldFN0YXRlIiwiY29sb3IiLCJzdG9wUHJvcGFnYXRpb24iLCJlZGl0aW5nIiwiY29sb3JTZXRzIiwic2V0Q29sb3IiLCJpIiwicHJldmVudERlZmF1bHQiLCJkaXNhYmxlZCIsImN1cnJlbnRFZGl0aW5nIiwibm9kZSIsIm1hcCIsImNTZXQiLCJfc2hvd0Ryb3Bkb3duIiwiaXNSYW5nZSIsInNlbGVjdGVkQ29sb3IiLCJjb2xvcnMiLCJsYWJlbCIsIl9vblNlbGVjdENvbG9yIiwiQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7QUF1Qk8sSUFBTUEsVUFBVSxHQUFHQyw2QkFBT0MsR0FBViw0S0FJRCxVQUFBQyxLQUFLO0FBQUEsdUJBQVdBLEtBQUssQ0FBQ0MsZUFBTixDQUFzQkMsS0FBdEIsQ0FBNEIsQ0FBNUIsRUFBK0IsQ0FBL0IsRUFBa0NDLElBQWxDLENBQXVDLEdBQXZDLENBQVg7QUFB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UyxFQUFDO0FBQS9CLFNBQ0dMLFNBQVMsQ0FBQ0QsT0FBRCxDQUFULENBQTZCVyxPQUE3QixnQkFDQyxnQ0FBQyw4QkFBRDtBQUNFLFFBQUEsa0JBQWtCLEVBQUVWLFNBQVMsQ0FBQ0QsT0FBRCxDQUFULENBQTZCWSxhQURuRDtBQUVFLFFBQUEsa0JBQWtCLEVBQUUsS0FBS0csY0FGM0I7QUFHRSxRQUFBLGlCQUFpQixFQUFFLEtBQUt6QyxLQUFMLENBQVdzQixVQUhoQztBQUlFLFFBQUEsY0FBYyxFQUFFUDtBQUpsQixRQURELGdCQVFDLGdDQUFDLDhCQUFEO0FBQ0UsUUFBQSxhQUFhLEVBQUUscUJBQVNZLFNBQVMsQ0FBQ0QsT0FBRCxDQUFULENBQTZCWSxhQUF0QyxDQURqQjtBQUVFLFFBQUEsYUFBYSxFQUFFLEtBQUtHO0FBRnRCLFFBVEosQ0FEYSxHQWdCWCxJQTFDTixDQURGO0FBOENEOzs7RUEvR3lCQyxnQjs7aUNBQXRCOUIsYSxrQkFDa0I7QUFDcEJlLEVBQUFBLFNBQVMsRUFBRTtBQURTLEM7O2VBaUhULHFDQUFlZixhQUFmLEMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnQsIGNyZWF0ZVJlZiwgTW91c2VFdmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge3JnYlRvSGV4fSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCBTaW5nbGVDb2xvclBhbGV0dGUgZnJvbSAnLi9zaW5nbGUtY29sb3ItcGFsZXR0ZSc7XG5pbXBvcnQgQ29sb3JSYW5nZVNlbGVjdG9yIGZyb20gJy4vY29sb3ItcmFuZ2Utc2VsZWN0b3InO1xuaW1wb3J0IENvbG9yUGFsZXR0ZSBmcm9tICcuL2NvbG9yLXBhbGV0dGUnO1xuaW1wb3J0IHtTdHlsZWRQYW5lbERyb3Bkb3dufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IG9uQ2xpY2tPdXRzaWRlIGZyb20gJ3JlYWN0LW9uY2xpY2tvdXRzaWRlJztcbmltcG9ydCB7Q29sb3JSYW5nZX0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtOZXN0ZWRQYXJ0aWFsLCBSR0JDb2xvciwgQ29sb3JVSX0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgQ29sb3JTZWxlY3RvcklucHV0UHJvcHMgPSB7XG4gIGFjdGl2ZTogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xufTtcblxudHlwZSBDb2xvclNlbGVjdG9yUHJvcHMgPSB7XG4gIGNvbG9yU2V0czoge1xuICAgIHNlbGVjdGVkQ29sb3I6IFJHQkNvbG9yIHwgQ29sb3JSYW5nZTtcbiAgICBzZXRDb2xvcjogKCh2OiBSR0JDb2xvcikgPT4gdm9pZCkgfCAoKHY6IENvbG9yUmFuZ2UpID0+IHZvaWQpO1xuICAgIGlzUmFuZ2U/OiBib29sZWFuO1xuICAgIGxhYmVsPzogc3RyaW5nO1xuICB9W107XG4gIGNvbG9yVUk/OiBDb2xvclVJO1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNldENvbG9yVUk/OiAobmV3Q29uZmlnOiBOZXN0ZWRQYXJ0aWFsPENvbG9yVUk+KSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbG9yQmxvY2sgPSBzdHlsZWQuZGl2PHtiYWNrZ3JvdW5kY29sb3I6IFJHQkNvbG9yfT5gXG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBgcmdiKCR7cHJvcHMuYmFja2dyb3VuZGNvbG9yLnNsaWNlKDAsIDMpLmpvaW4oJywnKX0pYH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JTZWxlY3RvcklucHV0ID0gc3R5bGVkLmRpdjxDb2xvclNlbGVjdG9ySW5wdXRQcm9wcz5gXG4gICR7cHJvcHMgPT4gKHByb3BzLmlucHV0VGhlbWUgPT09ICdzZWNvbmRhcnknID8gcHJvcHMudGhlbWUuc2Vjb25kYXJ5SW5wdXQgOiBwcm9wcy50aGVtZS5pbnB1dCl9O1xuICBoZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRCb3hIZWlnaHR9O1xuXG4gIC5jb2xvci1zZWxlY3Rvcl9fc2VsZWN0b3JfX2xhYmVsIHtcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0UGxhY2Vob2xkZXJDb2xvcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEJveENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAuY29sb3Itc2VsZWN0X19pbnB1dC1ncm91cCB7XG4gICAgZmxleC1ncm93OiAxO1xuICB9XG4gIC5jb2xvci1zZWxlY3RfX2lucHV0LWdyb3VwOm50aC1jaGlsZCgyKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDEycHg7XG4gIH1cbmA7XG5cbmNsYXNzIENvbG9yU2VsZWN0b3IgZXh0ZW5kcyBDb21wb25lbnQ8Q29sb3JTZWxlY3RvclByb3BzPiB7XG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgY29sb3JTZXRzOiBbXVxuICB9O1xuXG4gIHN0YXRlID0ge1xuICAgIHNob3dEcm9wZG93bjogZmFsc2VcbiAgfTtcblxuICBub2RlID0gY3JlYXRlUmVmPEhUTUxEaXZFbGVtZW50PigpO1xuXG4gIGhhbmRsZUNsaWNrT3V0c2lkZSA9IGUgPT4ge1xuICAgIGlmICh0aGlzLnByb3BzLmNvbG9yVUkgJiYgTnVtYmVyLmlzSW50ZWdlcih0aGlzLnByb3BzLmNvbG9yVUkuc2hvd1NrZXRjaGVyKSkge1xuICAgICAgLy8gaWYgc2tldGNoZXIgaXMgb3BlbiwgbGV0IHNrZXRjaCB0byBjbG9zZSBpdHNlbGYgZmlyc3RcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9jbG9zZVBhbmVsRHJvcGRvd24oKTtcbiAgfTtcblxuICBfZ2V0RWRpdGluZyA9ICgpID0+IHtcbiAgICByZXR1cm4gdGhpcy5wcm9wcy5jb2xvclVJID8gdGhpcy5wcm9wcy5jb2xvclVJLnNob3dEcm9wZG93biA6IHRoaXMuc3RhdGUuc2hvd0Ryb3Bkb3duO1xuICB9O1xuXG4gIF9jbG9zZVBhbmVsRHJvcGRvd24gPSAoKSA9PiB7XG4gICAgaWYgKHRoaXMuX2dldEVkaXRpbmcoKSA9PT0gZmFsc2UpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5wcm9wcy5zZXRDb2xvclVJKSB7XG4gICAgICB0aGlzLnByb3BzLnNldENvbG9yVUkoe3Nob3dEcm9wZG93bjogZmFsc2UsIHNob3dTa2V0Y2hlcjogZmFsc2V9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7c2hvd0Ryb3Bkb3duOiBmYWxzZX0pO1xuICAgIH1cbiAgfTtcblxuICBfb25TZWxlY3RDb2xvciA9IChjb2xvcjogUkdCQ29sb3IgfCBDb2xvclJhbmdlLCBlOiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGNvbnN0IGVkaXRpbmcgPSB0aGlzLl9nZXRFZGl0aW5nKCk7XG5cbiAgICBpZiAodHlwZW9mIGVkaXRpbmcgPT09ICdudW1iZXInICYmIHRoaXMucHJvcHMuY29sb3JTZXRzW2VkaXRpbmddKSB7XG4gICAgICAvLyBAdHMtaWdub3JlXG4gICAgICB0aGlzLnByb3BzLmNvbG9yU2V0c1tlZGl0aW5nXS5zZXRDb2xvcihjb2xvcik7XG4gICAgfVxuICB9O1xuXG4gIF9zaG93RHJvcGRvd24gPSAoZSwgaSkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgaWYgKHRoaXMucHJvcHMuc2V0Q29sb3JVSSkge1xuICAgICAgdGhpcy5wcm9wcy5zZXRDb2xvclVJKHtzaG93RHJvcGRvd246IGl9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7c2hvd0Ryb3Bkb3duOiBpfSk7XG4gICAgfVxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7Y29sb3JTZXRzLCBkaXNhYmxlZCwgaW5wdXRUaGVtZSwgY29sb3JVSX0gPSB0aGlzLnByb3BzO1xuXG4gICAgY29uc3QgZWRpdGluZyA9IHRoaXMuX2dldEVkaXRpbmcoKTtcbiAgICBjb25zdCBjdXJyZW50RWRpdGluZyA9XG4gICAgICB0eXBlb2YgZWRpdGluZyA9PT0gJ251bWJlcicgJiYgY29sb3JTZXRzW2VkaXRpbmddICYmIHR5cGVvZiBjb2xvclNldHNbZWRpdGluZ10gPT09ICdvYmplY3QnO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JcIiByZWY9e3RoaXMubm9kZX0+XG4gICAgICAgIDxJbnB1dEJveENvbnRhaW5lcj5cbiAgICAgICAgICB7Y29sb3JTZXRzLm1hcCgoY1NldCwgaSkgPT4gKFxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2xvci1zZWxlY3RfX2lucHV0LWdyb3VwXCIga2V5PXtpfT5cbiAgICAgICAgICAgICAgPENvbG9yU2VsZWN0b3JJbnB1dFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImNvbG9yLXNlbGVjdG9yX19zZWxlY3RvclwiXG4gICAgICAgICAgICAgICAgYWN0aXZlPXtlZGl0aW5nID09PSBpfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBpbnB1dFRoZW1lPXtpbnB1dFRoZW1lfVxuICAgICAgICAgICAgICAgIG9uTW91c2VEb3duPXtlID0+IHRoaXMuX3Nob3dEcm9wZG93bihlLCBpKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjU2V0LmlzUmFuZ2UgPyAoXG4gICAgICAgICAgICAgICAgICA8Q29sb3JQYWxldHRlIGNvbG9ycz17KGNTZXQuc2VsZWN0ZWRDb2xvciBhcyBDb2xvclJhbmdlKS5jb2xvcnN9IC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxDb2xvckJsb2NrXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImNvbG9yLXNlbGVjdG9yX19zZWxlY3Rvcl9fYmxvY2tcIlxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kY29sb3I9e2NTZXQuc2VsZWN0ZWRDb2xvciBhcyBSR0JDb2xvcn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7Y1NldC5sYWJlbCA/IChcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JfX3NlbGVjdG9yX19sYWJlbFwiPntjU2V0LmxhYmVsfTwvZGl2PlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICA8L0NvbG9yU2VsZWN0b3JJbnB1dD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0lucHV0Qm94Q29udGFpbmVyPlxuICAgICAgICB7Y3VycmVudEVkaXRpbmcgPyAoXG4gICAgICAgICAgPFN0eWxlZFBhbmVsRHJvcGRvd24gY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JfX2Ryb3Bkb3duXCI+XG4gICAgICAgICAgICB7Y29sb3JTZXRzW2VkaXRpbmcgYXMgbnVtYmVyXS5pc1JhbmdlID8gKFxuICAgICAgICAgICAgICA8Q29sb3JSYW5nZVNlbGVjdG9yXG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRDb2xvclJhbmdlPXtjb2xvclNldHNbZWRpdGluZyBhcyBudW1iZXJdLnNlbGVjdGVkQ29sb3IgYXMgQ29sb3JSYW5nZX1cbiAgICAgICAgICAgICAgICBvblNlbGVjdENvbG9yUmFuZ2U9e3RoaXMuX29uU2VsZWN0Q29sb3J9XG4gICAgICAgICAgICAgICAgc2V0Q29sb3JQYWxldHRlVUk9e3RoaXMucHJvcHMuc2V0Q29sb3JVSX1cbiAgICAgICAgICAgICAgICBjb2xvclBhbGV0dGVVST17Y29sb3JVSSBhcyBDb2xvclVJfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFNpbmdsZUNvbG9yUGFsZXR0ZVxuICAgICAgICAgICAgICAgIHNlbGVjdGVkQ29sb3I9e3JnYlRvSGV4KGNvbG9yU2V0c1tlZGl0aW5nIGFzIG51bWJlcl0uc2VsZWN0ZWRDb2xvciBhcyBSR0JDb2xvcil9XG4gICAgICAgICAgICAgICAgb25TZWxlY3RDb2xvcj17dGhpcy5fb25TZWxlY3RDb2xvcn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdHlsZWRQYW5lbERyb3Bkb3duPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgb25DbGlja091dHNpZGUoQ29sb3JTZWxlY3Rvcik7XG4iXX0=

package/dist/side-panel/layer-panel/column-selector.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import FieldSelectorFactory from '../../common/field-selector';
+import { LayerColumn, LayerColumns } from '@kepler.gl/layers';
+import { Field, FieldPair } from '@kepler.gl/types';
+declare type Pair = {
+    name: string;
+    type: string;
+    pair: FieldPair['pair'];
+};
+declare type ColumnSelectorProps = {
+    column: LayerColumn;
+    columns: LayerColumns;
+    label: string;
+    allFields: Field[];
+    onSelect: (items: ReadonlyArray<string | number | boolean | object> | string | number | boolean | object | null) => void;
+    fieldPairs?: Pair[] | null;
+};
+declare function ColumnSelectorFactory(FieldSelector: ReturnType<typeof FieldSelectorFactory>): React.FC<ColumnSelectorProps>;
+declare namespace ColumnSelectorFactory {
+    var deps: (typeof FieldSelectorFactory)[];
+}
+export default ColumnSelectorFactory;