@carto/kepler.gl 0.0.1-alpha.map-libre

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

@@ -0,0 +1,226 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InputBoxContainer = exports.ColorSelectorInput = exports.ColorBlock = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _colorUtils = require("../../../utils/color-utils");
+
+var _colorPalette = _interopRequireDefault(require("./color-palette"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"));
+
+var _singleColorPalette = _interopRequireDefault(require("./single-color-palette"));
+
+var _colorRangeSelector = _interopRequireDefault(require("./color-range-selector"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var ColorBlock = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 32px;\n  height: 18px;\n  border-radius: 1px;\n  background-color: ", ";\n"])), function (props) {
+  return "rgb(".concat(props.color.slice(0, 3).join(','), ")");
+});
+
+exports.ColorBlock = ColorBlock;
+
+var ColorSelectorInput = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n  height: ", ";\n\n  .color-selector__selector__label {\n    text-transform: capitalize;\n    font-size: 12px;\n    text-align: center;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.inputTheme === 'secondary' ? props.theme.secondaryInput : props.theme.input;
+}, function (props) {
+  return props.theme.inputBoxHeight;
+}, function (props) {
+  return props.theme.inputPlaceholderColor;
+});
+
+exports.ColorSelectorInput = ColorSelectorInput;
+
+var InputBoxContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n\n  .color-select__input-group {\n    flex-grow: 1;\n  }\n  .color-select__input-group:nth-child(2) {\n    margin-left: 12px;\n  }\n"])));
+
+exports.InputBoxContainer = InputBoxContainer;
+ColorSelectorFactory.deps = [_singleColorPalette["default"], _colorRangeSelector["default"]];
+
+function ColorSelectorFactory(SingleColorPalette, ColorRangeSelector) {
+  var ColorSelector = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(ColorSelector, _Component);
+
+    var _super = _createSuper(ColorSelector);
+
+    function ColorSelector() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, ColorSelector);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+        showDropdown: false
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "node", /*#__PURE__*/(0, _react.createRef)());
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickOutside", function (e) {
+        if (_this.props.colorUI && Number.isInteger(_this.props.colorUI.showSketcher)) {
+          // if sketcher is open, let sketch to close itself first
+          return;
+        }
+
+        _this._closePanelDropdown();
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_getEditing", function () {
+        return _this.props.colorUI ? _this.props.colorUI.showDropdown : _this.state.showDropdown;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_closePanelDropdown", function () {
+        if (_this._getEditing() === false) {
+          return;
+        }
+
+        if (_this.props.setColorUI) {
+          _this.props.setColorUI({
+            showDropdown: false,
+            showSketcher: false
+          });
+        } else {
+          _this.setState({
+            showDropdown: false
+          });
+        }
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSelectColor", function (color, e) {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+
+        var editing = _this._getEditing();
+
+        if (_this.props.colorSets[editing]) {
+          _this.props.colorSets[editing].setColor(color);
+        }
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_showDropdown", function (e, i) {
+        e.stopPropagation();
+        e.preventDefault();
+
+        if (_this.props.setColorUI) {
+          _this.props.setColorUI({
+            showDropdown: i
+          });
+        } else {
+          _this.setState({
+            showDropdown: i
+          });
+        }
+      });
+      return _this;
+    }
+
+    (0, _createClass2["default"])(ColorSelector, [{
+      key: "render",
+      value: function render() {
+        var _this2 = this;
+
+        var _this$props = this.props,
+            colorSets = _this$props.colorSets,
+            disabled = _this$props.disabled,
+            inputTheme = _this$props.inputTheme,
+            colorUI = _this$props.colorUI;
+
+        var editing = this._getEditing();
+
+        var currentEditing = colorSets[editing] && (0, _typeof2["default"])(colorSets[editing]) === 'object';
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "color-selector",
+          ref: this.node
+        }, /*#__PURE__*/_react["default"].createElement(InputBoxContainer, null, colorSets.map(function (cSet, i) {
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            className: "color-select__input-group",
+            key: i
+          }, /*#__PURE__*/_react["default"].createElement(ColorSelectorInput, {
+            className: "color-selector__selector",
+            active: editing === i,
+            disabled: disabled,
+            inputTheme: inputTheme,
+            onMouseDown: function onMouseDown(e) {
+              return _this2._showDropdown(e, i);
+            }
+          }, cSet.isRange ? /*#__PURE__*/_react["default"].createElement(_colorPalette["default"], {
+            colors: cSet.selectedColor.colors
+          }) : /*#__PURE__*/_react["default"].createElement(ColorBlock, {
+            className: "color-selector__selector__block",
+            color: cSet.selectedColor
+          }), cSet.label ? /*#__PURE__*/_react["default"].createElement("div", {
+            className: "color-selector__selector__label"
+          }, cSet.label) : null));
+        })), currentEditing ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.StyledPanelDropdown, {
+          className: "color-selector__dropdown"
+        }, colorSets[editing].isRange ? /*#__PURE__*/_react["default"].createElement(ColorRangeSelector, {
+          selectedColorRange: colorSets[editing].selectedColor,
+          onSelectColorRange: this._onSelectColor,
+          setColorPaletteUI: this.props.setColorUI,
+          colorPaletteUI: colorUI
+        }) : /*#__PURE__*/_react["default"].createElement(SingleColorPalette, {
+          selectedColor: (0, _colorUtils.rgbToHex)(colorSets[editing].selectedColor),
+          onSelectColor: this._onSelectColor
+        })) : null);
+      }
+    }]);
+    return ColorSelector;
+  }(_react.Component);
+
+  (0, _defineProperty2["default"])(ColorSelector, "propTypes", {
+    colorSets: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      selectedColor: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].any), _propTypes["default"].object]),
+      setColor: _propTypes["default"].func.isRequired,
+      isRange: _propTypes["default"].bool,
+      label: _propTypes["default"].string
+    })),
+    colorUI: _propTypes["default"].shape({
+      customPalette: _propTypes["default"].object,
+      showSketcher: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].number]),
+      showDropdown: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].number]),
+      colorRangeConfig: _propTypes["default"].object
+    }),
+    inputTheme: _propTypes["default"].string,
+    disabled: _propTypes["default"].bool,
+    setColorUI: _propTypes["default"].func
+  });
+  (0, _defineProperty2["default"])(ColorSelector, "defaultProps", {
+    colorSets: []
+  });
+  return (0, _reactOnclickoutside["default"])(ColorSelector);
+}
+
+var _default = ColorSelectorFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvY29sb3Itc2VsZWN0b3IuanMiXSwibmFtZXMiOlsiQ29sb3JCbG9jayIsInN0eWxlZCIsImRpdiIsInByb3BzIiwiY29sb3IiLCJzbGljZSIsImpvaW4iLCJDb2xvclNlbGVjdG9ySW5wdXQiLCJpbnB1dFRoZW1lIiwidGhlbWUiLCJzZWNvbmRhcnlJbnB1dCIsImlucHV0IiwiaW5wdXRCb3hIZWlnaHQiLCJpbnB1dFBsYWNlaG9sZGVyQ29sb3IiLCJJbnB1dEJveENvbnRhaW5lciIsIkNvbG9yU2VsZWN0b3JGYWN0b3J5IiwiZGVwcyIsIlNpbmdsZUNvbG9yUGFsZXR0ZUZhY3RvcnkiLCJDb2xvclJhbmdlU2VsZWN0RmFjdG9yeSIsIlNpbmdsZUNvbG9yUGFsZXR0ZSIsIkNvbG9yUmFuZ2VTZWxlY3RvciIsIkNvbG9yU2VsZWN0b3IiLCJzaG93RHJvcGRvd24iLCJlIiwiY29sb3JVSSIsIk51bWJlciIsImlzSW50ZWdlciIsInNob3dTa2V0Y2hlciIsIl9jbG9zZVBhbmVsRHJvcGRvd24iLCJzdGF0ZSIsIl9nZXRFZGl0aW5nIiwic2V0Q29sb3JVSSIsInNldFN0YXRlIiwic3RvcFByb3BhZ2F0aW9uIiwiZWRpdGluZyIsImNvbG9yU2V0cyIsInNldENvbG9yIiwiaSIsInByZXZlbnREZWZhdWx0IiwiZGlzYWJsZWQiLCJjdXJyZW50RWRpdGluZyIsIm5vZGUiLCJtYXAiLCJjU2V0IiwiX3Nob3dEcm9wZG93biIsImlzUmFuZ2UiLCJzZWxlY3RlZENvbG9yIiwiY29sb3JzIiwibGFiZWwiLCJfb25TZWxlY3RDb2xvciIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsImFycmF5T2YiLCJzaGFwZSIsIm9uZU9mVHlwZSIsImFueSIsIm9iamVjdCIsImZ1bmMiLCJpc1JlcXVpcmVkIiwiYm9vbCIsInN0cmluZyIsImN1c3RvbVBhbGV0dGUiLCJudW1iZXIiLCJjb2xvclJh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LG9CIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50LCBjcmVhdGVSZWZ9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7cmdiVG9IZXh9IGZyb20gJ3V0aWxzL2NvbG9yLXV0aWxzJztcbmltcG9ydCBDb2xvclBhbGV0dGUgZnJvbSAnY29tcG9uZW50cy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbG9yLXBhbGV0dGUnO1xuaW1wb3J0IHtTdHlsZWRQYW5lbERyb3Bkb3dufSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgb25DbGlja091dHNpZGUgZnJvbSAncmVhY3Qtb25jbGlja291dHNpZGUnO1xuaW1wb3J0IFNpbmdsZUNvbG9yUGFsZXR0ZUZhY3RvcnkgZnJvbSAnY29tcG9uZW50cy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3NpbmdsZS1jb2xvci1wYWxldHRlJztcbmltcG9ydCBDb2xvclJhbmdlU2VsZWN0RmFjdG9yeSBmcm9tICcuL2NvbG9yLXJhbmdlLXNlbGVjdG9yJztcblxuZXhwb3J0IGNvbnN0IENvbG9yQmxvY2sgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gYHJnYigke3Byb3BzLmNvbG9yLnNsaWNlKDAsIDMpLmpvaW4oJywnKX0pYH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JTZWxlY3RvcklucHV0ID0gc3R5bGVkLmRpdmBcbiAgJHtwcm9wcyA9PiAocHJvcHMuaW5wdXRUaGVtZSA9PT0gJ3NlY29uZGFyeScgPyBwcm9wcy50aGVtZS5zZWNvbmRhcnlJbnB1dCA6IHByb3BzLnRoZW1lLmlucHV0KX07XG4gIGhlaWdodDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5pbnB1dEJveEhlaWdodH07XG5cbiAgLmNvbG9yLXNlbGVjdG9yX19zZWxlY3Rvcl9fbGFiZWwge1xuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRQbGFjZWhvbGRlckNvbG9yfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0Qm94Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gIC5jb2xvci1zZWxlY3RfX2lucHV0LWdyb3VwIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gIH1cbiAgLmNvbG9yLXNlbGVjdF9faW5wdXQtZ3JvdXA6bnRoLWNoaWxkKDIpIHtcbiAgICBtYXJnaW4tbGVmdDogMTJweDtcbiAgfVxuYDtcblxuQ29sb3JTZWxlY3RvckZhY3RvcnkuZGVwcyA9IFtTaW5nbGVDb2xvclBhbGV0dGVGYWN0b3J5LCBDb2xvclJhbmdlU2VsZWN0RmFjdG9yeV07XG5cbmZ1bmN0aW9uIENvbG9yU2VsZWN0b3JGYWN0b3J5KFNpbmdsZUNvbG9yUGFsZXR0ZSwgQ29sb3JSYW5nZVNlbGVjdG9yKSB7XG4gIGNsYXNzIENvbG9yU2VsZWN0b3IgZXh0ZW5kcyBDb21wb25lbnQge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICBjb2xvclNldHM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICAgIHNlbGVjdGVkQ29sb3I6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5hbnkpLCBQcm9wVHlwZXMub2JqZWN0XSksXG4gICAgICAgICAgc2V0Q29sb3I6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgICAgICAgaXNSYW5nZTogUHJvcFR5cGVzLmJvb2wsXG4gICAgICAgICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmdcbiAgICAgICAgfSlcbiAgICAgICksXG4gICAgICBjb2xvclVJOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBjdXN0b21QYWxldHRlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgICBzaG93U2tldGNoZXI6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5ib29sLCBQcm9wVHlwZXMubnVtYmVyXSksXG4gICAgICAgIHNob3dEcm9wZG93bjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmJvb2wsIFByb3BUeXBlcy5udW1iZXJdKSxcbiAgICAgICAgY29sb3JSYW5nZUNvbmZpZzogUHJvcFR5cGVzLm9iamVjdFxuICAgICAgfSksXG4gICAgICBpbnB1dFRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAgICAgc2V0Q29sb3JVSTogUHJvcFR5cGVzLmZ1bmNcbiAgICB9O1xuXG4gICAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgIGNvbG9yU2V0czogW11cbiAgICB9O1xuXG4gICAgc3RhdGUgPSB7XG4gICAgICBzaG93RHJvcGRvd246IGZhbHNlXG4gICAgfTtcblxuICAgIG5vZGUgPSBjcmVhdGVSZWYoKTtcblxuICAgIGhhbmRsZUNsaWNrT3V0c2lkZSA9IGUgPT4ge1xuICAgICAgaWYgKHRoaXMucHJvcHMuY29sb3JVSSAmJiBOdW1iZXIuaXNJbnRlZ2VyKHRoaXMucHJvcHMuY29sb3JVSS5zaG93U2tldGNoZXIpKSB7XG4gICAgICAgIC8vIGlmIHNrZXRjaGVyIGlzIG9wZW4sIGxldCBza2V0Y2ggdG8gY2xvc2UgaXRzZWxmIGZpcnN0XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHRoaXMuX2Nsb3NlUGFuZWxEcm9wZG93bigpO1xuICAgIH07XG5cbiAgICBfZ2V0RWRpdGluZyA9ICgpID0+IHtcbiAgICAgIHJldHVybiB0aGlzLnByb3BzLmNvbG9yVUkgPyB0aGlzLnByb3BzLmNvbG9yVUkuc2hvd0Ryb3Bkb3duIDogdGhpcy5zdGF0ZS5zaG93RHJvcGRvd247XG4gICAgfTtcblxuICAgIF9jbG9zZVBhbmVsRHJvcGRvd24gPSAoKSA9PiB7XG4gICAgICBpZiAodGhpcy5fZ2V0RWRpdGluZygpID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5wcm9wcy5zZXRDb2xvclVJKSB7XG4gICAgICAgIHRoaXMucHJvcHMuc2V0Q29sb3JVSSh7c2hvd0Ryb3Bkb3duOiBmYWxzZSwgc2hvd1NrZXRjaGVyOiBmYWxzZX0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7c2hvd0Ryb3Bkb3duOiBmYWxzZX0pO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBfb25TZWxlY3RDb2xvciA9IChjb2xvciwgZSkgPT4ge1xuICAgICAgZT8uc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICBjb25zdCBlZGl0aW5nID0gdGhpcy5fZ2V0RWRpdGluZygpO1xuICAgICAgaWYgKHRoaXMucHJvcHMuY29sb3JTZXRzW2VkaXRpbmddKSB7XG4gICAgICAgIHRoaXMucHJvcHMuY29sb3JTZXRzW2VkaXRpbmddLnNldENvbG9yKGNvbG9yKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgX3Nob3dEcm9wZG93biA9IChlLCBpKSA9PiB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgaWYgKHRoaXMucHJvcHMuc2V0Q29sb3JVSSkge1xuICAgICAgICB0aGlzLnByb3BzLnNldENvbG9yVUkoe3Nob3dEcm9wZG93bjogaX0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7c2hvd0Ryb3Bkb3duOiBpfSk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgIGNvbnN0IHtjb2xvclNldHMsIGRpc2FibGVkLCBpbnB1dFRoZW1lLCBjb2xvclVJfSA9IHRoaXMucHJvcHM7XG5cbiAgICAgIGNvbnN0IGVkaXRpbmcgPSB0aGlzLl9nZXRFZGl0aW5nKCk7XG4gICAgICBjb25zdCBjdXJyZW50RWRpdGluZyA9IGNvbG9yU2V0c1tlZGl0aW5nXSAmJiB0eXBlb2YgY29sb3JTZXRzW2VkaXRpbmddID09PSAnb2JqZWN0JztcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JcIiByZWY9e3RoaXMubm9kZX0+XG4gICAgICAgICAgPElucHV0Qm94Q29udGFpbmVyPlxuICAgICAgICAgICAge2NvbG9yU2V0cy5tYXAoKGNTZXQsIGkpID0+IChcbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2xvci1zZWxlY3RfX2lucHV0LWdyb3VwXCIga2V5PXtpfT5cbiAgICAgICAgICAgICAgICA8Q29sb3JTZWxlY3RvcklucHV0XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJjb2xvci1zZWxlY3Rvcl9fc2VsZWN0b3JcIlxuICAgICAgICAgICAgICAgICAgYWN0aXZlPXtlZGl0aW5nID09PSBpfVxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgaW5wdXRUaGVtZT17aW5wdXRUaGVtZX1cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VEb3duPXtlID0+IHRoaXMuX3Nob3dEcm9wZG93bihlLCBpKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y1NldC5pc1JhbmdlID8gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JQYWxldHRlIGNvbG9ycz17Y1NldC5zZWxlY3RlZENvbG9yLmNvbG9yc30gLz5cbiAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgIDxDb2xvckJsb2NrXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiY29sb3Itc2VsZWN0b3JfX3NlbGVjdG9yX19ibG9ja1wiXG4gICAgICAgICAgICAgICAgICAgICAgY29sb3I9e2NTZXQuc2VsZWN0ZWRDb2xvcn1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICB7Y1NldC5sYWJlbCA/IChcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2xvci1zZWxlY3Rvcl9fc2VsZWN0b3JfX2xhYmVsXCI+e2NTZXQubGFiZWx9PC9kaXY+XG4gICAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICA8L0NvbG9yU2VsZWN0b3JJbnB1dD5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0lucHV0Qm94Q29udGFpbmVyPlxuICAgICAgICAgIHtjdXJyZW50RWRpdGluZyA/IChcbiAgICAgICAgICAgIDxTdHlsZWRQYW5lbERyb3Bkb3duIGNsYXNzTmFtZT1cImNvbG9yLXNlbGVjdG9yX19kcm9wZG93blwiPlxuICAgICAgICAgICAgICB7Y29sb3JTZXRzW2VkaXRpbmddLmlzUmFuZ2UgPyAoXG4gICAgICAgICAgICAgICAgPENvbG9yUmFuZ2VTZWxlY3RvclxuICAgICAgICAgICAgICAgICAgc2VsZWN0ZWRDb2xvclJhbmdlPXtjb2xvclNldHNbZWRpdGluZ10uc2VsZWN0ZWRDb2xvcn1cbiAgICAgICAgICAgICAgICAgIG9uU2VsZWN0Q29sb3JSYW5nZT17dGhpcy5fb25TZWxlY3RDb2xvcn1cbiAgICAgICAgICAgICAgICAgIHNldENvbG9yUGFsZXR0ZVVJPXt0aGlzLnByb3BzLnNldENvbG9yVUl9XG4gICAgICAgICAgICAgICAgICBjb2xvclBhbGV0dGVVST17Y29sb3JVSX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxTaW5nbGVDb2xvclBhbGV0dGVcbiAgICAgICAgICAgICAgICAgIHNlbGVjdGVkQ29sb3I9e3JnYlRvSGV4KGNvbG9yU2V0c1tlZGl0aW5nXS5zZWxlY3RlZENvbG9yKX1cbiAgICAgICAgICAgICAgICAgIG9uU2VsZWN0Q29sb3I9e3RoaXMuX29uU2VsZWN0Q29sb3J9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkUGFuZWxEcm9wZG93bj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH1cbiAgfVxuICByZXR1cm4gb25DbGlja091dHNpZGUoQ29sb3JTZWxlY3Rvcik7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbG9yU2VsZWN0b3JGYWN0b3J5O1xuIl19

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

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _localization = require("../../../localization");
+
+var _ = require("../..");
+
+var _fieldSelector = _interopRequireDefault(require("../../common/field-selector"));
+
+var _visStateMerger = require("../../../reducers/vis-state-merger");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+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: 27%;\n  line-height: 1.2;\n  padding-right: 6px;\n"])));
+
+var ColumnSelect = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 73%;\n"])));
+
+ColumnSelectorFactory.deps = [_fieldSelector["default"]];
+
+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;
+    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(_.PanelLabel, 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: !(0, _visStateMerger.validateColumn)(column, columns, allFields),
+      fields: allFields,
+      value: column.value,
+      erasable: Boolean(column.optional),
+      onSelect: onSelect
+    })));
+  };
+
+  return ColumnSelector;
+}
+
+var _default = ColumnSelectorFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvY29sdW1uLXNlbGVjdG9yLmpzIl0sIm5hbWVzIjpbIkNvbHVtblJvdyIsInN0eWxlZCIsImRpdiIsIkNvbHVtbk5hbWUiLCJDb2x1bW5TZWxlY3QiLCJDb2x1bW5TZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiRmllbGRTZWxlY3RvckZhY3RvcnkiLCJGaWVsZFNlbGVjdG9yIiwiQ29sdW1uU2VsZWN0b3IiLCJjb2x1bW4iLCJjb2x1bW5zIiwibGFiZWwiLCJhbGxGaWVsZHMiLCJvblNlbGVjdCIsImZpZWxkUGFpcnMiLCJvcHRpb25hbCIsInZhbHVlIiwiQm9vbGVhbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFFQSxJQUFNQSxTQUFTLEdBQUdDLDZCQUFPQyxHQUFWLHlKQUFmOztBQU1BLElBQU1DLFVBQVUsR0FBR0YsNkJBQU9DLEdBQVYscUpBQWhCOztBQU1BLElBQU1FLFlBQVksR0FBR0gsNkJBQU9DLEdBQVYseUdBQWxCOztBQUlBRyxxQkFBcUIsQ0FBQ0MsSUFBdEIsR0FBNkIsQ0FBQ0MseUJBQUQsQ0FBN0I7O0FBRUEsU0FBU0YscUJBQVQsQ0FBK0JHLGFBQS9CLEVBQThDO0FBQzVDLE1BQU1DLGNBQWMsR0FBRyxTQUFqQkEsY0FBaUI7QUFBQSxRQUFFQyxNQUFGLFFBQUVBLE1BQUY7QUFBQSxRQUFVQyxPQUFWLFFBQVVBLE9BQVY7QUFBQSxRQUFtQkMsS0FBbkIsUUFBbUJBLEtBQW5CO0FBQUEsUUFBMEJDLFNBQTFCLFFBQTBCQSxTQUExQjtBQUFBLFFBQXFDQyxRQUFyQyxRQUFxQ0EsUUFBckM7QUFBQSxRQUErQ0MsVUFBL0MsUUFBK0NBLFVBQS9DO0FBQUEsd0JBQ3JCLGdDQUFDLFNBQUQ7QUFBVyxNQUFBLFNBQVMsRUFBQztBQUFyQixvQkFDRSxnQ0FBQyxVQUFEO0FBQVksTUFBQSxTQUFTLEVBQUM7QUFBdEIsb0JBQ0UsZ0NBQUMsWUFBRCxxQkFDRSxnQ0FBQyw4QkFBRDtBQUFrQixNQUFBLEVBQUUsb0JBQWFILEtBQWI7QUFBcEIsTUFERixFQUVHLENBQUNGLE1BQU0sQ0FBQ00sUUFBUixXQUEyQixJQUY5QixDQURGLENBREYsZUFPRSxnQ0FBQyxZQUFEO0FBQWMsTUFBQSxTQUFTLEVBQUM7QUFBeEIsb0JBQ0UsZ0NBQUMsYUFBRDtBQUNFLE1BQUEsU0FBUyxFQUFFRCxVQURiO0FBRUUsTUFBQSxLQUFLLEVBQUUsQ0FBQyxvQ0FBZUwsTUFBZixFQUF1QkMsT0FBdkIsRUFBZ0NFLFNBQWhDLENBRlY7QUFHRSxNQUFBLE1BQU0sRUFBRUEsU0FIVjtBQUlFLE1BQUEsS0FBSyxFQUFFSCxNQUFNLENBQUNPLEtBSmhCO0FBS0UsTUFBQSxRQUFRLEVBQUVDLE9BQU8sQ0FBQ1IsTUFBTSxDQUFDTSxRQUFSLENBTG5CO0FBTUUsTUFBQSxRQUFRLEVBQUVGO0FBTlosTUFERixDQVBGLENBRHFCO0FBQUEsR0FBdkI7O0FBb0JBLFNBQU9MLGNBQVA7QUFDRDs7ZUFFY0oscUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ2xvY2FsaXphdGlvbic7XG5pbXBvcnQge1BhbmVsTGFiZWx9IGZyb20gJy4uLy4uJztcbmltcG9ydCBGaWVsZFNlbGVjdG9yRmFjdG9yeSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9maWVsZC1zZWxlY3Rvcic7XG5pbXBvcnQge3ZhbGlkYXRlQ29sdW1ufSBmcm9tICdyZWR1Y2Vycy92aXMtc3RhdGUtbWVyZ2VyJztcblxuY29uc3QgQ29sdW1uUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgQ29sdW1uTmFtZSA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNyU7XG4gIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIHBhZGRpbmctcmlnaHQ6IDZweDtcbmA7XG5cbmNvbnN0IENvbHVtblNlbGVjdCA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA3MyU7XG5gO1xuXG5Db2x1bW5TZWxlY3RvckZhY3RvcnkuZGVwcyA9IFtGaWVsZFNlbGVjdG9yRmFjdG9yeV07XG5cbmZ1bmN0aW9uIENvbHVtblNlbGVjdG9yRmFjdG9yeShGaWVsZFNlbGVjdG9yKSB7XG4gIGNvbnN0IENvbHVtblNlbGVjdG9yID0gKHtjb2x1bW4sIGNvbHVtbnMsIGxhYmVsLCBhbGxGaWVsZHMsIG9uU2VsZWN0LCBmaWVsZFBhaXJzfSkgPT4gKFxuICAgIDxDb2x1bW5Sb3cgY2xhc3NOYW1lPVwibGF5ZXItY29uZmlnX19jb2x1bW5fX3NlbGVjdG9yXCI+XG4gICAgICA8Q29sdW1uTmFtZSBjbGFzc05hbWU9XCJsYXllci1jb25maWdfX2NvbHVtbl9fbmFtZVwiPlxuICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17YGNvbHVtbnMuJHtsYWJlbH1gfSAvPlxuICAgICAgICAgIHshY29sdW1uLm9wdGlvbmFsID8gYCAgKmAgOiBudWxsfVxuICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICA8L0NvbHVtbk5hbWU+XG4gICAgICA8Q29sdW1uU2VsZWN0IGNsYXNzTmFtZT1cImxheWVyLWNvbmZpZ19fY29sdW1uX19zZWxlY3RcIj5cbiAgICAgICAgPEZpZWxkU2VsZWN0b3JcbiAgICAgICAgICBzdWdnZXN0ZWQ9e2ZpZWxkUGFpcnN9XG4gICAgICAgICAgZXJyb3I9eyF2YWxpZGF0ZUNvbHVtbihjb2x1bW4sIGNvbHVtbnMsIGFsbEZpZWxkcyl9XG4gICAgICAgICAgZmllbGRzPXthbGxGaWVsZHN9XG4gICAgICAgICAgdmFsdWU9e2NvbHVtbi52YWx1ZX1cbiAgICAgICAgICBlcmFzYWJsZT17Qm9vbGVhbihjb2x1bW4ub3B0aW9uYWwpfVxuICAgICAgICAgIG9uU2VsZWN0PXtvblNlbGVjdH1cbiAgICAgICAgLz5cbiAgICAgIDwvQ29sdW1uU2VsZWN0PlxuICAgIDwvQ29sdW1uUm93PlxuICApO1xuICByZXR1cm4gQ29sdW1uU2VsZWN0b3I7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbHVtblNlbGVjdG9yRmFjdG9yeTtcbiJdfQ==

package/dist/components/side-panel/layer-panel/custom-markers-config-group.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CustomMarkersConfigGroupFactory;
+
+var _react = _interopRequireDefault(require("react"));
+
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+function CustomMarkersConfigGroupFactory() {
+  var CustomMarkersConfigGroup = function CustomMarkersConfigGroup() {
+    return /*#__PURE__*/_react["default"].createElement("div", null, "To be overriden");
+  };
+
+  return CustomMarkersConfigGroup;
+}
+
+CustomMarkersConfigGroupFactory.deps = [];
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvY3VzdG9tLW1hcmtlcnMtY29uZmlnLWdyb3VwLmpzIl0sIm5hbWVzIjpbIkN1c3RvbU1hcmtlcnNDb25maWdHcm91cEZhY3RvcnkiLCJDdXN0b21NYXJrZXJzQ29uZmlnR3JvdXAiLCJkZXBzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFvQkE7O0FBcEJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSWUsU0FBU0EsK0JBQVQsR0FBMkM7QUFDeEQsTUFBTUMsd0JBQXdCLEdBQUcsU0FBM0JBLHdCQUEyQixHQUFNO0FBQ3JDLHdCQUFPLCtEQUFQO0FBQ0QsR0FGRDs7QUFHQSxTQUFPQSx3QkFBUDtBQUNEOztBQUVERCwrQkFBK0IsQ0FBQ0UsSUFBaEMsR0FBdUMsRUFBdkMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBDdXN0b21NYXJrZXJzQ29uZmlnR3JvdXBGYWN0b3J5KCkge1xuICBjb25zdCBDdXN0b21NYXJrZXJzQ29uZmlnR3JvdXAgPSAoKSA9PiB7XG4gICAgcmV0dXJuIDxkaXY+VG8gYmUgb3ZlcnJpZGVuPC9kaXY+O1xuICB9O1xuICByZXR1cm4gQ3VzdG9tTWFya2Vyc0NvbmZpZ0dyb3VwO1xufVxuXG5DdXN0b21NYXJrZXJzQ29uZmlnR3JvdXBGYWN0b3J5LmRlcHMgPSBbXTtcbiJdfQ==