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

package/dist/side-panel/layer-panel/vis-config-slider.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = VisConfigSliderFactory;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents2 = require("../../common/styled-components");
+var _rangeSlider = _interopRequireDefault(require("../../common/range-slider"));
+var _localization = require("@kepler.gl/localization");
+var _constants = require("@kepler.gl/constants");
+var _ = require("../..");
+var _utils = require("@kepler.gl/utils");
+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 InputWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  line-height: 12px;\n  margin-bottom: 12px;\n"])));
+var CustomInputWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n"])));
+var CustomInputLabel = _styledComponents["default"].label(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  font-weight: 500;\n  letter-spacing: 0.2px;\n  font-size: ", ";\n  padding-right: 15px;\n\n  &:last-child {\n    position: absolute;\n    right: 0;\n    padding: 0;\n  }\n"])), function (props) {
+  return props.theme.textColor;
+}, function (props) {
+  return props.theme.layerConfigGroupLabelLabelFontSize;
+});
+var RangeInput = _styledComponents["default"].input(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n  font-size: ", ";\n  width: 44px;\n  overflow: auto;\n  height: 20px;\n  margin-top: 5px;\n"])), function (props) {
+  return props.theme.input;
+}, function (props) {
+  return props.theme.sliderInputFontSize;
+});
+var LazyInput = function LazyInput(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    name = _ref.name;
+  var _useState = (0, _react.useState)(value),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    stateValue = _useState2[0],
+    setValue = _useState2[1];
+  var inputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    setValue(value);
+  }, [value]);
+  var onKeyDown = (0, _react.useCallback)(function (e) {
+    switch (e.keyCode) {
+      case _constants.KeyEvent.DOM_VK_ENTER:
+      case _constants.KeyEvent.DOM_VK_RETURN:
+        onChange(stateValue);
+        if (inputRef !== null) {
+          // @ts-ignore
+          inputRef === null || inputRef === void 0 || inputRef.current.blur();
+        }
+        break;
+      default:
+        break;
+    }
+  }, [onChange, stateValue]);
+  var _onChange = (0, _react.useCallback)(function (e) {
+    return setValue(e.target.value);
+  }, [setValue]);
+  var onBlur = (0, _react.useCallback)(function () {
+    return onChange(name, stateValue);
+  }, [onChange, name, stateValue]);
+  return /*#__PURE__*/_react["default"].createElement(RangeInput, {
+    type: "number",
+    ref: inputRef,
+    value: stateValue,
+    onChange: _onChange,
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    id: name
+  });
+};
+var CustomInput = function CustomInput(_ref2) {
+  var isRanged = _ref2.isRanged,
+    value = _ref2.value,
+    onChangeCustomInput = _ref2.onChangeCustomInput;
+  var onChangeInput = (0, _react.useCallback)(function (name, v) {
+    if (isRanged) onChangeCustomInput(name === 'value0' ? [v, value[1]] : [value[0], v]);else onChangeCustomInput(v);
+  }, [isRanged, value, onChangeCustomInput]);
+  return /*#__PURE__*/_react["default"].createElement(CustomInputWrapper, null, isRanged ? /*#__PURE__*/_react["default"].createElement(InputWrapper, null, /*#__PURE__*/_react["default"].createElement(CustomInputLabel, null, "min", /*#__PURE__*/_react["default"].createElement(LazyInput, {
+    name: "value0",
+    value: value[0],
+    onChange: onChangeInput
+  })), /*#__PURE__*/_react["default"].createElement(CustomInputLabel, null, "max", /*#__PURE__*/_react["default"].createElement(LazyInput, {
+    name: "value1",
+    value: value[1],
+    onChange: onChangeInput
+  }))) : /*#__PURE__*/_react["default"].createElement(InputWrapper, null, /*#__PURE__*/_react["default"].createElement(LazyInput, {
+    name: "value",
+    value: value,
+    onChange: onChangeInput
+  })));
+};
+VisConfigSliderFactory.deps = [_rangeSlider["default"]];
+function VisConfigSliderFactory(RangeSlider) {
+  var VisConfigSlider = function VisConfigSlider(_ref3) {
+    var config = _ref3.layer.config,
+      property = _ref3.property,
+      label = _ref3.label,
+      range = _ref3.range,
+      step = _ref3.step,
+      isRanged = _ref3.isRanged,
+      allowCustomValue = _ref3.allowCustomValue,
+      disabled = _ref3.disabled,
+      _onChange4 = _ref3.onChange,
+      inputTheme = _ref3.inputTheme;
+    var value = config.visConfig[property];
+    var _useState3 = (0, _react.useState)(false || !(0, _utils.isInRange)(value, range)),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      custom = _useState4[0],
+      setCustom = _useState4[1];
+    var onChangeCheckbox = (0, _react.useCallback)(function () {
+      if (custom) {
+        // we are swithcing from custom to not custom
+        // adjust value to range
+        var adjustedValue = isRanged ? [(0, _utils.clamp)(range, value[0]), (0, _utils.clamp)(range, value[1])] : (0, _utils.clamp)(range, value);
+        _onChange4((0, _defineProperty2["default"])({}, property, adjustedValue));
+      }
+      setCustom(!custom);
+    }, [_onChange4, property, isRanged, value, range, custom, setCustom]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, {
+      disabled: Boolean(disabled)
+    }, label ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, typeof label === 'string' ? /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: label
+    }) : typeof label === 'function' ? /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: label(config)
+    }) : /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "property.".concat(property)
+    })) : null, allowCustomValue ? /*#__PURE__*/_react["default"].createElement(InputWrapper, null, /*#__PURE__*/_react["default"].createElement(CustomInputLabel, null, "custom input"), /*#__PURE__*/_react["default"].createElement(_.Checkbox, {
+      id: "property.".concat(property),
+      checked: custom,
+      onChange: onChangeCheckbox
+    })) : null, !custom ? /*#__PURE__*/_react["default"].createElement(RangeSlider, {
+      range: range,
+      value0: isRanged ? value[0] : range[0],
+      value1: isRanged ? value[1] : value,
+      step: step,
+      isRanged: Boolean(isRanged),
+      onChange: function onChange(v) {
+        return _onChange4((0, _defineProperty2["default"])({}, property, isRanged ? v : v[1]));
+      },
+      inputTheme: inputTheme,
+      showInput: true
+    }) : /*#__PURE__*/_react["default"].createElement(CustomInput, {
+      isRanged: isRanged,
+      value: value,
+      onChangeCustomInput: function onChangeCustomInput(v) {
+        return _onChange4((0, _defineProperty2["default"])({}, property, v));
+      }
+    }));
+  };
+  return VisConfigSlider;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfc3R5bGVkQ29tcG9uZW50czIiLCJfcmFuZ2VTbGlkZXIiLCJfbG9jYWxpemF0aW9uIiwiX2NvbnN0YW50cyIsIl8iLCJfdXRpbHMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIl90ZW1wbGF0ZU9iamVjdDQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJJbnB1dFdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIkN1c3RvbUlucHV0V3JhcHBlciIsIkN1c3RvbUlucHV0TGFiZWwiLCJsYWJlbCIsInByb3BzIiwidGhlbWUiLCJ0ZXh0Q29sb3IiLCJsYXllckNvbmZpZ0dyb3VwTGFiZWxMYWJlbEZvbnRTaXplIiwiUmFuZ2VJbnB1dCIsImlucHV0Iiwic2xpZGVySW5wdXRGb250U2l6ZSIsIkxhenlJbnB1dCIsIl9yZWYiLCJ2YWx1ZSIsIm9uQ2hhbmdlIiwibmFtZSIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInN0YXRlVmFsdWUiLCJzZXRWYWx1ZSIsImlucHV0UmVmIiwidXNlUmVmIiwidXNlRWZmZWN0Iiwib25LZXlEb3duIiwidXNlQ2FsbGJhY2siLCJrZXlDb2RlIiwiS2V5RXZlbnQiLCJET01fVktfRU5URVIiLCJET01fVktfUkVUVVJOIiwiY3VycmVudCIsImJsdXIiLCJfb25DaGFuZ2UiLCJ0YXJnZXQiLCJvbkJsdXIiLCJjcmVhdGVFbGVtZW50IiwidHlwZSIsInJlZiIsImlkIiwiQ3VzdG9tSW5wdXQiLCJfcmVmMiIsImlzUmFuZ2VkIiwib25DaGFuZ2VDdXN0b21JbnB1dCIsIm9uQ2hhbmdlSW5wdXQiLCJ2IiwiVmlzQ29uZmlnU2xpZGVyRmFjdG9yeSIsImRlcHMiLCJSYW5nZVNsaWRlckZhY3RvcnkiLCJSYW5nZVNsaWRlciIsIlZpc0NvbmZpZ1NsaWRlciIsIl9yZWYzIiwiY29uZmlnIiwibGF5ZXIiLCJwcm9wZXJ0eSIsInJhbmdlIiwic3RlcCIsImFsbG93Q3VzdG9tVmFsdWUiLCJkaXNhYmxlZCIsImlucHV0VGhlbWUiLCJ2aXNDb25maWciLCJfdXNlU3RhdGUzIiwiaXNJblJhbmdlIiwiX3VzZVN0YXRlNCIsImN1c3RvbSIsInNldEN1c3RvbSIsIm9uQ2hhbmdlQ2hlY2tib3giLCJhZGp1c3RlZFZhbHVlIiwiY2xhbXAiLCJfZGVmaW5lUHJvcGVydHkyIiwiU2lkZVBhbmVsU2VjdGlvbiIsIkJvb2xlYW4iLCJQYW5lbExhYmVsIiwiRm9ybWF0dGVkTWVzc2FnZSIsImNvbmNhdCIsIkNoZWNrYm94IiwiY2hlY2tlZCIsInZhbHVlMCIsInZhbHVlMSIsInNob3dJbnB1dCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3Zpcy1jb25maWctc2xpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtQYW5lbExhYmVsLCBTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFJhbmdlU2xpZGVyRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vcmFuZ2Utc2xpZGVyJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtLZXlFdmVudH0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtDaGVja2JveH0gZnJvbSAnLi4vLi4nO1xuaW1wb3J0IHtMYXllciwgTGF5ZXJCYXNlQ29uZmlnfSBmcm9tICdAa2VwbGVyLmdsL2xheWVycyc7XG5pbXBvcnQge2lzSW5SYW5nZSwgY2xhbXB9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuXG50eXBlIExhenlJbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nIHwgW3N0cmluZywgc3RyaW5nXTtcbiAgbmFtZTogc3RyaW5nO1xuICBvbkNoYW5nZTogKG46IHN0cmluZyB8IFtzdHJpbmcsIHN0cmluZ10sIHY/OiBzdHJpbmcgfCBbc3RyaW5nLCBzdHJpbmddKSA9PiB2b2lkO1xufTtcblxudHlwZSBDdXN0b21JbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nIHwgW3N0cmluZywgc3RyaW5nXTtcbiAgaXNSYW5nZWQ6IGJvb2xlYW47XG4gIG9uQ2hhbmdlQ3VzdG9tSW5wdXQ6ICh2OiBbc3RyaW5nLCBzdHJpbmddKSA9PiB2b2lkO1xufTtcblxudHlwZSBWaXNDb25maWdTbGlkZXJQcm9wcyA9IHtcbiAgbGF5ZXI6IExheWVyO1xuICBwcm9wZXJ0eTogc3RyaW5nO1xuICBvbkNoYW5nZTogKHY6IFJlY29yZDxzdHJpbmcsIG51bWJlciB8IHN0cmluZyB8IG51bWJlcltdIHwgc3RyaW5nW10+KSA9PiB2b2lkO1xuICBsYWJlbD86IHN0cmluZyB8ICgoYzogTGF5ZXJCYXNlQ29uZmlnKSA9PiBzdHJpbmcpO1xuICByYW5nZTogW251bWJlciwgbnVtYmVyXTtcbiAgc3RlcD86IG51bWJlcjtcbiAgaXNSYW5nZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaW5wdXRUaGVtZT86IHN0cmluZztcbiAgYWxsb3dDdXN0b21WYWx1ZT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBsaW5lLWhlaWdodDogMTJweDtcbiAgbWFyZ2luLWJvdHRvbTogMTJweDtcbmA7XG5cbmNvbnN0IEN1c3RvbUlucHV0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5jb25zdCBDdXN0b21JbnB1dExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBmb250LXdlaWdodDogNTAwO1xuICBsZXR0ZXItc3BhY2luZzogMC4ycHg7XG4gIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllckNvbmZpZ0dyb3VwTGFiZWxMYWJlbEZvbnRTaXplfTtcbiAgcGFkZGluZy1yaWdodDogMTVweDtcblxuICAmOmxhc3QtY2hpbGQge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBSYW5nZUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0fTtcbiAgZm9udC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNsaWRlcklucHV0Rm9udFNpemV9O1xuICB3aWR0aDogNDRweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIGhlaWdodDogMjBweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xuYDtcblxuY29uc3QgTGF6eUlucHV0OiBSZWFjdC5GQzxMYXp5SW5wdXRQcm9wcz4gPSAoe3ZhbHVlLCBvbkNoYW5nZSwgbmFtZX0pID0+IHtcbiAgY29uc3QgW3N0YXRlVmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHZhbHVlKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0VmFsdWUodmFsdWUpO1xuICB9LCBbdmFsdWVdKTtcblxuICBjb25zdCBvbktleURvd24gPSB1c2VDYWxsYmFjayhcbiAgICBlID0+IHtcbiAgICAgIHN3aXRjaCAoZS5rZXlDb2RlKSB7XG4gICAgICAgIGNhc2UgS2V5RXZlbnQuRE9NX1ZLX0VOVEVSOlxuICAgICAgICBjYXNlIEtleUV2ZW50LkRPTV9WS19SRVRVUk46XG4gICAgICAgICAgb25DaGFuZ2Uoc3RhdGVWYWx1ZSk7XG4gICAgICAgICAgaWYgKGlucHV0UmVmICE9PSBudWxsKSB7XG4gICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICBpbnB1dFJlZj8uY3VycmVudC5ibHVyKCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uQ2hhbmdlLCBzdGF0ZVZhbHVlXVxuICApO1xuXG4gIGNvbnN0IF9vbkNoYW5nZSA9IHVzZUNhbGxiYWNrKGUgPT4gc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpLCBbc2V0VmFsdWVdKTtcbiAgY29uc3Qgb25CbHVyID0gdXNlQ2FsbGJhY2soKCkgPT4gb25DaGFuZ2UobmFtZSwgc3RhdGVWYWx1ZSksIFtvbkNoYW5nZSwgbmFtZSwgc3RhdGVWYWx1ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFJhbmdlSW5wdXRcbiAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgIHZhbHVlPXtzdGF0ZVZhbHVlfVxuICAgICAgb25DaGFuZ2U9e19vbkNoYW5nZX1cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICBpZD17bmFtZX1cbiAgICAvPlxuICApO1xufTtcblxuY29uc3QgQ3VzdG9tSW5wdXQ6IFJlYWN0LkZDPEN1c3RvbUlucHV0UHJvcHM+ID0gKHtpc1JhbmdlZCwgdmFsdWUsIG9uQ2hhbmdlQ3VzdG9tSW5wdXR9KSA9PiB7XG4gIGNvbnN0IG9uQ2hhbmdlSW5wdXQgPSB1c2VDYWxsYmFjayhcbiAgICAobmFtZSwgdikgPT4ge1xuICAgICAgaWYgKGlzUmFuZ2VkKSBvbkNoYW5nZUN1c3RvbUlucHV0KG5hbWUgPT09ICd2YWx1ZTAnID8gW3YsIHZhbHVlWzFdXSA6IFt2YWx1ZVswXSwgdl0pO1xuICAgICAgZWxzZSBvbkNoYW5nZUN1c3RvbUlucHV0KHYpO1xuICAgIH0sXG4gICAgW2lzUmFuZ2VkLCB2YWx1ZSwgb25DaGFuZ2VDdXN0b21JbnB1dF1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21JbnB1dFdyYXBwZXI+XG4gICAgICB7aXNSYW5nZWQgPyAoXG4gICAgICAgIDxJbnB1dFdyYXBwZXI+XG4gICAgICAgICAgPEN1c3RvbUlucHV0TGFiZWw+XG4gICAgICAgICAgICBtaW5cbiAgICAgICAgICAgIDxMYXp5SW5wdXQgbmFtZT1cInZhbHVlMFwiIHZhbHVlPXt2YWx1ZVswXX0gb25DaGFuZ2U9e29uQ2hhbmdlSW5wdXR9IC8+XG4gICAgICAgICAgPC9DdXN0b21JbnB1dExhYmVsPlxuICAgICAgICAgIDxDdXN0b21JbnB1dExhYmVsPlxuICAgICAgICAgICAgbWF4XG4gICAgICAgICAgICA8TGF6eUlucHV0IG5hbWU9XCJ2YWx1ZTFcIiB2YWx1ZT17dmFsdWVbMV19IG9uQ2hhbmdlPXtvbkNoYW5nZUlucHV0fSAvPlxuICAgICAgICAgIDwvQ3VzdG9tSW5wdXRMYWJlbD5cbiAgICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgICApIDogKFxuICAgICAgICA8SW5wdXRXcmFwcGVyPlxuICAgICAgICAgIDxMYXp5SW5wdXQgbmFtZT1cInZhbHVlXCIgdmFsdWU9e3ZhbHVlfSBvbkNoYW5nZT17b25DaGFuZ2VJbnB1dH0gLz5cbiAgICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgICApfVxuICAgIDwvQ3VzdG9tSW5wdXRXcmFwcGVyPlxuICApO1xufTtcblxuVmlzQ29uZmlnU2xpZGVyRmFjdG9yeS5kZXBzID0gW1JhbmdlU2xpZGVyRmFjdG9yeV07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFZpc0NvbmZpZ1NsaWRlckZhY3RvcnkoUmFuZ2VTbGlkZXI6IFJldHVyblR5cGU8dHlwZW9mIFJhbmdlU2xpZGVyRmFjdG9yeT4pIHtcbiAgY29uc3QgVmlzQ29uZmlnU2xpZGVyOiBSZWFjdC5GQzxWaXNDb25maWdTbGlkZXJQcm9wcz4gPSAoe1xuICAgIGxheWVyOiB7Y29uZmlnfSxcbiAgICBwcm9wZXJ0eSxcbiAgICBsYWJlbCxcbiAgICByYW5nZSxcbiAgICBzdGVwLFxuICAgIGlzUmFuZ2VkLFxuICAgIGFsbG93Q3VzdG9tVmFsdWUsXG4gICAgZGlzYWJsZWQsXG4gICAgb25DaGFuZ2UsXG4gICAgaW5wdXRUaGVtZVxuICB9KSA9PiB7XG4gICAgY29uc3QgdmFsdWUgPSBjb25maWcudmlzQ29uZmlnW3Byb3BlcnR5XTtcbiAgICBjb25zdCBbY3VzdG9tLCBzZXRDdXN0b21dID0gdXNlU3RhdGUoZmFsc2UgfHwgIWlzSW5SYW5nZSh2YWx1ZSwgcmFuZ2UpKTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlQ2hlY2tib3ggPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBpZiAoY3VzdG9tKSB7XG4gICAgICAgIC8vIHdlIGFyZSBzd2l0aGNpbmcgZnJvbSBjdXN0b20gdG8gbm90IGN1c3RvbVxuICAgICAgICAvLyBhZGp1c3QgdmFsdWUgdG8gcmFuZ2VcbiAgICAgICAgY29uc3QgYWRqdXN0ZWRWYWx1ZSA9IGlzUmFuZ2VkXG4gICAgICAgICAgPyBbY2xhbXAocmFuZ2UsIHZhbHVlWzBdKSwgY2xhbXAocmFuZ2UsIHZhbHVlWzFdKV1cbiAgICAgICAgICA6IGNsYW1wKHJhbmdlLCB2YWx1ZSk7XG4gICAgICAgIG9uQ2hhbmdlKHtbcHJvcGVydHldOiBhZGp1c3RlZFZhbHVlfSk7XG4gICAgICB9XG4gICAgICBzZXRDdXN0b20oIWN1c3RvbSk7XG4gICAgfSwgW29uQ2hhbmdlLCBwcm9wZXJ0eSwgaXNSYW5nZWQsIHZhbHVlLCByYW5nZSwgY3VzdG9tLCBzZXRDdXN0b21dKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U2lkZVBhbmVsU2VjdGlvbiBkaXNhYmxlZD17Qm9vbGVhbihkaXNhYmxlZCl9PlxuICAgICAgICB7bGFiZWwgPyAoXG4gICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2xhYmVsfSAvPlxuICAgICAgICAgICAgKSA6IHR5cGVvZiBsYWJlbCA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2xhYmVsKGNvbmZpZyl9IC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17YHByb3BlcnR5LiR7cHJvcGVydHl9YH0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgICApIDogbnVsbH1cblxuICAgICAgICB7YWxsb3dDdXN0b21WYWx1ZSA/IChcbiAgICAgICAgICA8SW5wdXRXcmFwcGVyPlxuICAgICAgICAgICAgPEN1c3RvbUlucHV0TGFiZWw+Y3VzdG9tIGlucHV0PC9DdXN0b21JbnB1dExhYmVsPlxuICAgICAgICAgICAgPENoZWNrYm94IGlkPXtgcHJvcGVydHkuJHtwcm9wZXJ0eX1gfSBjaGVja2VkPXtjdXN0b219IG9uQ2hhbmdlPXtvbkNoYW5nZUNoZWNrYm94fSAvPlxuICAgICAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgICAgICApIDogbnVsbH1cblxuICAgICAgICB7IWN1c3RvbSA/IChcbiAgICAgICAgICA8UmFuZ2VTbGlkZXJcbiAgICAgICAgICAgIHJhbmdlPXtyYW5nZX1cbiAgICAgICAgICAgIHZhbHVlMD17aXNSYW5nZWQgPyB2YWx1ZVswXSA6IHJhbmdlWzBdfVxuICAgICAgICAgICAgdmFsdWUxPXtpc1JhbmdlZCA/IHZhbHVlWzFdIDogdmFsdWV9XG4gICAgICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICAgICAgaXNSYW5nZWQ9e0Jvb2xlYW4oaXNSYW5nZWQpfVxuICAgICAgICAgICAgb25DaGFuZ2U9e3YgPT4gb25DaGFuZ2Uoe1twcm9wZXJ0eV06IGlzUmFuZ2VkID8gdiA6IHZbMV19KX1cbiAgICAgICAgICAgIGlucHV0VGhlbWU9e2lucHV0VGhlbWV9XG4gICAgICAgICAgICBzaG93SW5wdXRcbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxDdXN0b21JbnB1dFxuICAgICAgICAgICAgaXNSYW5nZWQ9e2lzUmFuZ2VkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2VDdXN0b21JbnB1dD17diA9PiBvbkNoYW5nZSh7W3Byb3BlcnR5XTogdn0pfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gVmlzQ29uZmlnU2xpZGVyO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFFQSxJQUFBRyxrQkFBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksWUFBQSxHQUFBRixzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUssYUFBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sVUFBQSxHQUFBTixPQUFBO0FBQ0Es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

package/dist/side-panel/layer-panel/vis-config-switch.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import InfoHelperFactory from '../../common/info-helper';
+import { Layer } from '@kepler.gl/layers';
+declare type VisConfigSwitchProps = {
+    layer: Layer;
+    property: string;
+    onChange: (v: Record<string, boolean>) => void;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+};
+declare function VisConfigSwitchFactory(InfoHelper: ReturnType<typeof InfoHelperFactory>): React.FC<VisConfigSwitchProps>;
+declare namespace VisConfigSwitchFactory {
+    var deps: (typeof InfoHelperFactory)[];
+}
+export default VisConfigSwitchFactory;

package/dist/side-panel/layer-panel/vis-config-switch.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _infoHelper = _interopRequireDefault(require("../../common/info-helper"));
+var _switch = _interopRequireDefault(require("../../common/switch"));
+var _styledComponents2 = require("../../common/styled-components");
+var _localization = require("@kepler.gl/localization");
+var _utils = require("@kepler.gl/utils");
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var StyledVisConfigSwitch = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n\n  .vis-config-switch__title {\n    display: flex;\n  }\n"])));
+VisConfigSwitchFactory.deps = [_infoHelper["default"]];
+function VisConfigSwitchFactory(InfoHelper) {
+  var VisConfigSwitch = function VisConfigSwitch(_ref) {
+    var _ref$layer = _ref.layer,
+      id = _ref$layer.id,
+      config = _ref$layer.config,
+      property = _ref.property,
+      _onChange2 = _ref.onChange,
+      label = _ref.label,
+      description = _ref.description,
+      disabled = _ref.disabled;
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, {
+      disabled: Boolean(disabled)
+    }, /*#__PURE__*/_react["default"].createElement(StyledVisConfigSwitch, {
+      className: "vis-config-switch"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "vis-config-switch__title"
+    }, label ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, label && /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: label
+    }) || (0, _utils.capitalizeFirstLetter)(property)) : null, description ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(InfoHelper, {
+      description: description,
+      id: "".concat(id, "-").concat(property, "-description")
+    })) : null), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "vis-config-switch__switch"
+    }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+      checked: config.visConfig[property],
+      id: "".concat(id, "-").concat(property, "-switch"),
+      onChange: function onChange() {
+        return _onChange2((0, _defineProperty2["default"])({}, property, !config.visConfig[property]));
+      }
+    }))));
+  };
+  return VisConfigSwitch;
+}
+var _default = exports["default"] = VisConfigSwitchFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2luZm9IZWxwZXIiLCJfc3dpdGNoIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2xvY2FsaXphdGlvbiIsIl91dGlscyIsIl90ZW1wbGF0ZU9iamVjdCIsIlN0eWxlZFZpc0NvbmZpZ1N3aXRjaCIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiVmlzQ29uZmlnU3dpdGNoRmFjdG9yeSIsImRlcHMiLCJJbmZvSGVscGVyRmFjdG9yeSIsIkluZm9IZWxwZXIiLCJWaXNDb25maWdTd2l0Y2giLCJfcmVmIiwiX3JlZiRsYXllciIsImxheWVyIiwiaWQiLCJjb25maWciLCJwcm9wZXJ0eSIsIm9uQ2hhbmdlIiwibGFiZWwiLCJkZXNjcmlwdGlvbiIsImRpc2FibGVkIiwiY3JlYXRlRWxlbWVudCIsIlNpZGVQYW5lbFNlY3Rpb24iLCJCb29sZWFuIiwiY2xhc3NOYW1lIiwiUGFuZWxMYWJlbCIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJjYXBpdGFsaXplRmlyc3RMZXR0ZXIiLCJjb25jYXQiLCJjaGVja2VkIiwidmlzQ29uZmlnIiwiX2RlZmluZVByb3BlcnR5MiIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3Zpcy1jb25maWctc3dpdGNoLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgSW5mb0hlbHBlckZhY3RvcnkgZnJvbSAnLi4vLi4vY29tbW9uL2luZm8taGVscGVyJztcbmltcG9ydCBTd2l0Y2ggZnJvbSAnLi4vLi4vY29tbW9uL3N3aXRjaCc7XG5pbXBvcnQge1NpZGVQYW5lbFNlY3Rpb24sIFBhbmVsTGFiZWx9IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7Y2FwaXRhbGl6ZUZpcnN0TGV0dGVyfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCB7TGF5ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcblxudHlwZSBWaXNDb25maWdTd2l0Y2hQcm9wcyA9IHtcbiAgbGF5ZXI6IExheWVyO1xuICBwcm9wZXJ0eTogc3RyaW5nO1xuICBvbkNoYW5nZTogKHY6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+KSA9PiB2b2lkO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZFZpc0NvbmZpZ1N3aXRjaCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAudmlzLWNvbmZpZy1zd2l0Y2hfX3RpdGxlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG5gO1xuXG5WaXNDb25maWdTd2l0Y2hGYWN0b3J5LmRlcHMgPSBbSW5mb0hlbHBlckZhY3RvcnldO1xuZnVuY3Rpb24gVmlzQ29uZmlnU3dpdGNoRmFjdG9yeShJbmZvSGVscGVyOiBSZXR1cm5UeXBlPHR5cGVvZiBJbmZvSGVscGVyRmFjdG9yeT4pIHtcbiAgY29uc3QgVmlzQ29uZmlnU3dpdGNoOiBSZWFjdC5GQzxWaXNDb25maWdTd2l0Y2hQcm9wcz4gPSAoe1xuICAgIGxheWVyOiB7aWQsIGNvbmZpZ30sXG4gICAgcHJvcGVydHksXG4gICAgb25DaGFuZ2UsXG4gICAgbGFiZWwsXG4gICAgZGVzY3JpcHRpb24sXG4gICAgZGlzYWJsZWRcbiAgfSkgPT4gKFxuICAgIDxTaWRlUGFuZWxTZWN0aW9uIGRpc2FibGVkPXtCb29sZWFuKGRpc2FibGVkKX0+XG4gICAgICA8U3R5bGVkVmlzQ29uZmlnU3dpdGNoIGNsYXNzTmFtZT1cInZpcy1jb25maWctc3dpdGNoXCI+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwidmlzLWNvbmZpZy1zd2l0Y2hfX3RpdGxlXCI+XG4gICAgICAgICAge2xhYmVsID8gKFxuICAgICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICAgIHsobGFiZWwgJiYgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2xhYmVsfSAvPikgfHwgY2FwaXRhbGl6ZUZpcnN0TGV0dGVyKHByb3BlcnR5KX1cbiAgICAgICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8SW5mb0hlbHBlciBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259IGlkPXtgJHtpZH0tJHtwcm9wZXJ0eX0tZGVzY3JpcHRpb25gfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInZpcy1jb25maWctc3dpdGNoX19zd2l0Y2hcIj5cbiAgICAgICAgICA8U3dpdGNoXG4gICAgICAgICAgICBjaGVja2VkPXtjb25maWcudmlzQ29uZmlnW3Byb3BlcnR5XX1cbiAgICAgICAgICAgIGlkPXtgJHtpZH0tJHtwcm9wZXJ0eX0tc3dpdGNoYH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiBvbkNoYW5nZSh7W3Byb3BlcnR5XTogIWNvbmZpZy52aXNDb25maWdbcHJvcGVydHldfSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1N0eWxlZFZpc0NvbmZpZ1N3aXRjaD5cbiAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICk7XG5cbiAgcmV0dXJuIFZpc0NvbmZpZ1N3aXRjaDtcbn1cbmV4cG9ydCBkZWZhdWx0IFZpc0NvbmZpZ1N3aXRjaEZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxXQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxPQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBSSxrQkFBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssYUFBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sTUFBQSxHQUFBTixPQUFBO0FBQXVELElBQUFPLGVBQUEsRUFUdkQ7QUFDQTtBQW9CQSxJQUFNQyxxQkFBcUIsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBSCxlQUFBLEtBQUFBLGVBQUEsT0FBQUksdUJBQUEscUlBT3ZDO0FBRURDLHNCQUFzQixDQUFDQyxJQUFJLEdBQUcsQ0FBQ0Msc0JBQWlCLENBQUM7QUFDakQsU0FBU0Ysc0JBQXNCQSxDQUFDRyxVQUFnRCxFQUFFO0VBQ2hGLElBQU1DLGVBQStDLEdBQUcsU0FBbERBLGVBQStDQSxDQUFBQyxJQUFBO0lBQUEsSUFBQUMsVUFBQSxHQUFBRCxJQUFBLENBQ25ERSxLQUFLO01BQUdDLEVBQUUsR0FBQUYsVUFBQSxDQUFGRSxFQUFFO01BQUVDLE1BQU0sR0FBQUgsVUFBQSxDQUFORyxNQUFNO01BQ2xCQyxRQUFRLEdBQUFMLElBQUEsQ0FBUkssUUFBUTtNQUNSQyxVQUFRLEdBQUFOLElBQUEsQ0FBUk0sUUFBUTtNQUNSQyxLQUFLLEdBQUFQLElBQUEsQ0FBTE8sS0FBSztNQUNMQyxXQUFXLEdBQUFSLElBQUEsQ0FBWFEsV0FBVztNQUNYQyxRQUFRLEdBQUFULElBQUEsQ0FBUlMsUUFBUTtJQUFBLG9CQUVSNUIsTUFBQSxZQUFBNkIsYUFBQSxDQUFDdkIsa0JBQUEsQ0FBQXdCLGdCQUFnQjtNQUFDRixRQUFRLEVBQUVHLE9BQU8sQ0FBQ0gsUUFBUTtJQUFFLGdCQUM1QzVCLE1BQUEsWUFBQTZCLGFBQUEsQ0FBQ25CLHFCQUFxQjtNQUFDc0IsU0FBUyxFQUFDO0lBQW1CLGdCQUNsRGhDLE1BQUEsWUFBQTZCLGFBQUE7TUFBS0csU0FBUyxFQUFDO0lBQTBCLEdBQ3RDTixLQUFLLGdCQUNKMUIsTUFBQSxZQUFBNkIsYUFBQSxDQUFDdkIsa0JBQUEsQ0FBQTJCLFVBQVUsUUFDUFAsS0FBSyxpQkFBSTFCLE1BQUEsWUFBQTZCLGFBQUEsQ0FBQ3RCLGFBQUEsQ0FBQTJCLGdCQUFnQjtNQUFDWixFQUFFLEVBQUVJO0lBQU0sQ0FBRSxDQUFDLElBQUssSUFBQVMsNEJBQXFCLEVBQUNYLFFBQVEsQ0FDbkUsQ0FBQyxHQUNYLElBQUksRUFDUEcsV0FBVyxnQkFDVjNCLE1BQUEsWUFBQTZCLGFBQUEsMkJBQ0U3QixNQUFBLFlBQUE2QixhQUFBLENBQUNaLFVBQVU7TUFBQ1UsV0FBVyxFQUFFQSxXQUFZO01BQUNMLEVBQUUsS0FBQWMsTUFBQSxDQUFLZCxFQUFFLE9BQUFjLE1BQUEsQ0FBSVosUUFBUTtJQUFlLENBQUUsQ0FDekUsQ0FBQyxHQUNKLElBQ0QsQ0FBQyxlQUNOeEIsTUFBQSxZQUFBNkIsYUFBQTtNQUFLRyxTQUFTLEVBQUM7SUFBMkIsZ0JBQ3hDaEMsTUFBQSxZQUFBNkIsYUFBQSxDQUFDeEIsT0FBQSxXQUFNO01BQ0xnQyxPQUFPLEVBQUVkLE1BQU0sQ0FBQ2UsU0FBUyxDQUFDZCxRQUFRLENBQUU7TUFDcENGLEVBQUUsS0FBQWMsTUFBQSxDQUFLZCxFQUFFLE9BQUFjLE1BQUEsQ0FBSVosUUFBUSxZQUFVO01BQy9CQyxRQUFRLEVBQUUsU0FBVkEsUUFBUUEsQ0FBQTtRQUFBLE9BQVFBLFVBQVEsS0FBQWMsZ0JBQUEsaUJBQUdmLFFBQVEsRUFBRyxDQUFDRCxNQUFNLENBQUNlLFNBQVMsQ0FBQ2QsUUFBUSxDQUFDLENBQUMsQ0FBQztNQUFBO0lBQUMsQ0FDckUsQ0FDRSxDQUNnQixDQUNQLENBQUM7RUFBQSxDQUNwQjtFQUVELE9BQU9OLGVBQWU7QUFDeEI7QUFBQyxJQUFBc0IsUUFBQSxHQUFBQyxPQUFBLGNBQ2MzQixzQkFBc0IiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/side-panel/map-manager.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import MapStyleSelectorFactory from './map-style-panel/map-style-selector';
+import LayerGroupSelectorFactory from './map-style-panel/map-layer-selector';
+import PanelTitleFactory from '../side-panel/panel-title';
+import { PanelMeta } from './common/types';
+import { WrappedComponentProps } from 'react-intl';
+import { MapStyle } from '@kepler.gl/reducers';
+import { MapStyleActions } from '@kepler.gl/actions';
+export declare type MapManagerProps = {
+    mapStyle: MapStyle;
+    mapStyleActions: {
+        mapStyleChange: typeof MapStyleActions.mapStyleChange;
+        mapConfigChange: typeof MapStyleActions.mapConfigChange;
+        set3dBuildingColor: typeof MapStyleActions.set3dBuildingColor;
+        setBackgroundColor: typeof MapStyleActions.setBackgroundColor;
+        removeCustomMapStyle: typeof MapStyleActions.removeCustomMapStyle;
+    };
+    showAddMapStyleModal: () => void;
+    panelMetadata: PanelMeta;
+} & WrappedComponentProps;
+declare function MapManagerFactory(MapStyleSelector: ReturnType<typeof MapStyleSelectorFactory>, LayerGroupSelector: ReturnType<typeof LayerGroupSelectorFactory>, PanelTitle: ReturnType<typeof PanelTitleFactory>): React.FC<import("react-intl").WithIntlProps<MapManagerProps>> & {
+    WrappedComponent: React.ComponentType<MapManagerProps>;
+};
+declare namespace MapManagerFactory {
+    var deps: ((() => React.FC<import("../side-panel/panel-title").PanelTitleProps>) | typeof MapStyleSelectorFactory | typeof LayerGroupSelectorFactory)[];
+}
+export default MapManagerFactory;

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

@@ -0,0 +1,127 @@
+"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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reselect = require("reselect");
+var _styledComponents = require("../common/styled-components");
+var _mapStyleSelector = _interopRequireDefault(require("./map-style-panel/map-style-selector"));
+var _mapLayerSelector = _interopRequireDefault(require("./map-style-panel/map-layer-selector"));
+var _panelTitle = _interopRequireDefault(require("../side-panel/panel-title"));
+var _icons = require("../common/icons");
+var _reactIntl = require("react-intl");
+var _localization = require("@kepler.gl/localization");
+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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+MapManagerFactory.deps = [_mapStyleSelector["default"], _mapLayerSelector["default"], _panelTitle["default"]];
+function MapManagerFactory(MapStyleSelector, LayerGroupSelector, PanelTitle) {
+  var MapManager = /*#__PURE__*/function (_Component) {
+    function MapManager() {
+      var _this;
+      (0, _classCallCheck2["default"])(this, MapManager);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _callSuper(this, MapManager, [].concat(args));
+      (0, _defineProperty2["default"])(_this, "state", {
+        isSelecting: false
+      });
+      (0, _defineProperty2["default"])(_this, "_toggleSelecting", function () {
+        _this.setState({
+          isSelecting: !_this.state.isSelecting
+        });
+      });
+      (0, _defineProperty2["default"])(_this, "_selectStyle", function (val) {
+        var mapStyleActions = _this.props.mapStyleActions;
+        var mapStyleChange = mapStyleActions.mapStyleChange;
+        mapStyleChange(val);
+        _this._toggleSelecting();
+      });
+      (0, _defineProperty2["default"])(_this, "getCustomMapStylesActions", (0, _reselect.createSelector)(function (props) {
+        return props.mapStyle.mapStyles;
+      }, function (props) {
+        return props.mapStyleActions;
+      }, function (mapStyles, mapStyleActions) {
+        var actionsPerCustomStyle = {};
+        Object.values(mapStyles).filter(function (mapStyle) {
+          return Boolean(mapStyle.custom);
+        }).forEach(function (_ref) {
+          var id = _ref.id;
+          actionsPerCustomStyle[id] = [{
+            id: "remove-map-style-".concat(id),
+            IconComponent: _icons.Trash,
+            tooltip: 'tooltip.removeBaseMapStyle',
+            onClick: function onClick() {
+              return mapStyleActions.removeCustomMapStyle({
+                id: id
+              });
+            }
+          }];
+        });
+        return actionsPerCustomStyle;
+      }));
+      return _this;
+    }
+    (0, _inherits2["default"])(MapManager, _Component);
+    return (0, _createClass2["default"])(MapManager, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+          mapStyle = _this$props.mapStyle,
+          intl = _this$props.intl,
+          mapStyleActions = _this$props.mapStyleActions,
+          showAddMapStyleModal = _this$props.showAddMapStyleModal,
+          panelMetadata = _this$props.panelMetadata;
+        var currentStyle = mapStyle.mapStyles[mapStyle.styleType] || {};
+        var editableLayers = currentStyle.layerGroups || [];
+        var customMapStylesActions = this.getCustomMapStylesActions(this.props);
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "map-style-panel"
+        }, /*#__PURE__*/_react["default"].createElement(PanelTitle, {
+          className: "map-manager-title",
+          title: intl.formatMessage({
+            id: panelMetadata.label
+          })
+        }, /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
+          className: "add-map-style-button",
+          onClick: showAddMapStyleModal
+        }, /*#__PURE__*/_react["default"].createElement(_icons.Add, {
+          height: "12px"
+        }), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+          id: 'mapManager.addMapStyle'
+        }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(MapStyleSelector, {
+          mapStyle: mapStyle,
+          isSelecting: this.state.isSelecting,
+          onChange: this._selectStyle,
+          toggleActive: this._toggleSelecting,
+          customMapStylesActions: customMapStylesActions
+        }), editableLayers.length ? /*#__PURE__*/_react["default"].createElement(LayerGroupSelector, {
+          layers: mapStyle.visibleLayerGroups,
+          editableLayers: editableLayers,
+          topLayers: mapStyle.topLayerGroups,
+          onChange: mapStyleActions.mapConfigChange,
+          threeDBuildingColor: mapStyle.threeDBuildingColor,
+          on3dBuildingColorChange: mapStyleActions.set3dBuildingColor,
+          backgroundColor: mapStyle.backgroundColor,
+          onBackgroundColorChange: mapStyleActions.setBackgroundColor
+        }) : null));
+      }
+    }]);
+  }(_react.Component);
+  return (0, _reactIntl.injectIntl)(MapManager);
+}
+var _default = exports["default"] = MapManagerFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcmVzZWxlY3QiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9tYXBTdHlsZVNlbGVjdG9yIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9tYXBMYXllclNlbGVjdG9yIiwiX3BhbmVsVGl0bGUiLCJfaWNvbnMiLCJfcmVhY3RJbnRsIiwiX2xvY2FsaXphdGlvbiIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIl9jYWxsU3VwZXIiLCJvIiwiX2dldFByb3RvdHlwZU9mMiIsIl9wb3NzaWJsZUNvbnN0cnVjdG9yUmV0dXJuMiIsIl9pc05hdGl2ZVJlZmxlY3RDb25zdHJ1Y3QiLCJSZWZsZWN0IiwiY29uc3RydWN0IiwiY29uc3RydWN0b3IiLCJhcHBseSIsIkJvb2xlYW4iLCJwcm90b3R5cGUiLCJ2YWx1ZU9mIiwiTWFwTWFuYWdlckZhY3RvcnkiLCJkZXBzIiwiTWFwU3R5bGVTZWxlY3RvckZhY3RvcnkiLCJMYXllckdyb3VwU2VsZWN0b3JGYWN0b3J5IiwiUGFuZWxUaXRsZUZhY3RvcnkiLCJNYXBTdHlsZVNlbGVjdG9yIiwiTGF5ZXJHcm91cFNlbGVjdG9yIiwiUGFuZWxUaXRsZSIsIk1hcE1hbmFnZXIiLCJfQ29tcG9uZW50IiwiX3RoaXMiLCJfY2xhc3NDYWxsQ2hlY2syIiwiX2xlbiIsImFyZ3VtZW50cyIsImxlbmd0aCIsImFyZ3MiLCJBcnJheSIsIl9rZXkiLCJjb25jYXQiLCJfZGVmaW5lUHJvcGVydHkyIiwiaXNTZWxlY3RpbmciLCJzZXRTdGF0ZSIsInN0YXRlIiwidmFsIiwibWFwU3R5bGVBY3Rpb25zIiwicHJvcHMiLCJtYXBTdHlsZUNoYW5nZSIsIl90b2dnbGVTZWxlY3RpbmciLCJjcmVhdGVTZWxlY3RvciIsIm1hcFN0eWxlIiwibWFwU3R5bGVzIiwiYWN0aW9uc1BlckN1c3RvbVN0eWxlIiwidmFsdWVzIiwiZmlsdGVyIiwiY3VzdG9tIiwiZm9yRWFjaCIsIl9yZWYiLCJpZCIsIkljb25Db21wb25lbnQiLCJUcmFzaCIsInRvb2x0aXAiLCJvbkNsaWNrIiwicmVtb3ZlQ3VzdG9tTWFwU3R5bGUiLCJfaW5oZXJpdHMyIiwiX2NyZWF0ZUNsYXNzMiIsImtleSIsInZhbHVlIiwicmVuZGVyIiwiX3RoaXMkcHJvcHMiLCJpbnRsIiwic2hvd0FkZE1hcFN0eWxlTW9kYWwiLCJwYW5lbE1ldGFkYXRhIiwiY3VycmVudFN0eWxlIiwic3R5bGVUeXBlIiwiZWRpdGFibGVMYXllcnMiLCJsYXllckdyb3VwcyIsImN1c3RvbU1hcFN0eWxlc0FjdGlvbnMiLCJnZXRDdXN0b21NYXBTdHlsZXNBY3Rpb25zIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsInRpdGxlIiwiZm9ybWF0TWVzc2FnZSIsImxhYmVsIiwiQnV0dG9uIiwiQWRkIiwiaGVpZ2h0IiwiRm9ybWF0dGVkTWVzc2FnZSIsIm9uQ2hhbmdlIiwiX3NlbGVjdFN0eWxlIiwidG9nZ2xlQWN0aXZlIiwibGF5ZXJzIiwidmlzaWJsZUxheWVyR3JvdXBzIiwidG9wTGF5ZXJzIiwidG9wTGF5ZXJHcm91cHMiLCJtYXBDb25maWdDaGFuZ2UiLCJ0aHJlZURCdWlsZGluZ0NvbG9yIiwib24zZEJ1aWxkaW5nQ29sb3JDaGFuZ2UiLCJzZXQzZEJ1aWxkaW5nQ29sb3IiLCJiYWNrZ3JvdW5kQ29sb3IiLCJvbkJhY2tncm91bmRDb2xvckNoYW5nZSIsInNldEJhY2tncm91bmRDb2xvciIsIkNvbXBvbmVudCIsImluamVjdEludGwiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvc2lkZS1wYW5lbC9tYXAtbWFuYWdlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge2NyZWF0ZVNlbGVjdG9yfSBmcm9tICdyZXNlbGVjdCc7XG5cbmltcG9ydCB7QnV0dG9ufSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IE1hcFN0eWxlU2VsZWN0b3JGYWN0b3J5IGZyb20gJy4vbWFwLXN0eWxlLXBhbmVsL21hcC1zdHlsZS1zZWxlY3Rvcic7XG5pbXBvcnQgTGF5ZXJHcm91cFNlbGVjdG9yRmFjdG9yeSBmcm9tICcuL21hcC1zdHlsZS1wYW5lbC9tYXAtbGF5ZXItc2VsZWN0b3InO1xuaW1wb3J0IFBhbmVsVGl0bGVGYWN0b3J5IGZyb20gJy4uL3NpZGUtcGFuZWwvcGFuZWwtdGl0bGUnO1xuXG5pbXBvcnQge0FkZCwgVHJhc2h9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge1BhbmVsTWV0YX0gZnJvbSAnLi9jb21tb24vdHlwZXMnO1xuaW1wb3J0IHtpbmplY3RJbnRsLCBXcmFwcGVkQ29tcG9uZW50UHJvcHN9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge01hcFN0eWxlfSBmcm9tICdAa2VwbGVyLmdsL3JlZHVjZXJzJztcbmltcG9ydCB7TWFwU3R5bGVBY3Rpb25zfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtNYXBTdHlsZXN9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBNYXBNYW5hZ2VyUHJvcHMgPSB7XG4gIG1hcFN0eWxlOiBNYXBTdHlsZTtcbiAgbWFwU3R5bGVBY3Rpb25zOiB7XG4gICAgbWFwU3R5bGVDaGFuZ2U6IHR5cGVvZiBNYXBTdHlsZUFjdGlvbnMubWFwU3R5bGVDaGFuZ2U7XG4gICAgbWFwQ29uZmlnQ2hhbmdlOiB0eXBlb2YgTWFwU3R5bGVBY3Rpb25zLm1hcENvbmZpZ0NoYW5nZTtcbiAgICBzZXQzZEJ1aWxkaW5nQ29sb3I6IHR5cGVvZiBNYXBTdHlsZUFjdGlvbnMuc2V0M2RCdWlsZGluZ0NvbG9yO1xuICAgIHNldEJhY2tncm91bmRDb2xvcjogdHlwZW9mIE1hcFN0eWxlQWN0aW9ucy5zZXRCYWNrZ3JvdW5kQ29sb3I7XG4gICAgcmVtb3ZlQ3VzdG9tTWFwU3R5bGU6IHR5cGVvZiBNYXBTdHlsZUFjdGlvbnMucmVtb3ZlQ3VzdG9tTWFwU3R5bGU7XG4gIH07XG4gIHNob3dBZGRNYXBTdHlsZU1vZGFsOiAoKSA9PiB2b2lkO1xuICBwYW5lbE1ldGFkYXRhOiBQYW5lbE1ldGE7XG59ICYgV3JhcHBlZENvbXBvbmVudFByb3BzO1xuXG5NYXBNYW5hZ2VyRmFjdG9yeS5kZXBzID0gW01hcFN0eWxlU2VsZWN0b3JGYWN0b3J5LCBMYXllckdyb3VwU2VsZWN0b3JGYWN0b3J5LCBQYW5lbFRpdGxlRmFjdG9yeV07XG5cbmZ1bmN0aW9uIE1hcE1hbmFnZXJGYWN0b3J5KFxuICBNYXBTdHlsZVNlbGVjdG9yOiBSZXR1cm5UeXBlPHR5cGVvZiBNYXBTdHlsZVNlbGVjdG9yRmFjdG9yeT4sXG4gIExheWVyR3JvdXBTZWxlY3RvcjogUmV0dXJuVHlwZTx0eXBlb2YgTGF5ZXJHcm91cFNlbGVjdG9yRmFjdG9yeT4sXG4gIFBhbmVsVGl0bGU6IFJldHVyblR5cGU8dHlwZW9mIFBhbmVsVGl0bGVGYWN0b3J5PlxuKSB7XG4gIGNsYXNzIE1hcE1hbmFnZXIgZXh0ZW5kcyBDb21wb25lbnQ8TWFwTWFuYWdlclByb3BzPiB7XG4gICAgc3RhdGUgPSB7XG4gICAgICBpc1NlbGVjdGluZzogZmFsc2VcbiAgICB9O1xuXG4gICAgX3RvZ2dsZVNlbGVjdGluZyA9ICgpID0+IHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoe2lzU2VsZWN0aW5nOiAhdGhpcy5zdGF0ZS5pc1NlbGVjdGluZ30pO1xuICAgIH07XG5cbiAgICBfc2VsZWN0U3R5bGUgPSAodmFsOiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IHttYXBTdHlsZUFjdGlvbnN9ID0gdGhpcy5wcm9wcztcbiAgICAgIGNvbnN0IHttYXBTdHlsZUNoYW5nZX0gPSBtYXBTdHlsZUFjdGlvbnM7XG4gICAgICBtYXBTdHlsZUNoYW5nZSh2YWwpO1xuICAgICAgdGhpcy5fdG9nZ2xlU2VsZWN0aW5nKCk7XG4gICAgfTtcblxuICAgIGdldEN1c3RvbU1hcFN0eWxlc0FjdGlvbnMgPSBjcmVhdGVTZWxlY3RvcihcbiAgICAgIChwcm9wczogTWFwTWFuYWdlclByb3BzKSA9PiBwcm9wcy5tYXBTdHlsZS5tYXBTdHlsZXMsXG4gICAgICAocHJvcHM6IE1hcE1hbmFnZXJQcm9wcykgPT4gcHJvcHMubWFwU3R5bGVBY3Rpb25zLFxuICAgICAgKG1hcFN0eWxlczogTWFwU3R5bGVzLCBtYXBTdHlsZUFjdGlvbnMpID0+IHtcbiAgICAgICAgY29uc3QgYWN0aW9uc1BlckN1c3RvbVN0eWxlID0ge307XG4gICAgICAgIE9iamVjdC52YWx1ZXMobWFwU3R5bGVzKVxuICAgICAgICAgIC5maWx0ZXIobWFwU3R5bGUgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIEJvb2xlYW4obWFwU3R5bGUuY3VzdG9tKTtcbiAgICAgICAgICB9KVxuICAgICAgICAgIC5mb3JFYWNoKCh7aWR9KSA9PiB7XG4gICAgICAgICAgICBhY3Rpb25zUGVyQ3VzdG9tU3R5bGVbaWRdID0gW1xuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgaWQ6IGByZW1vdmUtbWFwLXN0eWxlLSR7aWR9YCxcbiAgICAgICAgICAgICAgICBJY29uQ29tcG9uZW50OiBUcmFzaCxcbiAgICAgICAgICAgICAgICB0b29sdGlwOiAndG9vbHRpcC5yZW1vdmVCYXNlTWFwU3R5bGUnLFxuICAgICAgICAgICAgICAgIG9uQ2xpY2s6ICgpID0+IG1hcFN0eWxlQWN0aW9ucy5yZW1vdmVDdXN0b21NYXBTdHlsZSh7aWR9KVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBdO1xuICAgICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gYWN0aW9uc1BlckN1c3RvbVN0eWxlO1xuICAgICAgfVxuICAgICk7XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICBjb25zdCB7bWFwU3R5bGUsIGludGwsIG1hcFN0eWxlQWN0aW9ucywgc2hvd0FkZE1hcFN0eWxlTW9kYWwsIHBhbmVsTWV0YWRhdGF9ID0gdGhpcy5wcm9wcztcbiAgICAgIGNvbnN0IGN1cnJlbnRTdHlsZSA9IG1hcFN0eWxlLm1hcFN0eWxlc1ttYXBTdHlsZS5zdHlsZVR5cGVdIHx8IHt9O1xuICAgICAgY29uc3QgZWRpdGFibGVMYXllcnMgPSBjdXJyZW50U3R5bGUubGF5ZXJHcm91cHMgfHwgW107XG4gICAgICBjb25zdCBjdXN0b21NYXBTdHlsZXNBY3Rpb25zID0gdGhpcy5nZXRDdXN0b21NYXBTdHlsZXNBY3Rpb25zKHRoaXMucHJvcHMpO1xuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1hcC1zdHlsZS1wYW5lbFwiPlxuICAgICAgICAgIDxQYW5lbFRpdGxlXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJtYXAtbWFuYWdlci10aXRsZVwiXG4gICAgICAgICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKHtpZDogcGFuZWxNZXRhZGF0YS5sYWJlbH0pfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxCdXR0b24gY2xhc3NOYW1lPVwiYWRkLW1hcC1zdHlsZS1idXR0b25cIiBvbkNsaWNrPXtzaG93QWRkTWFwU3R5bGVNb2RhbH0+XG4gICAgICAgICAgICAgIDxBZGQgaGVpZ2h0PVwiMTJweFwiIC8+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnbWFwTWFuYWdlci5hZGRNYXBTdHlsZSd9IC8+XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICA8L1BhbmVsVGl0bGU+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxNYXBTdHlsZVNlbGVjdG9yXG4gICAgICAgICAgICAgIG1hcFN0eWxlPXttYXBTdHlsZX1cbiAgICAgICAgICAgICAgaXNTZWxlY3Rpbmc9e3RoaXMuc3RhdGUuaXNTZWxlY3Rpbmd9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLl9zZWxlY3RTdHlsZX1cbiAgICAgICAgICAgICAgdG9nZ2xlQWN0aXZlPXt0aGlzLl90b2dnbGVTZWxlY3Rpbmd9XG4gICAgICAgICAgICAgIGN1c3RvbU1hcFN0eWxlc0FjdGlvbnM9e2N1c3RvbU1hcFN0eWxlc0FjdGlvbnN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2VkaXRhYmxlTGF5ZXJzLmxlbmd0aCA/IChcbiAgICAgICAgICAgICAgPExheWVyR3JvdXBTZWxlY3RvclxuICAgICAgICAgICAgICAgIGxheWVycz17bWFwU3R5bGUudmlzaWJsZUxheWVyR3JvdXBzfVxuICAgICAgICAgICAgICAgIGVkaXRhYmxlTGF5ZXJzPXtlZGl0YWJsZUxheWVyc31cbiAgICAgICAgICAgICAgICB0b3BMYXllcnM9e21hcFN0eWxlLnRvcExheWVyR3JvdXBzfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXttYXBTdHlsZUFjdGlvbnMubWFwQ29uZmlnQ2hhbmdlfVxuICAgICAgICAgICAgICAgIHRocmVlREJ1aWxkaW5nQ29sb3I9e21hcFN0eWxlLnRocmVlREJ1aWxkaW5nQ29sb3J9XG4gICAgICAgICAgICAgICAgb24zZEJ1aWxkaW5nQ29sb3JDaGFuZ2U9e21hcFN0eWxlQWN0aW9ucy5zZXQzZEJ1aWxkaW5nQ29sb3J9XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXttYXBTdHlsZS5iYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAgICAgb25CYWNrZ3JvdW5kQ29sb3JDaGFuZ2U9e21hcFN0eWxlQWN0aW9ucy5zZXRCYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH1cbiAgfVxuICByZXR1cm4gaW5qZWN0SW50bChNYXBNYW5hZ2VyKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWFwTWFuYWdlckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsU0FBQSxHQUFBRCxPQUFBO0FBRUEsSUFBQUUsaUJBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLGlCQUFBLEdBQUFDLHNCQUFBLENBQUFKLE9BQUE7QUFDQSxJQUFBSyxpQkFBQSxHQUFBRCxzQkFBQSxDQUFBSixPQUFBO0FBQ0EsSUFBQU0sV0FBQSxHQUFBRixzQkFBQSxDQUFBSixPQUFBO0FBRUEsSUFBQU8sTUFBQSxHQUFBUCxPQUFBO0FBRUEsSUFBQVEsVUFBQSxHQUFBUixPQUFBO0FBQ0EsSUFBQVMsYUFBQSxHQUFBVCxPQUFBO0FBQXlELFNBQUFVLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBWix3QkFBQVksQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENB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

package/dist/side-panel/map-style-panel/map-layer-group-color-picker.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { RGBColor } from '@kepler.gl/types';
+export declare type LayerGroupColorPickerProps = {
+    slug: string;
+    color: RGBColor;
+    onColorChange: (pd: RGBColor) => void;
+    extraMarginRight: boolean;
+    disabled: boolean;
+};
+declare function LayerGroupColorPickerFactory(): React.FC<LayerGroupColorPickerProps>;
+declare namespace LayerGroupColorPickerFactory {
+    var deps: any[];
+}
+export default LayerGroupColorPickerFactory;

package/dist/side-panel/map-style-panel/map-layer-group-color-picker.js

@@ -0,0 +1,77 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _utils = require("@kepler.gl/utils");
+var _localization = require("@kepler.gl/localization");
+var _ = require("../..");
+var _styledComponents2 = require("../../common/styled-components");
+var _customPicker = _interopRequireDefault(require("../layer-panel/custom-picker"));
+var _colorSelector = require("../layer-panel/color-selector");
+var _templateObject, _templateObject2; // 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 LayerGroupColorPickerWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: ", "px;\n  cursor: pointer;\n  ", "\n"])), function (props) {
+  return props.extraMarginRight ? 0 : 24;
+}, function (props) {
+  return props.disabled && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n      cursor: none;\n      pointer-events: none;\n      opacity: 0.3;\n    "])));
+});
+LayerGroupColorPickerFactory.deps = [];
+function LayerGroupColorPickerFactory() {
+  var LayerGroupColorPicker = function LayerGroupColorPicker(_ref) {
+    var slug = _ref.slug,
+      color = _ref.color,
+      onColorChange = _ref.onColorChange,
+      extraMarginRight = _ref.extraMarginRight,
+      disabled = _ref.disabled;
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      displayColorPicker = _useState2[0],
+      setDisplayColorPicker = _useState2[1];
+    var onColorBlockClick = (0, _react.useCallback)(function () {
+      setDisplayColorPicker(!displayColorPicker);
+    }, [setDisplayColorPicker, displayColorPicker]);
+    var onClosePicker = (0, _react.useCallback)(function () {
+      setDisplayColorPicker(false);
+    }, [setDisplayColorPicker]);
+    var onCustomPickerChange = (0, _react.useCallback)(function (newColor) {
+      onColorChange([newColor.rgb.r, newColor.rgb.g, newColor.rgb.b]);
+    }, [onColorChange]);
+    return /*#__PURE__*/_react["default"].createElement(LayerGroupColorPickerWrapper, {
+      extraMarginRight: extraMarginRight,
+      disabled: disabled
+    }, /*#__PURE__*/_react["default"].createElement(_colorSelector.ColorBlock, {
+      backgroundcolor: color,
+      onClick: onColorBlockClick,
+      className: "color-selector__selector__block",
+      "data-tip": true,
+      "data-for": "update-color-".concat(slug)
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
+      id: "update-color-".concat(slug),
+      effect: "solid",
+      delayShow: 500
+    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'Update color'
+    }))), /*#__PURE__*/_react["default"].createElement(_.Portaled, {
+      isOpened: displayColorPicker !== false,
+      left: 110,
+      top: -50,
+      onClose: onClosePicker
+    }, /*#__PURE__*/_react["default"].createElement(_customPicker["default"], {
+      color: (0, _utils.rgbToHex)(color),
+      onChange: onCustomPickerChange
+    })));
+  };
+  return LayerGroupColorPicker;
+}
+var _default = exports["default"] = LayerGroupColorPickerFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl91dGlscyIsIl9sb2NhbGl6YXRpb24iLCJfIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2N1c3RvbVBpY2tlciIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY29sb3JTZWxlY3RvciIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJMYXllckdyb3VwQ29sb3JQaWNrZXJXcmFwcGVyIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsImV4dHJhTWFyZ2luUmlnaHQiLCJkaXNhYmxlZCIsImNzcyIsIkxheWVyR3JvdXBDb2xvclBpY2tlckZhY3RvcnkiLCJkZXBzIiwiTGF5ZXJHcm91cENvbG9yUGlja2VyIiwiX3JlZiIsInNsdWciLCJjb2xvciIsIm9uQ29sb3JDaGFuZ2UiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJkaXNwbGF5Q29sb3JQaWNrZXIiLCJzZXREaXNwbGF5Q29sb3JQaWNrZXIiLCJvbkNvbG9yQmxvY2tDbGljayIsInVzZUNhbGxiYWNrIiwib25DbG9zZVBpY2tlciIsIm9uQ3VzdG9tUGlja2VyQ2hhbmdlIiwibmV3Q29sb3IiLCJyZ2IiLCJnIiwiYiIsImNyZWF0ZUVsZW1lbnQiLCJDb2xvckJsb2NrIiwiYmFja2dyb3VuZGNvbG9yIiwib25DbGljayIsImNsYXNzTmFtZSIsImNvbmNhdCIsIlRvb2x0aXAiLCJpZCIsImVmZmVjdCIsImRlbGF5U2hvdyIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJQb3J0YWxlZCIsImlzT3BlbmVkIiwibGVmdCIsInRvcCIsIm9uQ2xvc2UiLCJyZ2JUb0hleCIsIm9uQ2hhbmdlIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvbWFwLXN0eWxlLXBhbmVsL21hcC1sYXllci1ncm91cC1jb2xvci1waWNrZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCwge2Nzc30gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQge3JnYlRvSGV4fSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtSR0JDb2xvcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbmltcG9ydCB7UG9ydGFsZWR9IGZyb20gJy4uLy4uJztcbmltcG9ydCB7VG9vbHRpcH0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBDdXN0b21QaWNrZXIgZnJvbSAnLi4vbGF5ZXItcGFuZWwvY3VzdG9tLXBpY2tlcic7XG5pbXBvcnQge0NvbG9yQmxvY2t9IGZyb20gJy4uL2xheWVyLXBhbmVsL2NvbG9yLXNlbGVjdG9yJztcblxuY29uc3QgTGF5ZXJHcm91cENvbG9yUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXY8e2V4dHJhTWFyZ2luUmlnaHQ/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW59PmBcbiAgbWFyZ2luLXJpZ2h0OiAke3Byb3BzID0+IChwcm9wcy5leHRyYU1hcmdpblJpZ2h0ID8gMCA6IDI0KX1weDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3Byb3BzID0+XG4gICAgcHJvcHMuZGlzYWJsZWQgJiZcbiAgICBjc3NgXG4gICAgICBjdXJzb3I6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfVxuYDtcblxuZXhwb3J0IHR5cGUgTGF5ZXJHcm91cENvbG9yUGlja2VyUHJvcHMgPSB7XG4gIHNsdWc6IHN0cmluZztcbiAgY29sb3I6IFJHQkNvbG9yO1xuICBvbkNvbG9yQ2hhbmdlOiAocGQ6IFJHQkNvbG9yKSA9PiB2b2lkO1xuICBleHRyYU1hcmdpblJpZ2h0OiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbn07XG5cbkxheWVyR3JvdXBDb2xvclBpY2tlckZhY3RvcnkuZGVwcyA9IFtdO1xuXG5mdW5jdGlvbiBMYXllckdyb3VwQ29sb3JQaWNrZXJGYWN0b3J5KCkge1xuICBjb25zdCBMYXllckdyb3VwQ29sb3JQaWNrZXI6IFJlYWN0LkZDPExheWVyR3JvdXBDb2xvclBpY2tlclByb3BzPiA9ICh7XG4gICAgc2x1ZyxcbiAgICBjb2xvcixcbiAgICBvbkNvbG9yQ2hhbmdlLFxuICAgIGV4dHJhTWFyZ2luUmlnaHQsXG4gICAgZGlzYWJsZWRcbiAgfSkgPT4ge1xuICAgIGNvbnN0IFtkaXNwbGF5Q29sb3JQaWNrZXIsIHNldERpc3BsYXlDb2xvclBpY2tlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCBvbkNvbG9yQmxvY2tDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldERpc3BsYXlDb2xvclBpY2tlcighZGlzcGxheUNvbG9yUGlja2VyKTtcbiAgICB9LCBbc2V0RGlzcGxheUNvbG9yUGlja2VyLCBkaXNwbGF5Q29sb3JQaWNrZXJdKTtcblxuICAgIGNvbnN0IG9uQ2xvc2VQaWNrZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXREaXNwbGF5Q29sb3JQaWNrZXIoZmFsc2UpO1xuICAgIH0sIFtzZXREaXNwbGF5Q29sb3JQaWNrZXJdKTtcblxuICAgIGNvbnN0IG9uQ3VzdG9tUGlja2VyQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICBuZXdDb2xvciA9PiB7XG4gICAgICAgIG9uQ29sb3JDaGFuZ2UoW25ld0NvbG9yLnJnYi5yLCBuZXdDb2xvci5yZ2IuZywgbmV3Q29sb3IucmdiLmJdKTtcbiAgICAgIH0sXG4gICAgICBbb25Db2xvckNoYW5nZV1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxMYXllckdyb3VwQ29sb3JQaWNrZXJXcmFwcGVyIGV4dHJhTWFyZ2luUmlnaHQ9e2V4dHJhTWFyZ2luUmlnaHR9IGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICAgIDxDb2xvckJsb2NrXG4gICAgICAgICAgYmFja2dyb3VuZGNvbG9yPXtjb2xvcn1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNvbG9yQmxvY2tDbGlja31cbiAgICAgICAgICBjbGFzc05hbWU9XCJjb2xvci1zZWxlY3Rvcl9fc2VsZWN0b3JfX2Jsb2NrXCJcbiAgICAgICAgICBkYXRhLXRpcFxuICAgICAgICAgIGRhdGEtZm9yPXtgdXBkYXRlLWNvbG9yLSR7c2x1Z31gfVxuICAgICAgICAvPlxuICAgICAgICA8VG9vbHRpcCBpZD17YHVwZGF0ZS1jb2xvci0ke3NsdWd9YH0gZWZmZWN0PVwic29saWRcIiBkZWxheVNob3c9ezUwMH0+XG4gICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J1VwZGF0ZSBjb2xvcid9IC8+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgIDxQb3J0YWxlZFxuICAgICAgICAgIGlzT3BlbmVkPXtkaXNwbGF5Q29sb3JQaWNrZXIgIT09IGZhbHNlfVxuICAgICAgICAgIGxlZnQ9ezExMH1cbiAgICAgICAgICB0b3A9ey01MH1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlUGlja2VyfVxuICAgICAgICA+XG4gICAgICAgICAgPEN1c3RvbVBpY2tlciBjb2xvcj17cmdiVG9IZXgoY29sb3IpfSBvbkNoYW5nZT17b25DdXN0b21QaWNrZXJDaGFuZ2V9IC8+XG4gICAgICAgIDwvUG9ydGFsZWQ+XG4gICAgICA8L0xheWVyR3JvdXBDb2xvclBpY2tlcldyYXBwZXI+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gTGF5ZXJHcm91cENvbG9yUGlja2VyO1xufVxuXG5leHBvcnQgZGVmYXVsdCBMYXllckdyb3VwQ29sb3JQaWNrZXJGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUYsdUJBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLGFBQUEsR0FBQUgsT0FBQTtBQUdBLElBQUFJLENBQUEsR0FBQUosT0FBQTtBQUNBLElBQUFLLGtCQUFBLEdBQUFMLE9BQUE7QUFDQSxJQUFBTSxhQUFBLEdBQUFDLHNCQUFBLENBQUFQLE9BQUE7QUFDQSxJQUFBUSxjQUFBLEdBQUFSLE9BQUE7QUFBeUQsSUFBQVMsZUFBQSxFQUFBQyxnQkFBQSxFQWJ6RDtBQUNBO0FBQUEsU0FBQUMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFiLHdCQUFBYSxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVB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

package/dist/side-panel/map-style-panel/map-layer-group-item.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { RGBColor } from '@kepler.gl/types';
+import { MapConfigChangeUpdaterAction } from '@kepler.gl/actions';
+import { MapStyle } from '@kepler.gl/reducers';
+import LayerGroupColorPickerFactory from './map-layer-group-color-picker';
+import { PanelHeaderActionProps, PanelHeaderActionIcon } from '../panel-header-action';
+export declare type LayerGroupItemActionIcons = {
+    visible: PanelHeaderActionIcon;
+    hidden: PanelHeaderActionIcon;
+    top: PanelHeaderActionIcon;
+};
+export declare type LayerGroupItemProps = {
+    PanelHeaderAction: React.FC<PanelHeaderActionProps>;
+    onChange: (pd: MapConfigChangeUpdaterAction['payload']) => void;
+    slug: string;
+    layers: MapStyle['visibleLayerGroups'];
+    topLayers: MapStyle['topLayerGroups'];
+    actionIcons: LayerGroupItemActionIcons;
+    color: RGBColor | null;
+    onColorChange: (pd: RGBColor) => void;
+    isVisibilityToggleAvailable?: boolean;
+    isMoveToTopAvailable?: boolean;
+    isColorPickerAvailable?: boolean;
+};
+declare function LayerGroupItemFactory(LayerGroupColorPicker: any): React.FC<LayerGroupItemProps>;
+declare namespace LayerGroupItemFactory {
+    var deps: (typeof LayerGroupColorPickerFactory)[];
+}
+export default LayerGroupItemFactory;