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

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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdXRpbHMiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfcmVhY3RJbnRsIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3JhbmdlU2xpZGVyIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2NvbG9yUGFsZXR0ZSIsIl9jb2xvclJhbmdlU2VsZWN0b3IiLCJfc2luZ2xlQ29sb3JQYWxldHRlIiwiX3VzZU9uQ2xpY2tPdXRzaWRlIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJfdGVtcGxhdGVPYmplY3Q0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mMyIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIk9wYWNpdHlTbGlkZXJXcmFwcGVyIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJPUEFDSVRZX1NMSURFUl9QUk9QUyIsInR5cGUiLCJyYW5nZSIsInZhbHVlMCIsInN0ZXAiLCJpc1JhbmdlZCIsImxhYmVsIiwic2hvd0lucHV0IiwiQ29sb3JCbG9jayIsImV4cG9ydHMiLCJwcm9wcyIsIkFycmF5IiwiaXNBcnJheSIsImJhY2tncm91bmRjb2xvciIsImNvbmNhdCIsInNsaWNlIiwiam9pbiIsIkNvbG9yU2VsZWN0b3JJbnB1dCIsImlucHV0VGhlbWUiLCJ0aGVtZSIsInNlY29uZGFyeUlucHV0IiwiaW5wdXQiLCJpbnB1dEJveEhlaWdodCIsImlucHV0UGxhY2Vob2xkZXJDb2xvciIsIklucHV0Qm94Q29udGFpbmVyIiwiQ29sb3JTZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiQ29sb3JSYW5nZVNlbGVjdG9yRmFjdG9yeSIsIlJhbmdlU2xpZGVyRmFjdG9yeSIsIkNvbG9yUmFuZ2VTZWxlY3RvciIsIlJhbmdlU2xpZGVyIiwiQ29sb3JTZWxlY3RvciIsIl9yZWYiLCJfcmVmJGNvbG9yU2V0cyIsImNvbG9yU2V0cyIsImNvbG9yVUkiLCJkaXNhYmxlZCIsInVzZU9wYWNpdHkiLCJzZXRDb2xvclVJIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwic2hvd0Ryb3Bkb3duIiwic2V0U2hvd0Ryb3Bkb3duIiwic2hvd1NrZXRjaGVyIiwiZWRpdGluZyIsImN1cnJlbnRFZGl0aW5nIiwiX3R5cGVvZjIiLCJjbG9zZVBhbmVsRHJvcGRvd24iLCJ1c2VDYWxsYmFjayIsImhhbmRsZUNsaWNrT3V0c2lkZSIsIk51bWJlciIsImlzSW50ZWdlciIsInJlZiIsInVzZU9uQ2xpY2tPdXRzaWRlIiwib25TZXRDb2xvciIsImNvbG9yU2V0IiwiY29sb3IiLCJvcGFjaXR5IiwiX3JlZjIiLCJzZXRDb2xvciIsIl90b0NvbnN1bWFibGVBcnJheTIiLCJvblNlbGVjdENvbG9yIiwic3RvcFByb3BhZ2F0aW9uIiwic2VsZWN0ZWRDb2xvciIsIm9uU2VsZWN0T3BhY2l0eSIsIk1hdGgiLCJyb3VuZCIsIm9uVG9nZ2xlRHJvcGRvd24iLCJwcmV2ZW50RGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJtYXAiLCJjU2V0Iiwia2V5IiwiYWN0aXZlIiwib25DbGljayIsImlzUmFuZ2UiLCJjb2xvcnMiLCJTdHlsZWRQYW5lbERyb3Bkb3duIiwic2VsZWN0ZWRDb2xvclJhbmdlIiwib25TZWxlY3RDb2xvclJhbmdlIiwic2V0Q29sb3JQYWxldHRlVUkiLCJjb2xvclBhbGV0dGVVSSIsInJnYlRvSGV4IiwiUGFuZWxMYWJlbCIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJpZCIsIl9leHRlbmRzMiIsInZhbHVlMSIsIm9uQ2hhbmdlIiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9jb2xvci1zZWxlY3Rvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IHtDb2xvclJhbmdlfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7Q29sb3JVSSwgTmVzdGVkUGFydGlhbCwgUkdCQUNvbG9yLCBSR0JDb2xvcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge3JnYlRvSGV4fSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCBSZWFjdCwge01vdXNlRXZlbnQsIENvbXBvbmVudFR5cGUsIHVzZVN0YXRlLCB1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFJhbmdlU2xpZGVyRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vcmFuZ2Utc2xpZGVyJztcbmltcG9ydCB7UGFuZWxMYWJlbCwgU3R5bGVkUGFuZWxEcm9wZG93bn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBDb2xvclBhbGV0dGUgZnJvbSAnLi9jb2xvci1wYWxldHRlJztcbmltcG9ydCBDb2xvclJhbmdlU2VsZWN0b3JGYWN0b3J5IGZyb20gJy4vY29sb3ItcmFuZ2Utc2VsZWN0b3InO1xuaW1wb3J0IFNpbmdsZUNvbG9yUGFsZXR0ZSBmcm9tICcuL3NpbmdsZS1jb2xvci1wYWxldHRlJztcblxuaW1wb3J0IHVzZU9uQ2xpY2tPdXRzaWRlIGZyb20gJy4uLy4uL2hvb2tzL3VzZS1vbi1jbGljay1vdXRzaWRlJztcblxudHlwZSBDb2xvclNlbGVjdG9ySW5wdXRQcm9wcyA9IHtcbiAgYWN0aXZlOiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGlucHV0VGhlbWU/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xvclNldCA9IHtcbiAgc2VsZWN0ZWRDb2xvcjogUkdCQ29sb3IgfCBSR0JBQ29sb3IgfCBDb2xvclJhbmdlO1xuICBzZXRDb2xvcjogKHY6IFJHQkNvbG9yIHwgUkdCQUNvbG9yIHwgQ29sb3JSYW5nZSkgPT4gdm9pZDtcbiAgaXNSYW5nZT86IGJvb2xlYW47XG4gIGxhYmVsPzogc3RyaW5nO1xufTtcblxudHlwZSBDb2xvclNlbGVjdG9yUHJvcHMgPSB7XG4gIGNvbG9yU2V0czogQ29sb3JTZXRbXTtcbiAgY29sb3JVST86IENvbG9yVUk7XG4gIGlucHV0VGhlbWU/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgdXNlT3BhY2l0eT86IGJvb2xlYW47XG4gIHNldENvbG9yVUk/OiAobmV3Q29uZmlnOiBOZXN0ZWRQYXJ0aWFsPENvbG9yVUk+KSA9PiB2b2lkO1xufTtcblxuY29uc3QgT3BhY2l0eVNsaWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwcHggMTJweCAxMnB4IDEycHg7XG5gO1xuXG5jb25zdCBPUEFDSVRZX1NMSURFUl9QUk9QUyA9IHtcbiAgdHlwZTogJ251bWJlcicsXG4gIHJhbmdlOiBbMCwgMV0sXG4gIHZhbHVlMDogMCxcbiAgc3RlcDogMC4wMSxcbiAgaXNSYW5nZWQ6IGZhbHNlLFxuICBsYWJlbDogJ09wYWNpdHknLFxuICBzaG93SW5wdXQ6IHRydWVcbn07XG5cbmV4cG9ydCBjb25zdCBDb2xvckJsb2NrID0gc3R5bGVkLmRpdjx7YmFja2dyb3VuZGNvbG9yOiBSR0JDb2xvcn0+YFxuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT5cbiAgICBBcnJheS5pc0FycmF5KHByb3BzLmJhY2tncm91bmRjb2xvcilcbiAgICAgID8gYHJnYigke3Byb3BzLmJhY2tncm91bmRjb2xvci5zbGljZSgwLCAzKS5qb2luKCcsJyl9KWBcbiAgICAgIDogJ3RyYW5zcGFyZW50J307XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JTZWxlY3RvcklucHV0ID0gc3R5bGVkLmRpdjxDb2xvclNlbGVjdG9ySW5wdXRQcm9wcz5gXG4gICR7cHJvcHMgPT4gKHByb3BzLmlucHV0VGhlbWUgPT09ICdzZWNvbmRhcnknID8gcHJvcHMudGhlbWUuc2Vjb25kYXJ5SW5wdXQgOiBwcm9wcy50aGVtZS5pbnB1dCl9O1xuICBoZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRCb3hIZWlnaHR9O1xuXG4gIC5jb2xvci1zZWxlY3Rvcl9fc2VsZWN0b3JfX2xhYmVsIHtcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0UGxhY2Vob2xkZXJDb2xvcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEJveENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAuY29sb3Itc2VsZWN0X19pbnB1dC1ncm91cCB7XG4gICAgZmxleC1ncm93OiAxO1xuICB9XG4gIC5jb2xvci1zZWxlY3RfX2lucHV0LWdyb3VwOm50aC1jaGlsZCgyKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDEycHg7XG4gIH1cbmA7XG5cbkNvbG9yU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbQ29sb3JSYW5nZVNlbGVjdG9yRmFjdG9yeSwgUmFuZ2VTbGlkZXJGYWN0b3J5XTtcblxuZnVuY3Rpb24gQ29sb3JTZWxlY3RvckZhY3RvcnkoQ29sb3JSYW5nZVNlbGVjdG9yLCBSYW5nZVNsaWRlcik6IENvbXBvbmVudFR5cGU8Q29sb3JTZWxlY3RvclByb3BzPiB7XG4gIGNvbnN0IENvbG9yU2VsZWN0b3I6IFJlYWN0LkZDPENvbG9yU2VsZWN0b3JQcm9wcz4gPSAoe1xuICAgIGNvbG9yU2V0cyA9IFtdLFxuICAgIGNvbG9yVUksXG4gICAgaW5wdXRUaGVtZSxcbiAgICBkaXNhYmxlZCxcbiAgICB1c2VPcGFjaXR5LFxuICAgIHNldENvbG9yVUlcbiAgfSkgPT4ge1xuICAgIGNvbnN0IFtzaG93RHJvcGRvd24sIHNldFNob3dEcm9wZG93bl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3Qgc2hvd1NrZXRjaGVyID0gY29sb3JVSSA/IGNvbG9yVUkuc2hvd1NrZXRjaGVyIDogZmFsc2U7XG5cbiAgICBjb25zdCBlZGl0aW5nID0gY29sb3JVSSA/IGNvbG9yVUkuc2hvd0Ryb3Bkb3duIDogc2hvd0Ryb3Bkb3duO1xuICAgIGNvbnN0IGN1cnJlbnRFZGl0aW5nID1cbiAgICAgIHR5cGVvZiBlZGl0aW5nID09PSAnbnVtYmVyJyAmJiBjb2xvclNldHNbZWRpdGluZ10gJiYgdHlwZW9mIGNvbG9yU2V0c1tlZGl0aW5nXSA9PT0gJ29iamVjdCc7XG5cbiAgICBjb25zdCBjbG9zZVBhbmVsRHJvcGRvd24gPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBpZiAoZWRpdGluZyA9PT0gZmFsc2UpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBpZiAoc2V0Q29sb3JVSSkge1xuICAgICAgICBzZXRDb2xvclVJKHtzaG93RHJvcGRvd246IGZhbHNlLCBzaG93U2tldGNoZXI6IGZhbHNlfSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBzZXRTaG93RHJvcGRvd24oZmFsc2UpO1xuICAgICAgfVxuICAgIH0sIFtlZGl0aW5nLCBzZXRDb2xvclVJLCBzZXRTaG93RHJvcGRvd25dKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChOdW1iZXIuaXNJbnRlZ2VyKHNob3dTa2V0Y2hlcikpIHtcbiAgICAgICAgLy8gaWYgc2tldGNoZXIgaXMgb3BlbiwgbGV0IHNrZXRjaCB0byBjbG9zZSBpdHNlbGYgZmlyc3RcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgY2xvc2VQYW5lbERyb3Bkb3duKCk7XG4gICAgfSwgW3Nob3dTa2V0Y2hlciwgY2xvc2VQYW5lbERyb3Bkb3duXSk7XG5cbiAgICBjb25zdCByZWYgPSB1c2VPbkNsaWNrT3V0c2lkZTxIVE1MRGl2RWxlbWVudD4oaGFuZGxlQ2xpY2tPdXRzaWRlKTtcblxuICAgIGNvbnN0IG9uU2V0Q29sb3IgPSB1c2VDYWxsYmFjayhcbiAgICAgIChjb2xvclNldDogQ29sb3JTZXQsIGNvbG9yOiBSR0JDb2xvciB8IFJHQkFDb2xvciB8IENvbG9yUmFuZ2UsIG9wYWNpdHk6IG51bWJlcikgPT4ge1xuICAgICAgICBjb25zdCB7c2V0Q29sb3J9ID0gY29sb3JTZXQgfHwge307XG4gICAgICAgIGlmICghc2V0Q29sb3IpIHtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHVzZU9wYWNpdHkgJiYgQXJyYXkuaXNBcnJheShjb2xvcikpIHtcbiAgICAgICAgICBzZXRDb2xvcihbLi4uY29sb3Iuc2xpY2UoMCwgMyksIG9wYWNpdHldIGFzIFJHQkFDb2xvcik7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0Q29sb3IoY29sb3IpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW3VzZU9wYWNpdHldXG4gICAgKTtcblxuICAgIGNvbnN0IG9uU2VsZWN0Q29sb3IgPSB1c2VDYWxsYmFjayhcbiAgICAgIChjb2xvcjogUkdCQ29sb3IgfCBDb2xvclJhbmdlLCBlOiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChlKSBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICBjb25zdCBjb2xvclNldCA9IHR5cGVvZiBlZGl0aW5nID09PSAnbnVtYmVyJyAmJiBjb2xvclNldHNbZWRpdGluZ107XG4gICAgICAgIGlmIChjb2xvclNldCkge1xuICAgICAgICAgIG9uU2V0Q29sb3IoY29sb3JTZXQsIGNvbG9yLCBjb2xvclNldC5zZWxlY3RlZENvbG9yWzNdKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtlZGl0aW5nLCBjb2xvclNldHMsIG9uU2V0Q29sb3JdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uU2VsZWN0T3BhY2l0eSA9IHVzZUNhbGxiYWNrKFxuICAgICAgKG9wYWNpdHk6IG51bWJlcltdLCBlOiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChlKSBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICBjb25zdCBjb2xvclNldCA9IHR5cGVvZiBlZGl0aW5nID09PSAnbnVtYmVyJyAmJiBjb2xvclNldHNbZWRpdGluZ107XG4gICAgICAgIGlmIChjb2xvclNldCkge1xuICAgICAgICAgIG9uU2V0Q29sb3IoY29sb3JTZXQsIGNvbG9yU2V0LnNlbGVjdGVkQ29sb3IsIE1hdGgucm91bmQob3BhY2l0eVsxXSAqIDI1NSkpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW29uU2V0Q29sb3IsIGNvbG9yU2V0cywgZWRpdGluZ11cbiAgICApO1xuXG4gICAgY29uc3Qgb25Ub2dnbGVEcm9wZG93biA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGUsIGkpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgIGlmIChzZXRDb2xvclVJKSB7XG4gICAgICAgICAgc2V0Q29sb3JVSSh7c2hvd0Ryb3Bkb3duOiBpfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0U2hvd0Ryb3Bkb3duKGkpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW3NldENvbG9yVUksIHNldFNob3dEcm9wZG93bl1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JcIj5cbiAgICAgICAgPElucHV0Qm94Q29udGFpbmVyPlxuICAgICAgICAgIHtjb2xvclNldHMubWFwKChjU2V0LCBpKSA9PiAoXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbG9yLXNlbGVjdF9faW5wdXQtZ3JvdXBcIiBrZXk9e2l9PlxuICAgICAgICAgICAgICA8Q29sb3JTZWxlY3RvcklucHV0XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JfX3NlbGVjdG9yXCJcbiAgICAgICAgICAgICAgICBhY3RpdmU9e2VkaXRpbmcgPT09IGl9XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIGlucHV0VGhlbWU9e2lucHV0VGhlbWV9XG4gICAgICAgICAgICAgICAgb25DbGljaz17ZSA9PiBvblRvZ2dsZURyb3Bkb3duKGUsIGkpfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NTZXQuaXNSYW5nZSA/IChcbiAgICAgICAgICAgICAgICAgIDxDb2xvclBhbGV0dGUgY29sb3JzPXsoY1NldC5zZWxlY3RlZENvbG9yIGFzIENvbG9yUmFuZ2UpLmNvbG9yc30gLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPENvbG9yQmxvY2tcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JfX3NlbGVjdG9yX19ibG9ja1wiXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRjb2xvcj17Y1NldC5zZWxlY3RlZENvbG9yIGFzIFJHQkNvbG9yfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtjU2V0LmxhYmVsID8gKFxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2xvci1zZWxlY3Rvcl9fc2VsZWN0b3JfX2xhYmVsXCI+e2NTZXQubGFiZWx9PC9kaXY+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvQ29sb3JTZWxlY3RvcklucHV0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvSW5wdXRCb3hDb250YWluZXI+XG4gICAgICAgIHtjdXJyZW50RWRpdGluZyA/IChcbiAgICAgICAgICA8U3R5bGVkUGFuZWxEcm9wZG93biBjbGFzc05hbWU9XCJjb2xvci1zZWxlY3Rvcl9fZHJvcGRvd25cIiByZWY9e3JlZn0+XG4gICAgICAgICAgICB7Y29sb3JTZXRzW2VkaXRpbmcgYXMgbnVtYmVyXS5pc1JhbmdlID8gKFxuICAgICAgICAgICAgICA8Q29sb3JSYW5nZVNlbGVjdG9yXG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRDb2xvclJhbmdlPXtjb2xvclNldHNbZWRpdGluZyBhcyBudW1iZXJdLnNlbGVjdGVkQ29sb3IgYXMgQ29sb3JSYW5nZX1cbiAgICAgICAgICAgICAgICBvblNlbGVjdENvbG9yUmFuZ2U9e29uU2VsZWN0Q29sb3J9XG4gICAgICAgICAgICAgICAgc2V0Q29sb3JQYWxldHRlVUk9e3NldENvbG9yVUl9XG4gICAgICAgICAgICAgICAgY29sb3JQYWxldHRlVUk9e2NvbG9yVUkgYXMgQ29sb3JVSX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTaW5nbGVDb2xvclBhbGV0dGVcbiAgICAgICAgICAgICAgICBzZWxlY3RlZENvbG9yPXtyZ2JUb0hleChjb2xvclNldHNbZWRpdGluZyBhcyBudW1iZXJdLnNlbGVjdGVkQ29sb3IgYXMgUkdCQ29sb3IpfVxuICAgICAgICAgICAgICAgIG9uU2VsZWN0Q29sb3I9e29uU2VsZWN0Q29sb3J9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge3VzZU9wYWNpdHkgPyAoXG4gICAgICAgICAgICAgIDxPcGFjaXR5U2xpZGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPVwiY29sb3Iub3BhY2l0eVwiIC8+XG4gICAgICAgICAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgICAgICAgICAgIDxSYW5nZVNsaWRlclxuICAgICAgICAgICAgICAgICAgey4uLk9QQUNJVFlfU0xJREVSX1BST1BTfVxuICAgICAgICAgICAgICAgICAgdmFsdWUxPXtjb2xvclNldHNbZWRpdGluZyBhcyBudW1iZXJdLnNlbGVjdGVkQ29sb3JbM10gLyAyNTV9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25TZWxlY3RPcGFjaXR5fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvT3BhY2l0eVNsaWRlcldyYXBwZXI+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L1N0eWxlZFBhbmVsRHJvcGRvd24+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gQ29sb3JTZWxlY3Rvcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sb3JTZWxlY3RvckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFLQSxJQUFBQSxNQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFDLHVCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxVQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxpQkFBQSxHQUFBQyxzQkFBQSxDQUFBTCxPQUFBO0FBQ0EsSUFBQU0sWUFBQSxHQUFBRCxzQkFBQSxDQUFBTCxPQUFBO0FBQ0EsSUFBQU8sa0JBQUEsR0FBQVAsT0FBQTtBQUNBLElBQUFRLGFB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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+XG4gICAgICA8L0NvbHVtblJvdz5cbiAgICApO1xuICB9O1xuICByZXR1cm4gQ29sdW1uU2VsZWN0b3I7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbHVtblNlbGVjdG9yRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLGFBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLGtCQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxjQUFBLEdBQUFILHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBTSxTQUFBLEdBQUFOLE9BQUE7QUFBbUQsSUFBQU8sZUFBQSxFQUFBQyxnQkFBQSxFQUFBQyxnQkFBQSxFQUFBQyxnQkFBQSxFQVJuRDtBQUNBO0FBQUEsU0FBQUMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFiLHdCQUFBYSxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFHLENBQUEsS0FBQUEsQ0FBQSxDQUFBVixHQUFBLElBQUFVLENBQUEsQ0FBQUMsR0FBQSxJQUFBUCxNQUFBLENBQUFDLGNBQUEsQ0FBQUosQ0FBQSxFQUFBTSxDQUFBLEVBQUFHLENBQUEsSUFBQVQsQ0FBQSxDQUFBTSxDQUFBLElBQUFkLENBQUEsQ0FBQWMsQ0FBQSxZQUFBTixDQUFBLGNBQUFSLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFlLEdBQUEsQ0FBQWxCLENBQUEsRUFBQVEsQ0FBQSxHQUFBQSxDQUFBO0FBNkJBLElBQU1XLFNBQVMsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBMUIsZUFBQSxLQUFBQSxlQUFBLE9BQUEyQix1QkFBQSx1RkFJM0I7QUFFRCxJQUFNQyxVQUFVLEdBQUdILDRCQUFNLENBQUNDLEdBQUcsQ0FBQXpCLGdCQUFBLEtBQUFBLGdCQUFBLE9BQUEwQix1QkFBQSxpRkFJNUI7QUFFRCxJQUFNRSxZQUFZLEdBQUdKLDRCQUFNLENBQUNDLEdBQUcsQ0FBQXhCLGdCQUFBLEtBQUFBLGdCQUFBLE9BQUF5Qix1QkFBQSxxQ0FFOUI7QUFFREcscUJBQXFCLENBQUNDLElBQUksR0FBRyxDQUFDQyx5QkFBb0IsQ0FBQztBQUVuRCxJQUFNQyxnQkFBZ0IsR0FBRyxJQUFBUiw0QkFBTSxFQUFDUyw2QkFBVSxDQUFDLENBQUNDLEtBQUssQ0FBd0I7RUFDdkVDLFNBQVMsRUFBRTtBQUNiLENBQUMsQ0FBQyxDQUFBakMsZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQXdCLHVCQUFBLDBDQUVEO0FBRUQsU0FBU0cscUJBQXFCQSxDQUFDTyxhQUFzRCxFQUFFO0VBQ3JGLElBQU1DLGNBQWtELEdBQUcsU0FBckRBLGNBQWtEQSxDQUFBQyxJQUFBLEVBUWxEO0lBQUEsSUFQSkMsTUFBTSxHQUFBRCxJQUFBLENBQU5DLE1BQU07TUFDTkMsT0FBTyxHQUFBRixJQUFBLENBQVBFLE9BQU87TUFDUEMsS0FBSyxHQUFBSCxJQUFBLENBQUxHLEtBQUs7TUFDTEMsU0FBUyxHQUFBSixJQUFBLENBQVRJLFNBQVM7TUFDVEMsUUFBUSxHQUFBTCxJQUFBLENBQVJLLFFBQVE7TUFDUkMsVUFBVSxHQUFBTixJQUFBLENBQVZNLFVBQVU7TUFBQUMsYUFBQSxHQUFBUCxJQUFBLENBQ1ZRLFFBQVE7TUFBUkEsUUFBUSxHQUFBRCxhQUFBLGNBQUcsSUFBSSxHQUFBQSxhQUFBO0lBRWYsSUFBTUUsT0FBTyxHQUFHLElBQUFDLGNBQU8sRUFDckI7TUFBQSxPQUFNRixRQUFRLElBQUksQ0FBQyxJQUFBRyx3QkFBYyxFQUFDVixNQUFNLEVBQUVDLE9BQU8sRUFBRUUsU0FBUyxDQUFDO0lBQUEsR0FDN0QsQ0FBQ0ksUUFBUSxFQUFFUCxNQUFNLEVBQUVDLE9BQU8sRUFBRUUsU0FBUyxDQUN2QyxDQUFDO0lBQ0Qsb0JBQ0VwRCxNQUFBLFlBQUE0RCxhQUFBLENBQUMzQixTQUFTO01BQUNZLFNBQVMsRUFBQztJQUFnQyxnQkFDbkQ3QyxNQUFBLFlBQUE0RCxhQUFBLENBQUN2QixVQUFVO01BQUNRLFNBQVMsRUFBQztJQUE0QixnQkFDaEQ3QyxNQUFBLFlBQUE0RCxhQUFBLENBQUNsQixnQkFBZ0IscUJBQ2YxQyxNQUFBLFlBQUE0RCxhQUFBLENBQUN2RCxhQUFBLENBQUF3RCxnQkFBZ0I7TUFBQ0MsRUFBRSxhQUFBQyxNQUFBLENBQWFaLEtBQUs7SUFBRyxDQUFFLENBQUMsRUFDM0MsQ0FBQ0YsTUFBTSxDQUFDZSxRQUFRLFdBQVcsSUFDWixDQUNSLENBQUMsZUFDYmhFLE1BQUEsWUFBQTRELGFBQUEsQ0FBQ3RCLFlBQVk7TUFBQ08sU0FBUyxFQUFDO0lBQThCLGdCQUNwRDdDLE1BQUEsWUFBQTRELGFBQUEsQ0FBQ2QsYUFBYTtNQUNabUIsU0FBUyxFQUFFWCxVQUFrQjtNQUM3QlksS0FBSyxFQUFFVCxPQUFRO01BQ2ZVLE1BQU0sRUFBRWYsU0FBVTtNQUNsQmdCLEtBQUssRUFBRW5CLE1BQU0sQ0FBQ21CLEtBQU07TUFDcEJDLFFBQVE7TUFDUmhCLFFBQVEsRUFBRUE7SUFBUyxDQUNwQixDQUNXLENBQ0wsQ0FBQztFQUVoQixDQUFDO0VBQ0QsT0FBT04sY0FBYztBQUN2QjtBQUFDLElBQUF1QixRQUFBLEdBQUFDLE9BQUEsY0FFY2hDLHFCQUFxQiIsImlnbm9yZUxpc3QiOltdfQ==

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;