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

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

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.EditButton = exports.ColorBreaksDisplay = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _constants = require("@kepler.gl/constants");
+var _utils = require("@kepler.gl/utils");
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _columnStatsChart = _interopRequireDefault(require("../../common/column-stats-chart"));
+var _icons = require("../../common/icons");
+var _styledComponents2 = require("../../common/styled-components");
+var _customPalette = _interopRequireWildcard(require("./custom-palette"));
+var _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledColorBreaksPanel = _styledComponents["default"].div.attrs({
+  className: 'styled-color-breaks-panel'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 10px;\n"])));
+var StyledColorBreaksDisplay = _styledComponents["default"].div.attrs({
+  className: 'styled-color-breaks-display'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 8px 12px 0 12px;\n"])));
+var ColorBreaksPanelWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])([""])));
+var EditButton = exports.EditButton = function EditButton(_ref) {
+  var onClickEdit = _ref.onClickEdit;
+  return /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
+    className: "editp__button",
+    link: true,
+    onClick: onClickEdit
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Edit, {
+    height: "16px"
+  }), "Edit");
+};
+var ColorBreaksDisplay = exports.ColorBreaksDisplay = function ColorBreaksDisplay(_ref2) {
+  var currentBreaks = _ref2.currentBreaks,
+    onEdit = _ref2.onEdit;
+  if (!(0, _utils.isNumericColorBreaks)(currentBreaks)) {
+    // TODO: implement display for ordinal breaks
+    return null;
+  }
+  return /*#__PURE__*/_react["default"].createElement(StyledColorBreaksDisplay, null, onEdit ? /*#__PURE__*/_react["default"].createElement(EditButton, {
+    onClickEdit: onEdit
+  }) : null, currentBreaks.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_customPalette.ColorPaletteItem, {
+      className: "disabled",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "custom-palette-input__left"
+    }, /*#__PURE__*/_react["default"].createElement(_customPalette.ColorSwatch, {
+      color: item.data
+    }), /*#__PURE__*/_react["default"].createElement(_customPalette.EditableColorRange, {
+      item: item,
+      isLast: index === currentBreaks.length - 1,
+      index: index,
+      editable: false
+    })));
+  }));
+};
+
+/**
+ * ColorBreaksPanelProps
+ */
+
+ColorBreaksPanelFactory.deps = [_customPalette["default"], _columnStatsChart["default"]];
+function ColorBreaksPanelFactory(CustomPalette, ColumnStatsChart) {
+  var ColorBreaksPanel = function ColorBreaksPanel(_ref3) {
+    var colorBreaks = _ref3.colorBreaks,
+      colorUIConfig = _ref3.colorUIConfig,
+      dataset = _ref3.dataset,
+      colorField = _ref3.colorField,
+      isCustomBreaks = _ref3.isCustomBreaks,
+      setColorUI = _ref3.setColorUI,
+      onScaleChange = _ref3.onScaleChange,
+      onApply = _ref3.onApply,
+      onCancel = _ref3.onCancel;
+    var customPalette = colorUIConfig.customPalette,
+      showSketcher = colorUIConfig.showSketcher,
+      colorRangeConfig = colorUIConfig.colorRangeConfig;
+    var isEditingCustomBreaks = Boolean(colorRangeConfig.customBreaks);
+    var currentBreaks = (0, _react.useMemo)(function () {
+      return isEditingCustomBreaks ? (0, _utils.colorMapToColorBreaks)(customPalette.colorMap) : colorBreaks;
+    }, [customPalette.colorMap, isEditingCustomBreaks, colorBreaks]);
+    var onClickEditCustomBreaks = (0, _react.useCallback)(function () {
+      setColorUI({
+        colorRangeConfig: {
+          customBreaks: true
+        }
+      });
+    }, [setColorUI]);
+    var onCilckCancel = (0, _react.useCallback)(function () {
+      setColorUI({
+        showSketcher: false,
+        colorRangeConfig: {
+          customBreaks: false
+        }
+      });
+      onCancel();
+    }, [setColorUI, onCancel]);
+    var onColumnStatsChartChanged = (0, _react.useCallback)(function (newColorBreaks) {
+      var newColors = newColorBreaks.map(function (cb) {
+        return cb.data;
+      });
+      var newColorMap = (0, _utils.colorBreaksToColorMap)(newColorBreaks);
+      var newCustomPalette = _objectSpread(_objectSpread({}, customPalette), {}, {
+        colorMap: newColorMap,
+        colors: newColors
+      });
+
+      // update custom pallette editor
+      if (!isEditingCustomBreaks) {
+        setColorUI({
+          colorRangeConfig: {
+            customBreaks: true
+          },
+          customPalette: newCustomPalette
+        });
+      } else {
+        setColorUI({
+          customPalette: newCustomPalette
+        });
+      }
+
+      // trigger the map to re-render using newCustomPalette
+      onScaleChange(_constants.SCALE_TYPES.custom, newCustomPalette);
+    }, [setColorUI, customPalette, isEditingCustomBreaks, onScaleChange]);
+    return /*#__PURE__*/_react["default"].createElement(ColorBreaksPanelWrapper, null, dataset ? /*#__PURE__*/_react["default"].createElement(ColumnStatsChart, {
+      colorField: colorField,
+      dataset: dataset,
+      colorBreaks: currentBreaks,
+      onChangedUpdater: onColumnStatsChartChanged
+    }) : null, /*#__PURE__*/_react["default"].createElement(StyledColorBreaksPanel, null, isEditingCustomBreaks ? /*#__PURE__*/_react["default"].createElement(CustomPalette, {
+      customPalette: customPalette,
+      setColorPaletteUI: setColorUI,
+      showSketcher: showSketcher,
+      onApply: onApply,
+      onCancel: onCilckCancel
+    }) : currentBreaks ? /*#__PURE__*/_react["default"].createElement(ColorBreaksDisplay, {
+      currentBreaks: currentBreaks,
+      onEdit: isCustomBreaks ? onClickEditCustomBreaks : null
+    }) : null));
+  };
+  return /*#__PURE__*/_react["default"].memo(ColorBreaksPanel);
+}
+var _default = exports["default"] = ColorBreaksPanelFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY29uc3RhbnRzIiwicmVxdWlyZSIsIl91dGlscyIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2NvbHVtblN0YXRzQ2hhcnQiLCJfaWNvbnMiLCJfc3R5bGVkQ29tcG9uZW50czIiLCJfY3VzdG9tUGFsZXR0ZSIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJfdGVtcGxhdGVPYmplY3QzIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0Iiwib3duS2V5cyIsImtleXMiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJvIiwiZmlsdGVyIiwiZW51bWVyYWJsZSIsInB1c2giLCJhcHBseSIsIl9vYmplY3RTcHJlYWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5MiIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiU3R5bGVkQ29sb3JCcmVha3NQYW5lbCIsInN0eWxlZCIsImRpdiIsImF0dHJzIiwiY2xhc3NOYW1lIiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJTdHlsZWRDb2xvckJyZWFrc0Rpc3BsYXkiLCJDb2xvckJyZWFrc1BhbmVsV3JhcHBlciIsIkVkaXRCdXR0b24iLCJleHBvcnRzIiwiX3JlZiIsIm9uQ2xpY2tFZGl0IiwiY3JlYXRlRWxlbWVudCIsIkJ1dHRvbiIsImxpbmsiLCJvbkNsaWNrIiwiRWRpdCIsImhlaWdodCIsIkNvbG9yQnJlYWtzRGlzcGxheSIsIl9yZWYyIiwiY3VycmVudEJyZWFrcyIsIm9uRWRpdCIsImlzTnVtZXJpY0NvbG9yQnJlYWtzIiwibWFwIiwiaXRlbSIsImluZGV4IiwiQ29sb3JQYWxldHRlSXRlbSIsImtleSIsIkNvbG9yU3dhdGNoIiwiY29sb3IiLCJkYXRhIiwiRWRpdGFibGVDb2xvclJhbmdlIiwiaXNMYXN0IiwiZWRpdGFibGUiLCJDb2xvckJyZWFrc1BhbmVsRmFjdG9yeSIsImRlcHMiLCJDdXN0b21QYWxldHRlRmFjdG9yeSIsIkNvbHVtblN0YXRzQ2hhcnRGYWN0b3J5IiwiQ3VzdG9tUGFsZXR0ZSIsIkNvbHVtblN0YXRzQ2hhcnQiLCJDb2xvckJyZWFrc1BhbmVsIiwiX3JlZjMiLCJjb2xvckJyZWFrcyIsImNvbG9yVUlDb25maWciLCJkYXRhc2V0IiwiY29sb3JGaWVsZCIsImlzQ3VzdG9tQnJlYWtzIiwic2V0Q29sb3JVSSIsIm9uU2NhbGVDaGFuZ2UiLCJvbkFwcGx5Iiwib25DYW5jZWwiLCJjdXN0b21QYWxldHRlIiwic2hvd1NrZXRjaGVyIiwiY29sb3JSYW5nZUNvbmZpZyIsImlzRWRpdGluZ0N1c3RvbUJyZWFrcyIsIkJvb2xlYW4iLCJjdXN0b21CcmVha3MiLCJ1c2VNZW1vIiwiY29sb3JNYXBUb0NvbG9yQnJlYWtzIiwiY29sb3JNYXAiLCJvbkNsaWNrRWRpdEN1c3RvbUJyZWFrcyIsInVzZUNhbGxiYWNrIiwib25DaWxja0NhbmNlbCIsIm9uQ29sdW1uU3RhdHNDaGFydENoYW5nZWQiLCJuZXdDb2xvckJyZWFrcyIsIm5ld0NvbG9ycyIsImNiIiwibmV3Q29sb3JNYXAiLCJjb2xvckJyZWFrc1RvQ29sb3JNYXAiLCJuZXdDdXN0b21QYWxldHRlIiwiY29sb3JzIiwiU0NBTEVfVFlQRVMiLCJjdXN0b20iLCJvbkNoYW5nZWRVcGRhdGVyIiwic2V0Q29sb3JQYWxldHRlVUkiLCJSZWFjdCIsIm1lbW8iLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbG9yLWJyZWFrcy1wYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IHtTQ0FMRV9UWVBFU30gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtLZXBsZXJUYWJsZX0gZnJvbSAnQGtlcGxlci5nbC90YWJsZSc7XG5pbXBvcnQge0NvbG9yVUksIEZpZWxkfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7XG4gIENvbG9yQnJlYWssXG4gIENvbG9yQnJlYWtPcmRpbmFsLFxuICBjb2xvckJyZWFrc1RvQ29sb3JNYXAsXG4gIGNvbG9yTWFwVG9Db2xvckJyZWFrcyxcbiAgaXNOdW1lcmljQ29sb3JCcmVha3Ncbn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFjaywgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgQ29sdW1uU3RhdHNDaGFydEZhY3RvcnkgZnJvbSAnLi4vLi4vY29tbW9uL2NvbHVtbi1zdGF0cy1jaGFydCc7XG5pbXBvcnQge0VkaXR9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge0J1dHRvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBDdXN0b21QYWxldHRlRmFjdG9yeSwge1xuICBDb2xvclBhbGV0dGVJdGVtLFxuICBDb2xvclN3YXRjaCxcbiAgRWRpdGFibGVDb2xvclJhbmdlLFxuICBTZXRDb2xvclVJRnVuY1xufSBmcm9tICcuL2N1c3RvbS1wYWxldHRlJztcblxuY29uc3QgU3R5bGVkQ29sb3JCcmVha3NQYW5lbCA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdzdHlsZWQtY29sb3ItYnJlYWtzLXBhbmVsJ1xufSlgXG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckJyZWFrc0Rpc3BsYXkgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnc3R5bGVkLWNvbG9yLWJyZWFrcy1kaXNwbGF5J1xufSlgXG4gIHBhZGRpbmc6IDhweCAxMnB4IDAgMTJweDtcbmA7XG5cbmNvbnN0IENvbG9yQnJlYWtzUGFuZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRWRpdEJ1dHRvbiA9ICh7b25DbGlja0VkaXR9KSA9PiAoXG4gIDxCdXR0b24gY2xhc3NOYW1lPVwiZWRpdHBfX2J1dHRvblwiIGxpbmsgb25DbGljaz17b25DbGlja0VkaXR9PlxuICAgIDxFZGl0IGhlaWdodD1cIjE2cHhcIiAvPlxuICAgIEVkaXRcbiAgPC9CdXR0b24+XG4pO1xuXG5leHBvcnQgdHlwZSBDb2xvckJyZWFrc0Rpc3BsYXlQcm9wcyA9IHtcbiAgY3VycmVudEJyZWFrcz86IENvbG9yQnJlYWtbXSB8IENvbG9yQnJlYWtPcmRpbmFsW10gfCBudWxsO1xuICBvbkVkaXQ6ICgoKSA9PiB2b2lkKSB8IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgQ29sb3JCcmVha3NEaXNwbGF5OiBSZWFjdC5GQzxDb2xvckJyZWFrc0Rpc3BsYXlQcm9wcz4gPSAoe2N1cnJlbnRCcmVha3MsIG9uRWRpdH0pID0+IHtcbiAgaWYgKCFpc051bWVyaWNDb2xvckJyZWFrcyhjdXJyZW50QnJlYWtzKSkge1xuICAgIC8vIFRPRE86IGltcGxlbWVudCBkaXNwbGF5IGZvciBvcmRpbmFsIGJyZWFrc1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbG9yQnJlYWtzRGlzcGxheT5cbiAgICAgIHtvbkVkaXQgPyA8RWRpdEJ1dHRvbiBvbkNsaWNrRWRpdD17b25FZGl0fSAvPiA6IG51bGx9XG4gICAgICB7Y3VycmVudEJyZWFrcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgIDxDb2xvclBhbGV0dGVJdGVtIGNsYXNzTmFtZT1cImRpc2FibGVkXCIga2V5PXtpbmRleH0+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjdXN0b20tcGFsZXR0ZS1pbnB1dF9fbGVmdFwiPlxuICAgICAgICAgICAgPENvbG9yU3dhdGNoIGNvbG9yPXtpdGVtLmRhdGF9IC8+XG4gICAgICAgICAgICA8RWRpdGFibGVDb2xvclJhbmdlXG4gICAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICAgIGlzTGFzdD17aW5kZXggPT09IGN1cnJlbnRCcmVha3MubGVuZ3RoIC0gMX1cbiAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICBlZGl0YWJsZT17ZmFsc2V9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbG9yUGFsZXR0ZUl0ZW0+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZENvbG9yQnJlYWtzRGlzcGxheT5cbiAgKTtcbn07XG5cbi8qKlxuICogQ29sb3JCcmVha3NQYW5lbFByb3BzXG4gKi9cbmV4cG9ydCB0eXBlIENvbG9yQnJlYWtzUGFuZWxQcm9wcyA9IHtcbiAgY29sb3JCcmVha3M6IENvbG9yQnJlYWtbXSB8IENvbG9yQnJlYWtPcmRpbmFsW10gfCBudWxsO1xuICBjb2xvclVJQ29uZmlnOiBDb2xvclVJO1xuICBkYXRhc2V0OiBLZXBsZXJUYWJsZSB8IHVuZGVmaW5lZDtcbiAgY29sb3JGaWVsZDogRmllbGQ7XG4gIGlzQ3VzdG9tQnJlYWtzOiBib29sZWFuO1xuICBzZXRDb2xvclVJOiBTZXRDb2xvclVJRnVuYztcbiAgb25TY2FsZUNoYW5nZTogKHY6IHN0cmluZywgdmlzQ29uZmc/OiBSZWNvcmQ8c3RyaW5nLCBhbnk+KSA9PiB2b2lkO1xuICBvbkFwcGx5OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DYW5jZWw6ICgpID0+IHZvaWQ7XG59O1xuXG5Db2xvckJyZWFrc1BhbmVsRmFjdG9yeS5kZXBzID0gW0N1c3RvbVBhbGV0dGVGYWN0b3J5LCBDb2x1bW5TdGF0c0NoYXJ0RmFjdG9yeV07XG5cbmZ1bmN0aW9uIENvbG9yQnJlYWtzUGFuZWxGYWN0b3J5KFxuICBDdXN0b21QYWxldHRlOiBSZXR1cm5UeXBlPHR5cGVvZiBDdXN0b21QYWxldHRlRmFjdG9yeT4sXG4gIENvbHVtblN0YXRzQ2hhcnQ6IFJldHVyblR5cGU8dHlwZW9mIENvbHVtblN0YXRzQ2hhcnRGYWN0b3J5PlxuKTogUmVhY3QuRkM8Q29sb3JCcmVha3NQYW5lbFByb3BzPiB7XG4gIGNvbnN0IENvbG9yQnJlYWtzUGFuZWw6IFJlYWN0LkZDPENvbG9yQnJlYWtzUGFuZWxQcm9wcz4gPSAoe1xuICAgIGNvbG9yQnJlYWtzLFxuICAgIGNvbG9yVUlDb25maWcsXG4gICAgZGF0YXNldCxcbiAgICBjb2xvckZpZWxkLFxuICAgIGlzQ3VzdG9tQnJlYWtzLFxuICAgIHNldENvbG9yVUksXG4gICAgb25TY2FsZUNoYW5nZSxcbiAgICBvbkFwcGx5LFxuICAgIG9uQ2FuY2VsXG4gIH0pID0+IHtcbiAgICBjb25zdCB7Y3VzdG9tUGFsZXR0ZSwgc2hvd1NrZXRjaGVyLCBjb2xvclJhbmdlQ29uZmlnfSA9IGNvbG9yVUlDb25maWc7XG4gICAgY29uc3QgaXNFZGl0aW5nQ3VzdG9tQnJlYWtzID0gQm9vbGVhbihjb2xvclJhbmdlQ29uZmlnLmN1c3RvbUJyZWFrcyk7XG5cbiAgICBjb25zdCBjdXJyZW50QnJlYWtzID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChpc0VkaXRpbmdDdXN0b21CcmVha3MgPyBjb2xvck1hcFRvQ29sb3JCcmVha3MoY3VzdG9tUGFsZXR0ZS5jb2xvck1hcCkgOiBjb2xvckJyZWFrcyksXG4gICAgICBbY3VzdG9tUGFsZXR0ZS5jb2xvck1hcCwgaXNFZGl0aW5nQ3VzdG9tQnJlYWtzLCBjb2xvckJyZWFrc11cbiAgICApO1xuXG4gICAgY29uc3Qgb25DbGlja0VkaXRDdXN0b21CcmVha3MgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXRDb2xvclVJKHtcbiAgICAgICAgY29sb3JSYW5nZUNvbmZpZzoge1xuICAgICAgICAgIGN1c3RvbUJyZWFrczogdHJ1ZVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9LCBbc2V0Q29sb3JVSV0pO1xuXG4gICAgY29uc3Qgb25DaWxja0NhbmNlbCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldENvbG9yVUkoe1xuICAgICAgICBzaG93U2tldGNoZXI6IGZhbHNlLFxuICAgICAgICBjb2xvclJhbmdlQ29uZmlnOiB7XG4gICAgICAgICAgY3VzdG9tQnJlYWtzOiBmYWxzZVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIG9uQ2FuY2VsKCk7XG4gICAgfSwgW3NldENvbG9yVUksIG9uQ2FuY2VsXSk7XG5cbiAgICBjb25zdCBvbkNvbHVtblN0YXRzQ2hhcnRDaGFuZ2VkID0gdXNlQ2FsbGJhY2soXG4gICAgICBuZXdDb2xvckJyZWFrcyA9PiB7XG4gICAgICAgIGNvbnN0IG5ld0NvbG9ycyA9IG5ld0NvbG9yQnJlYWtzLm1hcChjYiA9PiBjYi5kYXRhKTtcbiAgICAgICAgY29uc3QgbmV3Q29sb3JNYXAgPSBjb2xvckJyZWFrc1RvQ29sb3JNYXAobmV3Q29sb3JCcmVha3MpO1xuXG4gICAgICAgIGNvbnN0IG5ld0N1c3RvbVBhbGV0dGUgPSB7XG4gICAgICAgICAgLi4uY3VzdG9tUGFsZXR0ZSxcbiAgICAgICAgICBjb2xvck1hcDogbmV3Q29sb3JNYXAsXG4gICAgICAgICAgY29sb3JzOiBuZXdDb2xvcnNcbiAgICAgICAgfTtcblxuICAgICAgICAvLyB1cGRhdGUgY3VzdG9tIHBhbGxldHRlIGVkaXRvclxuICAgICAgICBpZiAoIWlzRWRpdGluZ0N1c3RvbUJyZWFrcykge1xuICAgICAgICAgIHNldENvbG9yVUkoe1xuICAgICAgICAgICAgY29sb3JSYW5nZUNvbmZpZzoge1xuICAgICAgICAgICAgICBjdXN0b21CcmVha3M6IHRydWVcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBjdXN0b21QYWxldHRlOiBuZXdDdXN0b21QYWxldHRlXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0Q29sb3JVSSh7Y3VzdG9tUGFsZXR0ZTogbmV3Q3VzdG9tUGFsZXR0ZX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gdHJpZ2dlciB0aGUgbWFwIHRvIHJlLXJlbmRlciB1c2luZyBuZXdDdXN0b21QYWxldHRlXG4gICAgICAgIG9uU2NhbGVDaGFuZ2UoU0NBTEVfVFlQRVMuY3VzdG9tLCBuZXdDdXN0b21QYWxldHRlKTtcbiAgICAgIH0sXG4gICAgICBbc2V0Q29sb3JVSSwgY3VzdG9tUGFsZXR0ZSwgaXNFZGl0aW5nQ3VzdG9tQnJlYWtzLCBvblNjYWxlQ2hhbmdlXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENvbG9yQnJlYWtzUGFuZWxXcmFwcGVyPlxuICAgICAgICB7ZGF0YXNldCA/IChcbiAgICAgICAgICA8Q29sdW1uU3RhdHNDaGFydFxuICAgICAgICAgICAgY29sb3JGaWVsZD17Y29sb3JGaWVsZH1cbiAgICAgICAgICAgIGRhdGFzZXQ9e2RhdGFzZXR9XG4gICAgICAgICAgICBjb2xvckJyZWFrcz17Y3VycmVudEJyZWFrc31cbiAgICAgICAgICAgIG9uQ2hhbmdlZFVwZGF0ZXI9e29uQ29sdW1uU3RhdHNDaGFydENoYW5nZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxTdHlsZWRDb2xvckJyZWFrc1BhbmVsPlxuICAgICAgICAgIHtpc0VkaXRpbmdDdXN0b21CcmVha3MgPyAoXG4gICAgICAgICAgICA8Q3VzdG9tUGFsZXR0ZVxuICAgICAgICAgICAgICBjdXN0b21QYWxldHRlPXtjdXN0b21QYWxldHRlfVxuICAgICAgICAgICAgICBzZXRDb2xvclBhbGV0dGVVST17c2V0Q29sb3JVSX1cbiAgICAgICAgICAgICAgc2hvd1NrZXRjaGVyPXtzaG93U2tldGNoZXJ9XG4gICAgICAgICAgICAgIG9uQXBwbHk9e29uQXBwbHl9XG4gICAgICAgICAgICAgIG9uQ2FuY2VsPXtvbkNpbGNrQ2FuY2VsfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogY3VycmVudEJyZWFrcyA/IChcbiAgICAgICAgICAgIDxDb2xvckJyZWFrc0Rpc3BsYXlcbiAgICAgICAgICAgICAgY3VycmVudEJyZWFrcz17Y3VycmVudEJyZWFrc31cbiAgICAgICAgICAgICAgb25FZGl0PXtpc0N1c3RvbUJyZWFrcyA/IG9uQ2xpY2tFZGl0Q3VzdG9tQnJlYWtzIDogbnVsbH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvU3R5bGVkQ29sb3JCcmVha3NQYW5lbD5cbiAgICAgIDwvQ29sb3JCcmVha3NQYW5lbFdyYXBwZXI+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gUmVhY3QubWVtbyhDb2xvckJyZWFrc1BhbmVsKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sb3JCcmVha3NQYW5lbEZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxVQUFBLEdBQUFDLE9BQUE7QUFHQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFPQSxJQUFBRSxNQUFBLEdBQUFDLHVCQUFBLENBQUFILE9BQUE7QUFDQSxJQUFBSSxpQkFBQSxHQUFBQyxzQkFBQSxDQUFBTCxPQUFBO0FBQ0EsSUFBQU0saUJBQUEsR0FBQUQsc0JBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFPLE1BQUEsR0FBQVAsT0FBQTtBQUNBLElBQUFRLGtCQUFBLEdBQUFSLE9BQUE7QUFDQSxJQUFBUyxjQUFBLEdBQUFOLHVCQUFBLENBQUFILE9BQUE7QUFLMEIsSUFBQVUsZUFBQSxFQUFBQyxnQkFBQSxFQUFBQyxnQkFBQSxFQXZCMUI7QUFDQTtBQUFBLFNB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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { HexColor } from '@kepler.gl/types';
+export declare type PresetColorPaletteProps = {
+    themes: string[];
+    selectedColor: HexColor;
+    onSelectColor: (c: HexColor, e?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+};
+declare const PresetColorPalette: React.FC<PresetColorPaletteProps>;
+export default PresetColorPalette;

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

@@ -0,0 +1,45 @@
+"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 _d3Array = require("d3-array");
+var _constants = require("@kepler.gl/constants");
+var _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var PALETTE_HEIGHT = '8px';
+var ROWS = 22;
+var StyledColorPalette = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 12px;\n\n  :hover {\n    cursor: pointer;\n  }\n"])));
+var StyledColorColumn = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
+var StyledColorBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 1;\n  height: ", ";\n  border-width: 1px;\n  border-style: solid;\n"])), PALETTE_HEIGHT);
+var PresetColorPalette = function PresetColorPalette(_ref) {
+  var themes = _ref.themes,
+    onSelectColor = _ref.onSelectColor,
+    selectedColor = _ref.selectedColor;
+  return /*#__PURE__*/_react["default"].createElement(StyledColorPalette, null, themes.map(function (theme) {
+    return /*#__PURE__*/_react["default"].createElement(StyledColorColumn, {
+      key: theme,
+      className: "single-color-palette__column"
+    }, (0, _d3Array.range)(1, ROWS + 1, 1).map(function (key, i) {
+      return /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
+        className: "single-color-palette__block",
+        style: {
+          backgroundColor: _constants.ColorsByTheme[theme][key],
+          borderColor: selectedColor === _constants.ColorsByTheme[theme][key].toUpperCase() ? 'white' : _constants.ColorsByTheme[theme][key]
+        },
+        key: "".concat(theme, "_").concat(key),
+        selected: selectedColor === _constants.ColorsByTheme[theme][key].toUpperCase(),
+        onClick: function onClick(e) {
+          return onSelectColor(_constants.ColorsByTheme[theme][key], e);
+        }
+      });
+    }));
+  }));
+};
+var _default = exports["default"] = PresetColorPalette;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2QzQXJyYXkiLCJfY29uc3RhbnRzIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJQQUxFVFRFX0hFSUdIVCIsIlJPV1MiLCJTdHlsZWRDb2xvclBhbGV0dGUiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlN0eWxlZENvbG9yQ29sdW1uIiwiU3R5bGVkQ29sb3JCbG9jayIsIlByZXNldENvbG9yUGFsZXR0ZSIsIl9yZWYiLCJ0aGVtZXMiLCJvblNlbGVjdENvbG9yIiwic2VsZWN0ZWRDb2xvciIsImNyZWF0ZUVsZW1lbnQiLCJtYXAiLCJ0aGVtZSIsImtleSIsImNsYXNzTmFtZSIsInJhbmdlIiwiaSIsInN0eWxlIiwiYmFja2dyb3VuZENvbG9yIiwiQ29sb3JzQnlUaGVtZSIsImJvcmRlckNvbG9yIiwidG9VcHBlckNhc2UiLCJjb25jYXQiLCJzZWxlY3RlZCIsIm9uQ2xpY2siLCJlIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvY29sb3ItcGFsZXR0ZS1wcmVzZXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7cmFuZ2V9IGZyb20gJ2QzLWFycmF5JztcblxuaW1wb3J0IHtDb2xvcnNCeVRoZW1lfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge0hleENvbG9yfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcblxuY29uc3QgUEFMRVRURV9IRUlHSFQgPSAnOHB4JztcbmNvbnN0IFJPV1MgPSAyMjtcblxuY29uc3QgU3R5bGVkQ29sb3JQYWxldHRlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwYWRkaW5nOiAxMnB4O1xuXG4gIDpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxudHlwZSBTdHlsZWRDb2xvckJsb2NrUHJvcHMgPSB7XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZENvbG9yQmxvY2sgPSBzdHlsZWQuZGl2PFN0eWxlZENvbG9yQmxvY2tQcm9wcz5gXG4gIGZsZXgtZ3JvdzogMTtcbiAgaGVpZ2h0OiAke1BBTEVUVEVfSEVJR0hUfTtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG5gO1xuXG5leHBvcnQgdHlwZSBQcmVzZXRDb2xvclBhbGV0dGVQcm9wcyA9IHtcbiAgdGhlbWVzOiBzdHJpbmdbXTtcbiAgc2VsZWN0ZWRDb2xvcjogSGV4Q29sb3I7XG4gIG9uU2VsZWN0Q29sb3I6IChjOiBIZXhDb2xvciwgZT86IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkO1xufTtcblxuY29uc3QgUHJlc2V0Q29sb3JQYWxldHRlOiBSZWFjdC5GQzxQcmVzZXRDb2xvclBhbGV0dGVQcm9wcz4gPSAoe1xuICB0aGVtZXMsXG4gIG9uU2VsZWN0Q29sb3IsXG4gIHNlbGVjdGVkQ29sb3Jcbn06IFByZXNldENvbG9yUGFsZXR0ZVByb3BzKSA9PiAoXG4gIDxTdHlsZWRDb2xvclBhbGV0dGU+XG4gICAge3RoZW1lcy5tYXAodGhlbWUgPT4gKFxuICAgICAgPFN0eWxlZENvbG9yQ29sdW1uIGtleT17dGhlbWV9IGNsYXNzTmFtZT1cInNpbmdsZS1jb2xvci1wYWxldHRlX19jb2x1bW5cIj5cbiAgICAgICAge3JhbmdlKDEsIFJPV1MgKyAxLCAxKS5tYXAoKGtleSwgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRDb2xvckJsb2NrXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJzaW5nbGUtY29sb3ItcGFsZXR0ZV9fYmxvY2tcIlxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBDb2xvcnNCeVRoZW1lW3RoZW1lXVtrZXldLFxuICAgICAgICAgICAgICBib3JkZXJDb2xvcjpcbiAgICAgICAgICAgICAgICBzZWxlY3RlZENvbG9yID09PSBDb2xvcnNCeVRoZW1lW3RoZW1lXVtrZXldLnRvVXBwZXJDYXNlKClcbiAgICAgICAgICAgICAgICAgID8gJ3doaXRlJ1xuICAgICAgICAgICAgICAgICAgOiBDb2xvcnNCeVRoZW1lW3RoZW1lXVtrZXldXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAga2V5PXtgJHt0aGVtZX1fJHtrZXl9YH1cbiAgICAgICAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZENvbG9yID09PSBDb2xvcnNCeVRoZW1lW3RoZW1lXVtrZXldLnRvVXBwZXJDYXNlKCl9XG4gICAgICAgICAgICBvbkNsaWNrPXtlID0+IG9uU2VsZWN0Q29sb3IoQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XSwgZSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZENvbG9yQ29sdW1uPlxuICAgICkpfVxuICA8L1N0eWxlZENvbG9yUGFsZXR0ZT5cbik7XG5cbmV4cG9ydCBkZWZh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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { HexColor, RGBColor } from '@kepler.gl/types';
+declare type ColorPaletteProps = {
+    colors: RGBColor | HexColor[];
+    colorWidths?: number[];
+    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,69 @@
+"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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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: ", ";\n  border-style: solid;\n  border-color: ", ";\n  padding: ", ";\n  border-radius: 4px;\n"])), function (props) {
+  return props.isColorChart ? '0px' : '1px';
+}, function (props) {
+  return props.isSelected ? '#FFFFFF' : 'transparent';
+}, function (props) {
+  return props.isColorChart ? '0px' : '4px';
+});
+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 _ref$colors = _ref.colors,
+    colors = _ref$colors === void 0 ? [] : _ref$colors,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 10 : _ref$height,
+    _ref$colorWidths = _ref.colorWidths,
+    colorWidths = _ref$colorWidths === void 0 ? null : _ref$colorWidths,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isReversed = _ref.isReversed,
+    isReversed = _ref$isReversed === void 0 ? false : _ref$isReversed;
+  return /*#__PURE__*/_react["default"].createElement(PaletteContainer, {
+    className: className,
+    isSelected: isSelected,
+    isColorChart: Boolean(colorWidths)
+  }, /*#__PURE__*/_react["default"].createElement(PaletteWrapper, {
+    style: {
+      height: height,
+      transform: "scale(".concat(isReversed ? -1 : 1, ", 1)")
+    }
+  }, colors.map(function (color, index) {
+    return colorWidths ? /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
+      key: "".concat(color, "-").concat(index),
+      style: {
+        backgroundColor: String(color),
+        width: colorWidths[index]
+      }
+    }) : /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
+      key: "".concat(color, "-").concat(index),
+      style: {
+        backgroundColor: String(color)
+      }
+    });
+  })));
+};
+var _default = exports["default"] = ColorPalette;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NsYXNzbmFtZXMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIlBhbGV0dGVXcmFwcGVyIiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlBhbGV0dGVDb250YWluZXIiLCJwcm9wcyIsImNsYXNzbmFtZXMiLCJpc0NvbG9yQ2hhcnQiLCJpc1NlbGVjdGVkIiwiU3R5bGVkQ29sb3JCbG9jayIsIkNvbG9yUGFsZXR0ZSIsIl9yZWYiLCJfcmVmJGNvbG9ycyIsImNvbG9ycyIsIl9yZWYkaGVpZ2h0IiwiaGVpZ2h0IiwiX3JlZiRjb2xvcldpZHRocyIsImNvbG9yV2lkdGhzIiwiX3JlZiRjbGFzc05hbWUiLCJfcmVmJGlzU2VsZWN0ZWQiLCJfcmVmJGlzUmV2ZXJzZWQiLCJpc1JldmVyc2VkIiwiY3JlYXRlRWxlbWVudCIsIkJvb2xlYW4iLCJzdHlsZSIsInRyYW5zZm9ybSIsImNvbmNhdCIsIm1hcCIsImNvbG9yIiwiaW5kZXgiLCJrZXkiLCJiYWNrZ3JvdW5kQ29sb3IiLCJTdHJpbmciLCJ3aWR0aCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbG9yLXBhbGV0dGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0hleENvbG9yLCBSR0JDb2xvcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuXG50eXBlIENvbG9yUGFsZXR0ZVByb3BzID0ge1xuICBjb2xvcnM6IFJHQkNvbG9yIHwgSGV4Q29sb3JbXTtcbiAgY29sb3JXaWR0aHM/OiBudW1iZXJbXTtcbiAgaGVpZ2h0PzogbnVtYmVyO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpc1JldmVyc2VkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFBhbGV0dGVXcmFwcGVyID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2NvbG9yLXJhbmdlLXBhbGV0dGVfX2lubmVyJ1xufSlgXG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBQYWxldHRlQ29udGFpbmVyID0gc3R5bGVkLmRpdi5hdHRycyhwcm9wcyA9PiAoe1xuICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoJ2NvbG9yLXJhbmdlLXBhbGV0dGUnLCBwcm9wcy5jbGFzc05hbWUpXG59KSk8e2lzU2VsZWN0ZWQ/OiBib29sZWFuOyBpc0NvbG9yQ2hhcnQ/OiBib29sZWFufT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgYm9yZGVyLXdpZHRoOiAke3Byb3BzID0+IChwcm9wcy5pc0NvbG9yQ2hhcnQgPyAnMHB4JyA6ICcxcHgnKX07XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtwcm9wcyA9PiAocHJvcHMuaXNTZWxlY3RlZCA/ICcjRkZGRkZGJyA6ICd0cmFuc3BhcmVudCcpfTtcbiAgcGFkZGluZzogJHtwcm9wcyA9PiAocHJvcHMuaXNDb2xvckNoYXJ0ID8gJzBweCcgOiAnNHB4Jyl9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckJsb2NrID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2NvbG9yLXJhbmdlLXBhbGV0dGVfX2Jsb2NrJ1xufSlgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IENvbG9yUGFsZXR0ZTogUmVhY3QuRkM8Q29sb3JQYWxldHRlUHJvcHM+ID0gKHtcbiAgY29sb3JzID0gW10sXG4gIGhlaWdodCA9IDEwLFxuICBjb2xvcldpZHRocyA9IG51bGwsXG4gIGNsYXNzTmFtZSA9ICcnLFxuICBpc1NlbGVjdGVkID0gZmFsc2UsXG4gIGlzUmV2ZXJzZWQgPSBmYWxzZVxufSkgPT4gKFxuICA8UGFsZXR0ZUNvbnRhaW5lclxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgaXNDb2xvckNoYXJ0PXtCb29sZWFuKGNvbG9yV2lkdGhzKX1cbiAgPlxuICAgIDxQYWxldHRlV3JhcHBlciBzdHlsZT17e2hlaWdodCwgdHJhbnNmb3JtOiBgc2NhbGUoJHtpc1JldmVyc2VkID8gLTEgOiAxfSwgMSlgfX0+XG4gICAgICB7Y29sb3JzLm1hcCgoY29sb3I6IG51bWJlciB8IHN0cmluZywgaW5kZXg6IG51bWJlcikgPT5cbiAgICAgICAgY29sb3JXaWR0aHMgPyAoXG4gICAgICAgICAgPFN0eWxlZENvbG9yQmxvY2tcbiAgICAgICAgICAgIGtleT17YCR7Y29sb3J9LSR7aW5kZXh9YH1cbiAgICAgICAgICAgIHN0eWxlPXt7YmFja2dyb3VuZENvbG9yOiBTdHJpbmcoY29sb3IpLCB3aWR0aDogY29sb3JXaWR0aHNbaW5kZXhdfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxTdHlsZWRDb2xvckJsb2NrIGtleT17YCR7Y29sb3J9LSR7aW5kZXh9YH0gc3R5bGU9e3tiYWNrZ3JvdW5kQ29sb3I6IFN0cmluZyhjb2xvcil9fSAvPlxuICAgICAgICApXG4gICAgICApfVxuICAgIDwvUGFsZXR0ZVdyYXBwZXI+XG4gIDwvUGFsZXR0ZUNvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbG9yUGFsZXR0ZTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBQyxpQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsV0FBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQW9DLElBQUFHLGVBQUEsRUFBQUMsZ0JBQUEsRUFBQUMsZ0JBQUEsRUFOcEM7QUFDQTtBQWdCQSxJQUFNQyxjQUFjLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDO0VBQ3RDQyxTQUFTLEVBQUU7QUFDYixDQUFDLENBQUMsQ0FBQVAsZUFBQSxLQUFBQSxlQUFBLE9BQUFRLHVCQUFBLGdLQU9EO0FBRUQsSUFBTUMsZ0JBQWdCLEdBQUdMLDRCQUFNLENBQUNDLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDLFVBQUFJLEtBQUs7RUFBQSxPQUFLO0lBQ2xESCxTQUFTLEVBQUUsSUFBQUksc0JBQVUsRUFBQyxxQkFBcUIsRUFBRUQsS0FBSyxDQUFDSCxTQUFTO0VBQzlELENBQUM7QUFBQSxDQUFDLENBQUMsQ0FBQU4sZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQU8sdUJBQUEseUtBR2UsVUFBQUUsS0FBSztFQUFBLE9BQUtBLEtBQUssQ0FBQ0UsWUFBWSxHQUFHLEtBQUssR0FBRyxLQUFLO0FBQUEsQ0FBQyxFQUU3QyxVQUFBRixLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDRyxVQUFVLEdBQUcsU0FBUyxHQUFHLGFBQWE7QUFBQSxDQUFDLEVBQzVELFVBQUFILEtBQUs7RUFBQSxPQUFLQSxLQUFLLENBQUNFLFlBQVksR0FBRyxLQUFLLEdBQUcsS0FBSztBQUFBLENBQUMsQ0FFekQ7QUFFRCxJQUFNRSxnQkFBZ0IsR0FBR1YsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFDQyxLQUFLLENBQUM7RUFDeENDLFNBQVMsRUFBRTtBQUNiLENBQUMsQ0FBQyxDQUFBTCxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBTSx1QkFBQSx1Q0FFRDtBQUVELElBQU1PLFlBQXlDLEdBQUcsU0FBNUNBLFlBQXlDQSxDQUFBQyxJQUFBO0VBQUEsSUFBQUMsV0FBQSxHQUFBRCxJQUFBLENBQzdDRSxNQUFNO0lBQU5BLE1BQU0sR0FBQUQsV0FBQSxjQUFHLEVBQUUsR0FBQUEsV0FBQTtJQUFBRSxXQUFBLEdBQUFILElBQUEsQ0FDWEksTUFBTTtJQUFOQSxNQUFNLEdBQUFELFdBQUEsY0FBRyxFQUFFLEdBQUFBLFdBQUE7SUFBQUUsZ0JBQUEsR0FBQUwsSUFBQSxDQUNYTSxXQUFXO0lBQVhBLFdBQVcsR0FBQUQsZ0JBQUEsY0FBRyxJQUFJLEdBQUFBLGdCQUFBO0lBQUFFLGNBQUEsR0FBQVAsSUFBQSxDQUNsQlQsU0FBUztJQUFUQSxTQUFTLEdBQUFnQixjQUFBLGNBQUcsRUFBRSxHQUFBQSxjQUFBO0lBQUFDLGVBQUEsR0FBQVIsSUFBQSxDQUNkSCxVQUFVO0lBQVZBLFVBQVUsR0FBQVcsZUFBQSxjQUFHLEtBQUssR0FBQUEsZUFBQTtJQUFBQyxlQUFBLEdBQUFULElBQUEsQ0FDbEJVLFVBQVU7SUFBVkEsVUFBVSxHQUFBRCxlQUFBLGNBQUcsS0FBSyxHQUFBQSxlQUFBO0VBQUEsb0JBRWxCOUIsTUFBQSxZQUFBZ0MsYUFBQSxDQUFDbEIsZ0JBQWdCO0lBQ2ZGLFNBQVMsRUFBRUEsU0FBVTtJQUNyQk0sVUFBVSxFQUFFQSxVQUFXO0lBQ3ZCRCxZQUFZLEVBQUVnQixPQUFPLENBQUNOLFdBQVc7RUFBRSxnQkFFbkMzQixNQUFBLFlBQUFnQyxhQUFBLENBQUN4QixjQUFjO0lBQUMwQixLQUFLLEVBQUU7TUFBQ1QsTUFBTSxFQUFOQSxNQUFNO01BQUVVLFNBQVMsV0FBQUMsTUFBQSxDQUFXTCxVQUFVLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQztJQUFNO0VBQUUsR0FDNUVSLE1BQU0sQ0FBQ2MsR0FBRyxDQUFDLFVBQUNDLEtBQXNCLEVBQUVDLEtBQWE7SUFBQSxPQUNoRFosV0FBVyxnQkFDVDNCLE1BQUEsWUFBQWdDLGFBQUEsQ0FBQ2IsZ0JBQWdCO01BQ2ZxQixHQUFHLEtBQUFKLE1BQUEsQ0FBS0UsS0FBSyxPQUFBRixNQUFBLENBQUlHLEtBQUssQ0FBRztNQUN6QkwsS0FBSyxFQUFFO1FBQUNPLGVBQWUsRUFBRUMsTUFBTSxDQUFDSixLQUFLLENBQUM7UUFBRUssS0FBSyxFQUFFaEIsV0FBVyxDQUFDWSxLQUFLO01BQUM7SUFBRSxDQUNwRSxDQUFDLGdCQUVGdkMsTUFBQSxZQUFBZ0MsYUFBQSxDQUFDYixnQkFBZ0I7TUFBQ3FCLEdBQUcsS0FBQUosTUFBQSxDQUFLRSxLQUFLLE9BQUFGLE1BQUEsQ0FBSUcsS0FBSyxDQUFHO01BQUNMLEtBQUssRUFBRTtRQUFDTyxlQUFlLEVBQUVDLE1BQU0sQ0FBQ0osS0FBSztNQUFDO0lBQUUsQ0FBRSxDQUN2RjtFQUFBLENBQ0gsQ0FDYyxDQUNBLENBQUM7QUFBQSxDQUNwQjtBQUFDLElBQUFNLFFBQUEsR0FBQUMsT0FBQSxjQUVhekIsWUFBWSIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -0,0 +1,39 @@
+import React, { MouseEvent } from 'react';
+import { ColorRange, ColorPalette } from '@kepler.gl/constants';
+import { ColorUI, NestedPartial } from '@kepler.gl/types';
+import CustomPaletteFactory from './custom-palette';
+declare type ColorRangeSelectorProps = {
+    colorPalettes?: ColorPalette[];
+    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: any) => void;
+    disabled?: boolean;
+    prop: string;
+    reason?: string;
+};
+export declare const ALL_TYPES: ("sequential" | "qualitative" | "diverging" | "cyclical")[];
+declare function ColorRangeSelectorFactory(CustomPalette: ReturnType<typeof CustomPaletteFactory>): React.FC<ColorRangeSelectorProps>;
+declare namespace ColorRangeSelectorFactory {
+    var deps: (typeof CustomPaletteFactory)[];
+}
+export declare const PaletteConfig: React.FC<PaletteConfigProps>;
+declare type ColorPaletteItemProps = {
+    reversed?: boolean;
+    selected?: ColorRange;
+    colorPalette: ColorPalette;
+    selectedColorRange: ColorRange;
+    onSelect: (colorPalette: ColorPalette, e: MouseEvent) => void;
+    steps: number;
+};
+export declare const ColorPaletteItem: React.FC<ColorPaletteItemProps>;
+export default ColorRangeSelectorFactory;