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

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

@@ -0,0 +1,167 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InputBoxContainer = exports.ColorSelectorInput = exports.ColorBlock = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _utils = require("@kepler.gl/utils");
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _rangeSlider = _interopRequireDefault(require("../../common/range-slider"));
+var _styledComponents2 = require("../../common/styled-components");
+var _colorPalette = _interopRequireDefault(require("./color-palette"));
+var _colorRangeSelector = _interopRequireDefault(require("./color-range-selector"));
+var _singleColorPalette = _interopRequireDefault(require("./single-color-palette"));
+var _useOnClickOutside = _interopRequireDefault(require("../../hooks/use-on-click-outside"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4; // 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" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var OpacitySliderWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0px 12px 12px 12px;\n"])));
+var OPACITY_SLIDER_PROPS = {
+  type: 'number',
+  range: [0, 1],
+  value0: 0,
+  step: 0.01,
+  isRanged: false,
+  label: 'Opacity',
+  showInput: true
+};
+var ColorBlock = exports.ColorBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 32px;\n  height: 18px;\n  border-radius: 1px;\n  background-color: ", ";\n"])), function (props) {
+  return Array.isArray(props.backgroundcolor) ? "rgb(".concat(props.backgroundcolor.slice(0, 3).join(','), ")") : 'transparent';
+});
+var ColorSelectorInput = exports.ColorSelectorInput = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (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;
+});
+var InputBoxContainer = exports.InputBoxContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (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"])));
+ColorSelectorFactory.deps = [_colorRangeSelector["default"], _rangeSlider["default"]];
+function ColorSelectorFactory(ColorRangeSelector, RangeSlider) {
+  var ColorSelector = function ColorSelector(_ref) {
+    var _ref$colorSets = _ref.colorSets,
+      colorSets = _ref$colorSets === void 0 ? [] : _ref$colorSets,
+      colorUI = _ref.colorUI,
+      inputTheme = _ref.inputTheme,
+      disabled = _ref.disabled,
+      useOpacity = _ref.useOpacity,
+      setColorUI = _ref.setColorUI;
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      showDropdown = _useState2[0],
+      setShowDropdown = _useState2[1];
+    var showSketcher = colorUI ? colorUI.showSketcher : false;
+    var editing = colorUI ? colorUI.showDropdown : showDropdown;
+    var currentEditing = typeof editing === 'number' && colorSets[editing] && (0, _typeof2["default"])(colorSets[editing]) === 'object';
+    var closePanelDropdown = (0, _react.useCallback)(function () {
+      if (editing === false) {
+        return;
+      }
+      if (setColorUI) {
+        setColorUI({
+          showDropdown: false,
+          showSketcher: false
+        });
+      } else {
+        setShowDropdown(false);
+      }
+    }, [editing, setColorUI, setShowDropdown]);
+    var handleClickOutside = (0, _react.useCallback)(function () {
+      if (Number.isInteger(showSketcher)) {
+        // if sketcher is open, let sketch to close itself first
+        return;
+      }
+      closePanelDropdown();
+    }, [showSketcher, closePanelDropdown]);
+    var ref = (0, _useOnClickOutside["default"])(handleClickOutside);
+    var onSetColor = (0, _react.useCallback)(function (colorSet, color, opacity) {
+      var _ref2 = colorSet || {},
+        setColor = _ref2.setColor;
+      if (!setColor) {
+        return;
+      }
+      if (useOpacity && Array.isArray(color)) {
+        setColor([].concat((0, _toConsumableArray2["default"])(color.slice(0, 3)), [opacity]));
+      } else {
+        setColor(color);
+      }
+    }, [useOpacity]);
+    var onSelectColor = (0, _react.useCallback)(function (color, e) {
+      if (e) e.stopPropagation();
+      var colorSet = typeof editing === 'number' && colorSets[editing];
+      if (colorSet) {
+        onSetColor(colorSet, color, colorSet.selectedColor[3]);
+      }
+    }, [editing, colorSets, onSetColor]);
+    var onSelectOpacity = (0, _react.useCallback)(function (opacity, e) {
+      if (e) e.stopPropagation();
+      var colorSet = typeof editing === 'number' && colorSets[editing];
+      if (colorSet) {
+        onSetColor(colorSet, colorSet.selectedColor, Math.round(opacity[1] * 255));
+      }
+    }, [onSetColor, colorSets, editing]);
+    var onToggleDropdown = (0, _react.useCallback)(function (e, i) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (setColorUI) {
+        setColorUI({
+          showDropdown: i
+        });
+      } else {
+        setShowDropdown(i);
+      }
+    }, [setColorUI, setShowDropdown]);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "color-selector"
+    }, /*#__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,
+        onClick: function onClick(e) {
+          return onToggleDropdown(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",
+      ref: ref
+    }, colorSets[editing].isRange ? /*#__PURE__*/_react["default"].createElement(ColorRangeSelector, {
+      selectedColorRange: colorSets[editing].selectedColor,
+      onSelectColorRange: onSelectColor,
+      setColorPaletteUI: setColorUI,
+      colorPaletteUI: colorUI
+    }) : /*#__PURE__*/_react["default"].createElement(_singleColorPalette["default"], {
+      selectedColor: (0, _utils.rgbToHex)(colorSets[editing].selectedColor),
+      onSelectColor: onSelectColor
+    }), useOpacity ? /*#__PURE__*/_react["default"].createElement(OpacitySliderWrapper, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+      id: "color.opacity"
+    })), /*#__PURE__*/_react["default"].createElement(RangeSlider, (0, _extends2["default"])({}, OPACITY_SLIDER_PROPS, {
+      value1: colorSets[editing].selectedColor[3] / 255,
+      onChange: onSelectOpacity
+    }))) : null) : null);
+  };
+  return ColorSelector;
+}
+var _default = exports["default"] = ColorSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdXRpbHMiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfcmVhY3RJbnRsIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3JhbmdlU2xpZGVyIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2NvbG9yUGFsZXR0ZSIsIl9jb2xvclJhbmdlU2VsZWN0b3IiLCJfc2luZ2xlQ29sb3JQYWxldHRlIiwiX3VzZU9uQ2xpY2tPdXRzaWRlIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJfdGVtcGxhdGVPYmplY3Q0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mMyIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIk9wYWNpdHlTbGlkZXJXcmFwcGVyIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJPUEFDSVRZX1NMSURFUl9QUk9QUyIsInR5cGUiLCJyYW5nZSIsInZhbHVlMCIsInN0ZXAiLCJpc1JhbmdlZCIsImxhYmVsIiwic2hvd0lucHV0IiwiQ29sb3JCbG9jayIsImV4cG9ydHMiLCJwcm9wcyIsIkFycmF5IiwiaXNBcnJheSIsImJhY2tncm91bmRjb2xvciIsImNvbmNhdCIsInNsaWNlIiwiam9pbiIsIkNvbG9yU2VsZWN0b3JJbnB1dCIsImlucHV0VGhlbWUiLCJ0aGVtZSIsInNlY29uZGFyeUlucHV0IiwiaW5wdXQiLCJpbnB1dEJveEhlaWdodCIsImlucHV0UGxhY2Vob2xkZXJDb2xvciIsIklucHV0Qm94Q29udGFpbmVyIiwiQ29sb3JTZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiQ29sb3JSYW5nZVNlbGVjdG9yRmFjdG9yeSIsIlJhbmdlU2xpZGVyRmFjdG9yeSIsIkNvbG9yUmFuZ2VTZWxlY3RvciIsIlJhbmdlU2xpZGVyIiwiQ29sb3JTZWxlY3RvciIsIl9yZWYiLCJfcmVmJGNvbG9yU2V0cyIsImNvbG9yU2V0cyIsImNvbG9yVUkiLCJkaXNhYmxlZCIsInVzZU9wYWNpdHkiLCJzZXRDb2xvclVJIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwic2hvd0Ryb3Bkb3duIiwic2V0U2hvd0Ryb3Bkb3duIiwic2hvd1NrZXRjaGVyIiwiZWRpdGluZyIsImN1cnJlbnRFZGl0aW5nIiwiX3R5cGVvZjIiLCJjbG9zZVBhbmVsRHJvcGRvd24iLCJ1c2VDYWxsYmFjayIsImhhbmRsZUNsaWNrT3V0c2lkZSIsIk51bWJlciIsImlzSW50ZWdlciIsInJlZiIsInVzZU9uQ2xpY2tPdXRzaWRlIiwib25TZXRDb2xvciIsImNvbG9yU2V0IiwiY29sb3IiLCJvcGFjaXR5IiwiX3JlZjIiLCJzZXRDb2xvciIsIl90b0NvbnN1bWFibGVBcnJheTIiLCJvblNlbGVjdENvbG9yIiwic3RvcFByb3BhZ2F0aW9uIiwic2VsZWN0ZWRDb2xvciIsIm9uU2VsZWN0T3BhY2l0eSIsIk1hdGgiLCJyb3VuZCIsIm9uVG9nZ2xlRHJvcGRvd24iLCJwcmV2ZW50RGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJtYXAiLCJjU2V0Iiwia2V5IiwiYWN0aXZlIiwib25DbGljayIsImlzUmFuZ2UiLCJjb2xvcnMiLCJTdHlsZWRQYW5lbERyb3Bkb3duIiwic2VsZWN0ZWRDb2xvclJhbmdlIiwib25TZWxlY3RDb2xvclJhbmdlIiwic2V0Q29sb3JQYWxldHRlVUkiLCJjb2xvclBhbGV0dGVVSSIsInJnYlRvSGV4IiwiUGFuZWxMYWJlbCIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJpZCIsIl9leHRlbmRzMiIsInZhbHVlMSIsIm9uQ2hhbmdlIiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9jb2xvci1zZWxlY3Rvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IHtDb2xvclJhbmdlfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge0NvbG9yVUksIE5lc3RlZFBhcnRpYWwsIFJHQkFDb2xvciwgUkdCQ29sb3J9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtyZ2JUb0hleH0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQgUmVhY3QsIHtNb3VzZUV2ZW50LCBDb21wb25lbnRUeXBlLCB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBSYW5nZVNsaWRlckZhY3RvcnkgZnJvbSAnLi4vLi4vY29tbW9uL3JhbmdlLXNsaWRlcic7XG5pbXBvcnQge1BhbmVsTGFiZWwsIFN0eWxlZFBhbmVsRHJvcGRvd259IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgQ29sb3JQYWxldHRlIGZyb20gJy4vY29sb3ItcGFsZXR0ZSc7XG5pbXBvcnQgQ29sb3JSYW5nZVNlbGVjdG9yRmFjdG9yeSBmcm9tICcuL2NvbG9yLXJhbmdlLXNlbGVjdG9yJztcbmltcG9ydCBTaW5nbGVDb2xvclBhbGV0dGUgZnJvbSAnLi9zaW5nbGUtY29sb3ItcGFsZXR0ZSc7XG5cbmltcG9ydCB1c2VPbkNsaWNrT3V0c2lkZSBmcm9tICcuLi8uLi9ob29rcy91c2Utb24tY2xpY2stb3V0c2lkZSc7XG5cbnR5cGUgQ29sb3JTZWxlY3RvcklucHV0UHJvcHMgPSB7XG4gIGFjdGl2ZTogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgQ29sb3JTZXQgPSB7XG4gIHNlbGVjdGVkQ29sb3I6IFJHQkNvbG9yIHwgUkdCQUNvbG9yIHwgQ29sb3JSYW5nZTtcbiAgc2V0Q29sb3I6ICh2OiBSR0JDb2xvciB8IFJHQkFDb2xvciB8IENvbG9yUmFuZ2UpID0+IHZvaWQ7XG4gIGlzUmFuZ2U/OiBib29sZWFuO1xuICBsYWJlbD86IHN0cmluZztcbn07XG5cbnR5cGUgQ29sb3JTZWxlY3RvclByb3BzID0ge1xuICBjb2xvclNldHM6IENvbG9yU2V0W107XG4gIGNvbG9yVUk/OiBDb2xvclVJO1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHVzZU9wYWNpdHk/OiBib29sZWFuO1xuICBzZXRDb2xvclVJPzogKG5ld0NvbmZpZzogTmVzdGVkUGFydGlhbDxDb2xvclVJPikgPT4gdm9pZDtcbn07XG5cbmNvbnN0IE9wYWNpdHlTbGlkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMHB4IDEycHggMTJweCAxMnB4O1xuYDtcblxuY29uc3QgT1BBQ0lUWV9TTElERVJfUFJPUFMgPSB7XG4gIHR5cGU6ICdudW1iZXInLFxuICByYW5nZTogWzAsIDFdLFxuICB2YWx1ZTA6IDAsXG4gIHN0ZXA6IDAuMDEsXG4gIGlzUmFuZ2VkOiBmYWxzZSxcbiAgbGFiZWw6ICdPcGFjaXR5JyxcbiAgc2hvd0lucHV0OiB0cnVlXG59O1xuXG5leHBvcnQgY29uc3QgQ29sb3JCbG9jayA9IHN0eWxlZC5kaXY8e2JhY2tncm91bmRjb2xvcjogUkdCQ29sb3J9PmBcbiAgd2lkdGg6IDMycHg7XG4gIGhlaWdodDogMThweDtcbiAgYm9yZGVyLXJhZGl1czogMXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+XG4gICAgQXJyYXkuaXNBcnJheShwcm9wcy5iYWNrZ3JvdW5kY29sb3IpXG4gICAgICA/IGByZ2IoJHtwcm9wcy5iYWNrZ3JvdW5kY29sb3Iuc2xpY2UoMCwgMykuam9pbignLCcpfSlgXG4gICAgICA6ICd0cmFuc3BhcmVudCd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yU2VsZWN0b3JJbnB1dCA9IHN0eWxlZC5kaXY8Q29sb3JTZWxlY3RvcklucHV0UHJvcHM+YFxuICAke3Byb3BzID0+IChwcm9wcy5pbnB1dFRoZW1lID09PSAnc2Vjb25kYXJ5JyA/IHByb3BzLnRoZW1lLnNlY29uZGFyeUlucHV0IDogcHJvcHMudGhlbWUuaW5wdXQpfTtcbiAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0Qm94SGVpZ2h0fTtcblxuICAuY29sb3Itc2VsZWN0b3JfX3NlbGVjdG9yX19sYWJlbCB7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5pbnB1dFBsYWNlaG9sZGVyQ29sb3J9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cbiAgLmNvbG9yLXNlbGVjdF9faW5wdXQtZ3JvdXAge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxuICAuY29sb3Itc2VsZWN0X19pbnB1dC1ncm91cDpudGgtY2hpbGQoMikge1xuICAgIG1hcmdpbi1sZWZ0OiAxMnB4O1xuICB9XG5gO1xuXG5Db2xvclNlbGVjdG9yRmFjdG9yeS5kZXBzID0gW0NvbG9yUmFuZ2VTZWxlY3RvckZhY3RvcnksIFJhbmdlU2xpZGVyRmFjdG9yeV07XG5cbmZ1bmN0aW9uIENvbG9yU2VsZWN0b3JGYWN0b3J5KENvbG9yUmFuZ2VTZWxlY3RvciwgUmFuZ2VTbGlkZXIpOiBDb21wb25lbnRUeXBlPENvbG9yU2VsZWN0b3JQcm9wcz4ge1xuICBjb25zdCBDb2xvclNlbGVjdG9yOiBSZWFjdC5GQzxDb2xvclNlbGVjdG9yUHJvcHM+ID0gKHtcbiAgICBjb2xvclNldHMgPSBbXSxcbiAgICBjb2xvclVJLFxuICAgIGlucHV0VGhlbWUsXG4gICAgZGlzYWJsZWQsXG4gICAgdXNlT3BhY2l0eSxcbiAgICBzZXRDb2xvclVJXG4gIH0pID0+IHtcbiAgICBjb25zdCBbc2hvd0Ryb3Bkb3duLCBzZXRTaG93RHJvcGRvd25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHNob3dTa2V0Y2hlciA9IGNvbG9yVUkgPyBjb2xvclVJLnNob3dTa2V0Y2hlciA6IGZhbHNlO1xuXG4gICAgY29uc3QgZWRpdGluZyA9IGNvbG9yVUkgPyBjb2xvclVJLnNob3dEcm9wZG93biA6IHNob3dEcm9wZG93bjtcbiAgICBjb25zdCBjdXJyZW50RWRpdGluZyA9XG4gICAgICB0eXBlb2YgZWRpdGluZyA9PT0gJ251bWJlcicgJiYgY29sb3JTZXRzW2VkaXRpbmddICYmIHR5cGVvZiBjb2xvclNldHNbZWRpdGluZ10gPT09ICdvYmplY3QnO1xuXG4gICAgY29uc3QgY2xvc2VQYW5lbERyb3Bkb3duID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgaWYgKGVkaXRpbmcgPT09IGZhbHNlKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgaWYgKHNldENvbG9yVUkpIHtcbiAgICAgICAgc2V0Q29sb3JVSSh7c2hvd0Ryb3Bkb3duOiBmYWxzZSwgc2hvd1NrZXRjaGVyOiBmYWxzZX0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0U2hvd0Ryb3Bkb3duKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9LCBbZWRpdGluZywgc2V0Q29sb3JVSSwgc2V0U2hvd0Ryb3Bkb3duXSk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBpZiAoTnVtYmVyLmlzSW50ZWdlcihzaG93U2tldGNoZXIpKSB7XG4gICAgICAgIC8vIGlmIHNrZXRjaGVyIGlzIG9wZW4sIGxldCBza2V0Y2ggdG8gY2xvc2UgaXRzZWxmIGZpcnN0XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGNsb3NlUGFuZWxEcm9wZG93bigpO1xuICAgIH0sIFtzaG93U2tldGNoZXIsIGNsb3NlUGFuZWxEcm9wZG93bl0pO1xuXG4gICAgY29uc3QgcmVmID0gdXNlT25DbGlja091dHNpZGU8SFRNTERpdkVsZW1lbnQ+KGhhbmRsZUNsaWNrT3V0c2lkZSk7XG5cbiAgICBjb25zdCBvblNldENvbG9yID0gdXNlQ2FsbGJhY2soXG4gICAgICAoY29sb3JTZXQ6IENvbG9yU2V0LCBjb2xvcjogUkdCQ29sb3IgfCBSR0JBQ29sb3IgfCBDb2xvclJhbmdlLCBvcGFjaXR5OiBudW1iZXIpID0+IHtcbiAgICAgICAgY29uc3Qge3NldENvbG9yfSA9IGNvbG9yU2V0IHx8IHt9O1xuICAgICAgICBpZiAoIXNldENvbG9yKSB7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGlmICh1c2VPcGFjaXR5ICYmIEFycmF5LmlzQXJyYXkoY29sb3IpKSB7XG4gICAgICAgICAgc2V0Q29sb3IoWy4uLmNvbG9yLnNsaWNlKDAsIDMpLCBvcGFjaXR5XSBhcyBSR0JBQ29sb3IpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNldENvbG9yKGNvbG9yKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFt1c2VPcGFjaXR5XVxuICAgICk7XG5cbiAgICBjb25zdCBvblNlbGVjdENvbG9yID0gdXNlQ2FsbGJhY2soXG4gICAgICAoY29sb3I6IFJHQkNvbG9yIHwgQ29sb3JSYW5nZSwgZTogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZSkgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgY29uc3QgY29sb3JTZXQgPSB0eXBlb2YgZWRpdGluZyA9PT0gJ251bWJlcicgJiYgY29sb3JTZXRzW2VkaXRpbmddO1xuICAgICAgICBpZiAoY29sb3JTZXQpIHtcbiAgICAgICAgICBvblNldENvbG9yKGNvbG9yU2V0LCBjb2xvciwgY29sb3JTZXQuc2VsZWN0ZWRDb2xvclszXSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbZWRpdGluZywgY29sb3JTZXRzLCBvblNldENvbG9yXVxuICAgICk7XG5cbiAgICBjb25zdCBvblNlbGVjdE9wYWNpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAgIChvcGFjaXR5OiBudW1iZXJbXSwgZTogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZSkgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgY29uc3QgY29sb3JTZXQgPSB0eXBlb2YgZWRpdGluZyA9PT0gJ251bWJlcicgJiYgY29sb3JTZXRzW2VkaXRpbmddO1xuICAgICAgICBpZiAoY29sb3JTZXQpIHtcbiAgICAgICAgICBvblNldENvbG9yKGNvbG9yU2V0LCBjb2xvclNldC5zZWxlY3RlZENvbG9yLCBNYXRoLnJvdW5kKG9wYWNpdHlbMV0gKiAyNTUpKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtvblNldENvbG9yLCBjb2xvclNldHMsIGVkaXRpbmddXG4gICAgKTtcblxuICAgIGNvbnN0IG9uVG9nZ2xlRHJvcGRvd24gPSB1c2VDYWxsYmFjayhcbiAgICAgIChlLCBpKSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcblxuICAgICAgICBpZiAoc2V0Q29sb3JVSSkge1xuICAgICAgICAgIHNldENvbG9yVUkoe3Nob3dEcm9wZG93bjogaX0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNldFNob3dEcm9wZG93bihpKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtzZXRDb2xvclVJLCBzZXRTaG93RHJvcGRvd25dXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbG9yLXNlbGVjdG9yXCI+XG4gICAgICAgIDxJbnB1dEJveENvbnRhaW5lcj5cbiAgICAgICAgICB7Y29sb3JTZXRzLm1hcCgoY1NldCwgaSkgPT4gKFxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2xvci1zZWxlY3RfX2lucHV0LWdyb3VwXCIga2V5PXtpfT5cbiAgICAgICAgICAgICAgPENvbG9yU2VsZWN0b3JJbnB1dFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImNvbG9yLXNlbGVjdG9yX19zZWxlY3RvclwiXG4gICAgICAgICAgICAgICAgYWN0aXZlPXtlZGl0aW5nID09PSBpfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBpbnB1dFRoZW1lPXtpbnB1dFRoZW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2UgPT4gb25Ub2dnbGVEcm9wZG93bihlLCBpKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjU2V0LmlzUmFuZ2UgPyAoXG4gICAgICAgICAgICAgICAgICA8Q29sb3JQYWxldHRlIGNvbG9ycz17KGNTZXQuc2VsZWN0ZWRDb2xvciBhcyBDb2xvclJhbmdlKS5jb2xvcnN9IC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxDb2xvckJsb2NrXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImNvbG9yLXNlbGVjdG9yX19zZWxlY3Rvcl9fYmxvY2tcIlxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kY29sb3I9e2NTZXQuc2VsZWN0ZWRDb2xvciBhcyBSR0JDb2xvcn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7Y1NldC5sYWJlbCA/IChcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JfX3NlbGVjdG9yX19sYWJlbFwiPntjU2V0LmxhYmVsfTwvZGl2PlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICA8L0NvbG9yU2VsZWN0b3JJbnB1dD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0lucHV0Qm94Q29udGFpbmVyPlxuICAgICAgICB7Y3VycmVudEVkaXRpbmcgPyAoXG4gICAgICAgICAgPFN0eWxlZFBhbmVsRHJvcGRvd24gY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JfX2Ryb3Bkb3duXCIgcmVmPXtyZWZ9PlxuICAgICAgICAgICAge2NvbG9yU2V0c1tlZGl0aW5nIGFzIG51bWJlcl0uaXNSYW5nZSA/IChcbiAgICAgICAgICAgICAgPENvbG9yUmFuZ2VTZWxlY3RvclxuICAgICAgICAgICAgICAgIHNlbGVjdGVkQ29sb3JSYW5nZT17Y29sb3JTZXRzW2VkaXRpbmcgYXMgbnVtYmVyXS5zZWxlY3RlZENvbG9yIGFzIENvbG9yUmFuZ2V9XG4gICAgICAgICAgICAgICAgb25TZWxlY3RDb2xvclJhbmdlPXtvblNlbGVjdENvbG9yfVxuICAgICAgICAgICAgICAgIHNldENvbG9yUGFsZXR0ZVVJPXtzZXRDb2xvclVJfVxuICAgICAgICAgICAgICAgIGNvbG9yUGFsZXR0ZVVJPXtjb2xvclVJIGFzIENvbG9yVUl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8U2luZ2xlQ29sb3JQYWxldHRlXG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRDb2xvcj17cmdiVG9IZXgoY29sb3JTZXRzW2VkaXRpbmcgYXMgbnVtYmVyXS5zZWxlY3RlZENvbG9yIGFzIFJHQkNvbG9yKX1cbiAgICAgICAgICAgICAgICBvblNlbGVjdENvbG9yPXtvblNlbGVjdENvbG9yfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHt1c2VPcGFjaXR5ID8gKFxuICAgICAgICAgICAgICA8T3BhY2l0eVNsaWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD1cImNvbG9yLm9wYWNpdHlcIiAvPlxuICAgICAgICAgICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgICAgICAgICA8UmFuZ2VTbGlkZXJcbiAgICAgICAgICAgICAgICAgIHsuLi5PUEFDSVRZX1NMSURFUl9QUk9QU31cbiAgICAgICAgICAgICAgICAgIHZhbHVlMT17Y29sb3JTZXRzW2VkaXRpbmcgYXMgbnVtYmVyXS5zZWxlY3RlZENvbG9yWzNdIC8gMjU1fVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VsZWN0T3BhY2l0eX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L09wYWNpdHlTbGlkZXJXcmFwcGVyPlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9TdHlsZWRQYW5lbERyb3Bkb3duPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIENvbG9yU2VsZWN0b3I7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbG9yU2VsZWN0b3JGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBS0EsSUFBQUEsTUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBQyx1QkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsVUFBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFNLFlBQUEsR0FBQUQsc0JBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFPLGtCQUFBLEdBQUFQLE9BQUE7QUFDQSxJQUFB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

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

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

package/dist/side-panel/layer-panel/column-selector.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _localization = require("@kepler.gl/localization");
+var _styledComponents2 = require("../../common/styled-components");
+var _fieldSelector = _interopRequireDefault(require("../../common/field-selector"));
+var _reducers = require("@kepler.gl/reducers");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var ColumnRow = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  margin-bottom: 8px;\n  align-items: center;\n"])));
+var ColumnName = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 32%;\n  line-height: 1.2;\n  padding-right: 6px;\n"])));
+var ColumnSelect = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 68%;\n"])));
+ColumnSelectorFactory.deps = [_fieldSelector["default"]];
+var ColumnPanelLabel = (0, _styledComponents["default"])(_styledComponents2.PanelLabel).attrs({
+  className: 'side-panel-subpanel__label'
+})(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 10px;\n"])));
+function ColumnSelectorFactory(FieldSelector) {
+  var ColumnSelector = function ColumnSelector(_ref) {
+    var column = _ref.column,
+      columns = _ref.columns,
+      label = _ref.label,
+      allFields = _ref.allFields,
+      onSelect = _ref.onSelect,
+      fieldPairs = _ref.fieldPairs,
+      _ref$isActive = _ref.isActive,
+      isActive = _ref$isActive === void 0 ? true : _ref$isActive;
+    var isError = (0, _react.useMemo)(function () {
+      return isActive && !(0, _reducers.validateColumn)(column, columns, allFields);
+    }, [isActive, column, columns, allFields]);
+    return /*#__PURE__*/_react["default"].createElement(ColumnRow, {
+      className: "layer-config__column__selector"
+    }, /*#__PURE__*/_react["default"].createElement(ColumnName, {
+      className: "layer-config__column__name"
+    }, /*#__PURE__*/_react["default"].createElement(ColumnPanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "columns.".concat(label)
+    }), !column.optional ? "  *" : null)), /*#__PURE__*/_react["default"].createElement(ColumnSelect, {
+      className: "layer-config__column__select"
+    }, /*#__PURE__*/_react["default"].createElement(FieldSelector, {
+      suggested: fieldPairs,
+      error: isError,
+      fields: allFields,
+      value: column.value,
+      erasable: true,
+      onSelect: onSelect
+    })));
+  };
+  return ColumnSelector;
+}
+var _default = exports["default"] = ColumnSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfbG9jYWxpemF0aW9uIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2ZpZWxkU2VsZWN0b3IiLCJfcmVkdWNlcnMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIl90ZW1wbGF0ZU9iamVjdDQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJDb2x1bW5Sb3ciLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIkNvbHVtbk5hbWUiLCJDb2x1bW5TZWxlY3QiLCJDb2x1bW5TZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiRmllbGRTZWxlY3RvckZhY3RvcnkiLCJDb2x1bW5QYW5lbExhYmVsIiwiUGFuZWxMYWJlbCIsImF0dHJzIiwiY2xhc3NOYW1lIiwiRmllbGRTZWxlY3RvciIsIkNvbHVtblNlbGVjdG9yIiwiX3JlZiIsImNvbHVtbiIsImNvbHVtbnMiLCJsYWJlbCIsImFsbEZpZWxkcyIsIm9uU2VsZWN0IiwiZmllbGRQYWlycyIsIl9yZWYkaXNBY3RpdmUiLCJpc0FjdGl2ZSIsImlzRXJyb3IiLCJ1c2VNZW1vIiwidmFsaWRhdGVDb2x1bW4iLCJjcmVhdGVFbGVtZW50IiwiRm9ybWF0dGVkTWVzc2FnZSIsImlkIiwiY29uY2F0Iiwib3B0aW9uYWwiLCJzdWdnZXN0ZWQiLCJlcnJvciIsImZpZWxkcyIsInZhbHVlIiwiZXJhc2FibGUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9jb2x1bW4tc2VsZWN0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW8sIFJlYWN0Tm9kZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7UGFuZWxMYWJlbH0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBGaWVsZFNlbGVjdG9yRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vZmllbGQtc2VsZWN0b3InO1xuaW1wb3J0IHt2YWxpZGF0ZUNvbHVtbn0gZnJvbSAnQGtlcGxlci5nbC9yZWR1Y2Vycyc7XG5pbXBvcnQge0xheWVyQ29sdW1uLCBMYXllckNvbHVtbnMsIEVuaGFuY2VkRmllbGRQYWlyfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7TWluaW1hbEZpZWxkfSBmcm9tICcuLi8uLi9jb21tb24vZmllbGQtc2VsZWN0b3InO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5TZWxlY3RvclByb3BzPEZpZWxkT3B0aW9uIGV4dGVuZHMgTWluaW1hbEZpZWxkPiA9IHtcbiAgY29sdW1uOiBMYXllckNvbHVtbjtcbiAgY29sdW1uczogTGF5ZXJDb2x1bW5zO1xuICBsYWJlbDogc3RyaW5nO1xuICBhbGxGaWVsZHM6IEZpZWxkT3B0aW9uW107XG4gIG9uU2VsZWN0OiAoXG4gICAgaXRlbXM6XG4gICAgICB8IFJlYWRvbmx5QXJyYXk8c3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdD5cbiAgICAgIHwgc3RyaW5nXG4gICAgICB8IG51bWJlclxuICAgICAgfCBib29sZWFuXG4gICAgICB8IG9iamVjdFxuICAgICAgfCBudWxsXG4gICkgPT4gdm9pZDtcbiAgZmllbGRQYWlyczogRW5oYW5jZWRGaWVsZFBhaXJbXSB8IG51bGw7XG4gIGlzQWN0aXZlPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IENvbHVtblJvdyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENvbHVtbk5hbWUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMzIlO1xuICBsaW5lLWhlaWdodDogMS4yO1xuICBwYWRkaW5nLXJpZ2h0OiA2cHg7XG5gO1xuXG5jb25zdCBDb2x1bW5TZWxlY3QgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogNjglO1xuYDtcblxuQ29sdW1uU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbRmllbGRTZWxlY3RvckZhY3RvcnldO1xuXG5jb25zdCBDb2x1bW5QYW5lbExhYmVsID0gc3R5bGVkKFBhbmVsTGFiZWwpLmF0dHJzPHtjaGlsZHJlbjogUmVhY3ROb2RlfT4oe1xuICBjbGFzc05hbWU6ICdzaWRlLXBhbmVsLXN1YnBhbmVsX19sYWJlbCdcbn0pYFxuICBmb250LXNpemU6IDEwcHg7XG5gO1xuXG5mdW5jdGlvbiBDb2x1bW5TZWxlY3RvckZhY3RvcnkoRmllbGRTZWxlY3RvcjogUmV0dXJuVHlwZTx0eXBlb2YgRmllbGRTZWxlY3RvckZhY3Rvcnk+KSB7XG4gIGNvbnN0IENvbHVtblNlbGVjdG9yOiBSZWFjdC5GQzxDb2x1bW5TZWxlY3RvclByb3BzPGFueT4+ID0gKHtcbiAgICBjb2x1bW4sXG4gICAgY29sdW1ucyxcbiAgICBsYWJlbCxcbiAgICBhbGxGaWVsZHMsXG4gICAgb25TZWxlY3QsXG4gICAgZmllbGRQYWlycyxcbiAgICBpc0FjdGl2ZSA9IHRydWVcbiAgfSkgPT4ge1xuICAgIGNvbnN0IGlzRXJyb3IgPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gaXNBY3RpdmUgJiYgIXZhbGlkYXRlQ29sdW1uKGNvbHVtbiwgY29sdW1ucywgYWxsRmllbGRzKSxcbiAgICAgIFtpc0FjdGl2ZSwgY29sdW1uLCBjb2x1bW5zLCBhbGxGaWVsZHNdXG4gICAgKTtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbHVtblJvdyBjbGFzc05hbWU9XCJsYXllci1jb25maWdfX2NvbHVtbl9fc2VsZWN0b3JcIj5cbiAgICAgICAgPENvbHVtbk5hbWUgY2xhc3NOYW1lPVwibGF5ZXItY29uZmlnX19jb2x1bW5fX25hbWVcIj5cbiAgICAgICAgICA8Q29sdW1uUGFuZWxMYWJlbD5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXtgY29sdW1ucy4ke2xhYmVsfWB9IC8+XG4gICAgICAgICAgICB7IWNvbHVtbi5vcHRpb25hbCA/IGAgICpgIDogbnVsbH1cbiAgICAgICAgICA8L0NvbHVtblBhbmVsTGFiZWw+XG4gICAgICAgIDwvQ29sdW1uTmFtZT5cbiAgICAgICAgPENvbHVtblNlbGVjdCBjbGFzc05hbWU9XCJsYXllci1jb25maWdfX2NvbHVtbl9fc2VsZWN0XCI+XG4gICAgICAgICAgPEZpZWxkU2VsZWN0b3JcbiAgICAgICAgICAgIHN1Z2dlc3RlZD17ZmllbGRQYWlycyBhcyBhbnl9XG4gICAgICAgICAgICBlcnJvcj17aXNFcnJvcn1cbiAgICAgICAgICAgIGZpZWxkcz17YWxsRmllbGRzfVxuICAgICAgICAgICAgdmFsdWU9e2NvbHVtbi52YWx1ZX1cbiAgICAgICAgICAgIGVyYXNhYmxlXG4gICAgICAgICAgICBvblNlbGVjdD17b25TZWxlY3R9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Db2x1bW5TZWxlY3Q+XG4gICAgICA8L0NvbHVtblJvdz5cbiAgICApO1xuICB9O1xuICByZXR1cm4gQ29sdW1uU2VsZWN0b3I7XG59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QUFBLENBQVBFLE9BQU87TUFDUEMsS0FBSyxHQUFBSCxJQUFBLENBQUxHLEtBQUs7TUFDTEMsU0FBUyxHQUFBSixJQUFBLENBQVRJLFNBQVM7TUFDVEMsUUFBUSxHQUFBTCxJQUFBLENBQVJLLFFBQVE7TUFDUkMsVUFBVSxHQUFBTixJQUFBLENBQVZNLFVBQVU7TUFBQUMsYUFBQSxHQUFBUCxJQUFBLENBQ1ZRLFFBQVE7TUFBUkEsUUFBUSxHQUFBRCxhQUFBLGNBQUcsSUFBSSxHQUFBQSxhQUFBO0lBRWYsSUFBTUUsT0FBTyxHQUFHLElBQUFDLGNBQU8sRUFDckI7TUFBQSxPQUFNRixRQUFRLElBQUksQ0FBQyxJQUFBRyx3QkFBYyxFQUFDVixNQUFNLEVBQUVDLE9BQU8sRUFBRUUsU0FBUyxDQUFDO0lBQUEsR0FDN0QsQ0FBQ0ksUUFBUSxFQUFFUCxNQUFNLEVBQUVDLE9BQU8sRUFBRUUsU0FBUyxDQUN2QyxDQUFDO0lBQ0Qsb0JBQ0VwRCxNQUFBLFlBQUE0RCxhQUFBLENBQUMzQixTQUFTO01BQUNZLFNBQVMsRUFBQztJQUFnQyxnQkFDbkQ3QyxNQUFBLFlBQUE0RCxhQUFBLENBQUN2QixVQUFVO01BQUNRLFNBQVMsRUFBQztJQUE0QixnQkFDaEQ3QyxNQUFBLFlBQUE0RCxhQUFBLENBQUNsQixnQkFBZ0IscUJBQ2YxQyxNQUFBLFlBQUE0RCxhQUFBLENBQUN2RCxhQUFBLENBQUF3RCxnQkFBZ0I7TUFBQ0MsRUFBRSxhQUFBQyxNQUFBLENBQWFaLEtBQUs7SUFBRyxDQUFFLENBQUMsRUFDM0MsQ0FBQ0YsTUFBTSxDQUFDZSxRQUFRLFdBQVcsSUFDWixDQUNSLENBQUMsZUFDYmhFLE1BQUEsWUFBQTRELGFBQUEsQ0FBQ3RCLFlBQVk7TUFBQ08sU0FBUyxFQUFDO0lBQThCLGdCQUNwRDdDLE1BQUEsWUFBQTRELGFBQUEsQ0FBQ2QsYUFBYTtNQUNabUIsU0FBUyxFQUFFWCxVQUFrQjtNQUM3QlksS0FBSyxFQUFFVCxPQUFRO01BQ2ZVLE1BQU0sRUFBRWYsU0FBVTtNQUNsQmdCLEtBQUssRUFBRW5CLE1BQU0sQ0FBQ21CLEtBQU07TUFDcEJDLFFBQVE7TUFDUmhCLFFBQVEsRUFBRUE7SUFBUyxDQUNwQixDQUNXLENBQ0wsQ0FBQztFQUVoQixDQUFDO0VBQ0QsT0FBT04sY0FBYztBQUN2QjtBQUFDLElBQUF1QixRQUFBLEdBQUFDLE9BQUEsY0FFY2hDLHFCQUFxQiIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -0,0 +1,77 @@
+import React, { ElementType, PropsWithChildren } from 'react';
+import { StyledComponent } from 'styled-components';
+import { ColorUI, HexColor, NestedPartial } from '@kepler.gl/types';
+import { ColorBreak, ColorBreakOrdinal } from '@kepler.gl/utils';
+export declare type ActionIcons = {
+    delete: ElementType;
+    sort: ElementType;
+    add: ElementType;
+};
+export declare type EditColorMapFunc = (v: number, i: number) => void;
+export declare type SetColorUIFunc = (newConfig: NestedPartial<ColorUI>) => void;
+/**
+ * EditableColorRange
+ */
+export declare type EditableColorRangeProps = {
+    item: ColorBreak;
+    isLast: boolean;
+    index: number;
+    editColorMap?: EditColorMapFunc;
+    editable: boolean;
+};
+export declare type CustomPaletteProps = {
+    customPalette: ColorUI['customPalette'];
+    setColorPaletteUI: SetColorUIFunc;
+    showSketcher: number | boolean;
+    actionIcons?: ActionIcons;
+    onApply: (e: React.MouseEvent) => void;
+    onCancel: () => void;
+};
+export declare type CustomPaletteInputProps = {
+    index: number;
+    isSorting: boolean;
+    color: HexColor;
+    colorBreaks: ColorBreakOrdinal[] | ColorBreak[] | null;
+    inputColorHex: (index: number, v: HexColor) => void;
+    editColorMapValue: EditColorMapFunc;
+    actionIcons?: ActionIcons;
+    disableAppend?: boolean;
+    disableDelete?: boolean;
+    onDelete: (index: number) => void;
+    onAdd: (index: number) => void;
+    onToggleSketcher: (index: number) => void;
+};
+export declare const ColorPaletteItem: StyledComponent<"div", any, {}, never>;
+export declare const DividerLine: StyledComponent<"div", any, {}, never>;
+export declare const ColorSwatch: StyledComponent<"div", any, {
+    className: "custom-palette__swatch";
+}, "className">;
+declare type DragHandleProps = PropsWithChildren<{
+    className?: string;
+    listeners?: unknown;
+}>;
+export declare const DragHandle: React.ComponentClass<DragHandleProps, any>;
+export declare const ColorPaletteInput: ({ value, onChange, id, width, textAlign, editable }: {
+    value: any;
+    onChange: any;
+    id: any;
+    width: any;
+    textAlign: any;
+    editable: any;
+}) => React.JSX.Element;
+export declare const EditableColorRange: React.FC<EditableColorRangeProps>;
+export declare const AddColorStop: ({ onColorAdd, IconComponent }: {
+    onColorAdd: any;
+    IconComponent: any;
+}) => React.JSX.Element;
+export declare const DeleteColorStop: ({ onColorDelete, IconComponent }: {
+    onColorDelete: any;
+    IconComponent: any;
+}) => React.JSX.Element;
+export declare const CustomPaletteInput: React.FC<CustomPaletteInputProps>;
+export declare const BottomAction: ({ onCancel, onConfirm }: {
+    onCancel: any;
+    onConfirm: any;
+}) => React.JSX.Element;
+declare function CustomPaletteFactory(): React.FC<CustomPaletteProps>;
+export default CustomPaletteFactory;