@kepler.gl/components 3.3.0-alpha.4 → 3.3.0-alpha.6

package/dist/esm/editor/editor.js

@@ -0,0 +1,193 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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
+
+import React, { Component } from 'react';
+import { createPortal } from 'react-dom';
+import styled from 'styled-components';
+import Window from 'global/window';
+import classnames from 'classnames';
+import get from 'lodash/get';
+import { createSelector } from 'reselect';
+import FeatureActionPanelFactory from './feature-action-panel';
+import { EDITOR_AVAILABLE_LAYERS, FILTER_TYPES, EDITOR_MODES, GEOCODER_LAYER_ID, KeyEvent } from '@kepler.gl/constants';
+import { EditorLayerUtils } from '@kepler.gl/layers';
+import { RootContext } from '../context';
+var DECKGL_RENDER_LAYER = 'default-deckgl-overlay-wrapper';
+var StyledWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+var editorLayerFilter = function editorLayerFilter(layer) {
+  return EDITOR_AVAILABLE_LAYERS.includes(layer.type || '');
+};
+EditorFactory.deps = [FeatureActionPanelFactory];
+export default function EditorFactory(FeatureActionPanel) {
+  var PortalEditor = function PortalEditor(_ref) {
+    var visiblePanel = _ref.visiblePanel,
+      className = _ref.className,
+      style = _ref.style,
+      selectedFeature = _ref.selectedFeature,
+      datasets = _ref.datasets,
+      layers = _ref.layers,
+      currentFilter = _ref.currentFilter,
+      onClose = _ref.onClose,
+      onDeleteFeature = _ref.onDeleteFeature,
+      onToggleLayer = _ref.onToggleLayer,
+      position = _ref.position;
+    return /*#__PURE__*/React.createElement(RootContext.Consumer, null, function (context) {
+      var _context$current;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(StyledWrapper, {
+        className: classnames('editor', className),
+        style: style
+      }, visiblePanel ? /*#__PURE__*/React.createElement(FeatureActionPanel, {
+        selectedFeature: selectedFeature,
+        datasets: datasets,
+        layers: layers,
+        currentFilter: currentFilter,
+        onClose: onClose,
+        onDeleteFeature: onDeleteFeature,
+        onToggleLayer: onToggleLayer,
+        position: position || null
+      }) : null), (_context$current = context === null || context === void 0 ? void 0 : context.current) !== null && _context$current !== void 0 ? _context$current : document.body));
+    });
+  };
+  var EditorUnmemoized = /*#__PURE__*/function (_Component) {
+    function EditorUnmemoized() {
+      var _this;
+      _classCallCheck(this, EditorUnmemoized);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _callSuper(this, EditorUnmemoized, [].concat(args));
+      _defineProperty(_this, "state", {});
+      _defineProperty(_this, "layerSelector", function (props) {
+        return props.layers;
+      });
+      _defineProperty(_this, "filterSelector", function (props) {
+        return props.filters;
+      });
+      _defineProperty(_this, "selectedFeatureIdSelector", function (props) {
+        return get(props, ['editor', 'selectedFeature', 'id']);
+      });
+      _defineProperty(_this, "editorFeatureSelector", function (props) {
+        return get(props, ['editor', 'features']);
+      });
+      _defineProperty(_this, "currentFilterSelector", createSelector(_this.filterSelector, _this.selectedFeatureIdSelector, function (filters, selectedFeatureId) {
+        return filters.find(function (f) {
+          return f.value && f.value.id === selectedFeatureId;
+        });
+      }));
+      _defineProperty(_this, "availableLayersSelector", createSelector(_this.layerSelector, function (layers) {
+        return layers.filter(editorLayerFilter).filter(function (layer) {
+          var _layer$config;
+          return ((_layer$config = layer.config) === null || _layer$config === void 0 ? void 0 : _layer$config.isVisible) && layer.id !== GEOCODER_LAYER_ID;
+        });
+      }));
+      _defineProperty(_this, "allFeaturesSelector", createSelector(_this.filterSelector, _this.editorFeatureSelector, function (filters, editorFeatures) {
+        return filters.filter(function (f) {
+          return f.type === FILTER_TYPES.polygon;
+        }).map(function (f) {
+          return f.value;
+        }).concat(editorFeatures);
+      }));
+      _defineProperty(_this, "isInFocus", function () {
+        var _document$activeEleme;
+        return ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.id) === DECKGL_RENDER_LAYER;
+      });
+      _defineProperty(_this, "_onKeyPressed", function (event) {
+        if (_this.isInFocus()) {
+          switch (event.keyCode) {
+            case KeyEvent.DOM_VK_DELETE:
+            case KeyEvent.DOM_VK_BACK_SPACE:
+              _this._onDeleteSelectedFeature();
+              break;
+            case KeyEvent.DOM_VK_ESCAPE:
+              // reset active drawing
+              if (EditorLayerUtils.isDrawingActive(true, _this.props.editor.mode)) {
+                _this.props.onSetEditorMode(EDITOR_MODES.EDIT);
+              }
+              _this.props.onSelect(null);
+              break;
+            default:
+              break;
+          }
+        }
+      });
+      _defineProperty(_this, "_onDeleteSelectedFeature", function () {
+        var editor = _this.props.editor;
+        var selectedFeature = editor.selectedFeature;
+        if (selectedFeature) {
+          _this.props.onDeleteFeature(selectedFeature);
+        }
+      });
+      _defineProperty(_this, "_closeFeatureAction", function () {
+        // reset selection context
+        var selectedFeature = _this.props.editor.selectedFeature;
+        _this.props.onSelect(selectedFeature);
+      });
+      _defineProperty(_this, "_togglePolygonFilter", function (layer) {
+        var selectedFeature = _this.props.editor.selectedFeature;
+        if (selectedFeature) {
+          _this.props.onTogglePolygonFilter(layer, selectedFeature);
+        }
+      });
+      return _this;
+    }
+    _inherits(EditorUnmemoized, _Component);
+    return _createClass(EditorUnmemoized, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        Window.addEventListener('keydown', this._onKeyPressed);
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        Window.removeEventListener('keydown', this._onKeyPressed);
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+          className = _this$props.className,
+          datasets = _this$props.datasets,
+          editor = _this$props.editor,
+          style = _this$props.style,
+          index = _this$props.index;
+        var selectedFeature = editor.selectedFeature,
+          selectionContext = editor.selectionContext;
+        var currentFilter = this.currentFilterSelector(this.props);
+        var availableLayers = this.availableLayersSelector(this.props);
+        var _ref2 = selectionContext || {},
+          rightClick = _ref2.rightClick,
+          position = _ref2.position,
+          mapIndex = _ref2.mapIndex;
+        return /*#__PURE__*/React.createElement(PortalEditor, {
+          selectedFeature: selectedFeature,
+          visiblePanel: Boolean(rightClick) && selectedFeature && index === mapIndex,
+          datasets: datasets,
+          layers: availableLayers,
+          currentFilter: currentFilter,
+          onClose: this._closeFeatureAction,
+          onDeleteFeature: this._onDeleteSelectedFeature,
+          onToggleLayer: this._togglePolygonFilter,
+          position: position || null,
+          className: className,
+          style: style
+        });
+      }
+    }]);
+  }(Component);
+  _defineProperty(EditorUnmemoized, "defaultProps", {});
+  _defineProperty(EditorUnmemoized, "displayName", 'Editor');
+  var Editor = /*#__PURE__*/React.memo(EditorUnmemoized);
+  Editor.displayName = 'Editor';
+  return Editor;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkNvbXBvbmVudCIsImNyZWF0ZVBvcnRhbCIsInN0eWxlZCIsIldpbmRvdyIsImNsYXNzbmFtZXMiLCJnZXQiLCJjcmVhdGVTZWxlY3RvciIsIkZlYXR1cmVBY3Rpb25QYW5lbEZhY3RvcnkiLCJFRElUT1JfQVZBSUxBQkxFX0xBWUVSUyIsIkZJTFRFUl9UWVBFUyIsIkVESVRPUl9NT0RFUyIsIkdFT0NPREVSX0xBWUVSX0lEIiwiS2V5RXZlbnQiLCJFZGl0b3JMYXllclV0aWxzIiwiUm9vdENvbnRleHQiLCJERUNLR0xfUkVOREVSX0xBWUVSIiwiU3R5bGVkV3JhcHBlciIsImRpdiIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJlZGl0b3JMYXllckZpbHRlciIsImxheWVyIiwiaW5jbHVkZXMiLCJ0eXBlIiwiRWRpdG9yRmFjdG9yeSIsImRlcHMiLCJGZWF0dXJlQWN0aW9uUGFuZWwiLCJQb3J0YWxFZGl0b3IiLCJfcmVmIiwidmlzaWJsZVBhbmVsIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJzZWxlY3RlZEZlYXR1cmUiLCJkYXRhc2V0cyIsImxheWVycyIsImN1cnJlbnRGaWx0ZXIiLCJvbkNsb3NlIiwib25EZWxldGVGZWF0dXJlIiwib25Ub2dnbGVMYXllciIsInBvc2l0aW9uIiwiY3JlYXRlRWxlbWVudCIsIkNvbnN1bWVyIiwiY29udGV4dCIsIl9jb250ZXh0JGN1cnJlbnQiLCJGcmFnbWVudCIsImN1cnJlbnQiLCJkb2N1bWVudCIsImJvZHkiLCJFZGl0b3JVbm1lbW9pemVkIiwiX0NvbXBvbmVudCIsIl90aGlzIiwiX2NsYXNzQ2FsbENoZWNrIiwiX2xlbiIsImFyZ3VtZW50cyIsImxlbmd0aCIsImFyZ3MiLCJBcnJheSIsIl9rZXkiLCJfY2FsbFN1cGVyIiwiY29uY2F0IiwiX2RlZmluZVByb3BlcnR5IiwicHJvcHMiLCJmaWx0ZXJzIiwiZmlsdGVyU2VsZWN0b3IiLCJzZWxlY3RlZEZlYXR1cmVJZFNlbGVjdG9yIiwic2VsZWN0ZWRGZWF0dXJlSWQiLCJmaW5kIiwiZiIsInZhbHVlIiwiaWQiLCJsYXllclNlbGVjdG9yIiwiZmlsdGVyIiwiX2xheWVyJGNvbmZpZyIsImNvbmZpZyIsImlzVmlzaWJsZSIsImVkaXRvckZlYXR1cmVTZWxlY3RvciIsImVkaXRvckZlYXR1cmVzIiwicG9seWdvbiIsIm1hcCIsIl9kb2N1bWVudCRhY3RpdmVFbGVtZSIsImFjdGl2ZUVsZW1lbnQiLCJldmVudCIsImlzSW5Gb2N1cyIsImtleUNvZGUiLCJET01fVktfREVMRVRFIiwiRE9NX1ZLX0JBQ0tfU1BBQ0UiLCJfb25EZWxldGVTZWxlY3RlZEZlYXR1cmUiLCJET01fVktfRVNDQVBFIiwiaXNEcmF3aW5nQWN0aXZlIiwiZWRpdG9yIiwibW9kZSIsIm9uU2V0RWRpdG9yTW9kZSIsIkVESVQiLCJvblNlbGVjdCIsIm9uVG9nZ2xlUG9seWdvbkZpbHRlciIsIl9pbmhlcml0cyIsIl9jcmVhdGVDbGFzcyIsImtleSIsImNvbXBvbmVudERpZE1vdW50IiwiYWRkRXZlbnRMaXN0ZW5lciIsIl9vbktleVByZXNzZWQiLCJjb21wb25lbnRXaWxsVW5tb3VudCIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJyZW5kZXIiLCJfdGhpcyRwcm9wcyIsImluZGV4Iiwic2VsZWN0aW9uQ29udGV4dCIsImN1cnJlbnRGaWx0ZXJTZWxlY3RvciIsImF2YWlsYWJsZUxheWVycyIsImF2YWlsYWJsZUxheWVyc1NlbGVjdG9yIiwiX3JlZjIiLCJyaWdodENsaWNrIiwibWFwSW5kZXgiLCJCb29sZWFuIiwiX2Nsb3NlRmVhdHVyZUFjdGlvbiIsIl90b2dnbGVQb2x5Z29uRmlsdGVyIiwiRWRpdG9yIiwibWVtbyIsImRpc3BsYXlOYW1lIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VkaXRvci9lZGl0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudCwgQ1NTUHJvcGVydGllcywgS2V5Ym9hcmRFdmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtjcmVhdGVQb3J0YWx9IGZyb20gJ3JlYWN0LWRvbSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBXaW5kb3cgZnJvbSAnZ2xvYmFsL3dpbmRvdyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBnZXQgZnJvbSAnbG9kYXNoL2dldCc7XG5pbXBvcnQge2NyZWF0ZVNlbGVjdG9yfSBmcm9tICdyZXNlbGVjdCc7XG5pbXBvcnQgRmVhdHVyZUFjdGlvblBhbmVsRmFjdG9yeSwge0ZlYXR1cmVBY3Rpb25QYW5lbFByb3BzfSBmcm9tICcuL2ZlYXR1cmUtYWN0aW9uLXBhbmVsJztcbmltcG9ydCB7XG4gIEVESVRPUl9BVkFJTEFCTEVfTEFZRVJTLFxuICBGSUxURVJfVFlQRVMsXG4gIEVESVRPUl9NT0RFUyxcbiAgR0VPQ09ERVJfTEFZRVJfSUQsXG4gIEtleUV2ZW50XG59IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7TGF5ZXIsIEVkaXRvckxheWVyVXRpbHN9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7RmlsdGVyLCBGZWF0dXJlU2VsZWN0aW9uQ29udGV4dCwgRmVhdHVyZX0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge0ZlYXR1cmUgYXMgRWRpdGFibGVGZWF0dXJlLCBQb2x5Z29ufSBmcm9tICdAZGVjay5nbC1jb21tdW5pdHkvZWRpdGFibGUtbGF5ZXJzJztcbmltcG9ydCB7RGF0YXNldHN9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuXG5pbXBvcnQge1Jvb3RDb250ZXh0fSBmcm9tICcuLi9jb250ZXh0JztcblxuY29uc3QgREVDS0dMX1JFTkRFUl9MQVlFUiA9ICdkZWZhdWx0LWRlY2tnbC1vdmVybGF5LXdyYXBwZXInO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgZWRpdG9yTGF5ZXJGaWx0ZXIgPSAobGF5ZXI6IExheWVyKSA9PiBFRElUT1JfQVZBSUxBQkxFX0xBWUVSUy5pbmNsdWRlcyhsYXllci50eXBlIHx8ICcnKTtcblxuRWRpdG9yRmFjdG9yeS5kZXBzID0gW0ZlYXR1cmVBY3Rpb25QYW5lbEZhY3RvcnldO1xuXG5pbnRlcmZhY2UgRWRpdG9yUHJvcHMge1xuICBmaWx0ZXJzOiBGaWx0ZXJbXTtcbiAgbGF5ZXJzOiBMYXllcltdO1xuICBkYXRhc2V0czogRGF0YXNldHM7XG4gIGVkaXRvcjoge3NlbGVjdGVkRmVhdHVyZTogRmVhdHVyZTsgbW9kZTogc3RyaW5nOyBzZWxlY3Rpb25Db250ZXh0PzogRmVhdHVyZVNlbGVjdGlvbkNvbnRleHR9O1xuICBpbmRleDogbnVtYmVyO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHN0eWxlOiBDU1NQcm9wZXJ0aWVzO1xuICBvblNlbGVjdDogKGY6IEZlYXR1cmUgfCBudWxsKSA9PiBhbnk7XG4gIG9uU2V0RWRpdG9yTW9kZTogKG06IGFueSkgPT4gdm9pZDtcbiAgb25EZWxldGVGZWF0dXJlOiAoZjogRmVhdHVyZSkgPT4gYW55O1xuICBvblRvZ2dsZVBvbHlnb25GaWx0ZXI6IChsOiBMYXllciwgZjogRmVhdHVyZSkgPT4gYW55O1xufVxuXG5leHBvcnQgdHlwZSBQb3J0YWxFZGl0b3JQcm9wcyA9IEZlYXR1cmVBY3Rpb25QYW5lbFByb3BzICYge1xuICB2aXNpYmxlUGFuZWw6IGJvb2xlYW47XG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVkaXRvckZhY3RvcnkoXG4gIEZlYXR1cmVBY3Rpb25QYW5lbDogUmVhY3QuRkM8RmVhdHVyZUFjdGlvblBhbmVsUHJvcHM+XG4pOiBSZWFjdC5Db21wb25lbnRDbGFzczxFZGl0b3JQcm9wcz4ge1xuICBjb25zdCBQb3J0YWxFZGl0b3I6IFJlYWN0LkZDPFBvcnRhbEVkaXRvclByb3BzPiA9ICh7XG4gICAgdmlzaWJsZVBhbmVsLFxuICAgIGNsYXNzTmFtZSxcbiAgICBzdHlsZSxcbiAgICBzZWxlY3RlZEZlYXR1cmUsXG4gICAgZGF0YXNldHMsXG4gICAgbGF5ZXJzLFxuICAgIGN1cnJlbnRGaWx0ZXIsXG4gICAgb25DbG9zZSxcbiAgICBvbkRlbGV0ZUZlYXR1cmUsXG4gICAgb25Ub2dnbGVMYXllcixcbiAgICBwb3NpdGlvblxuICB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290Q29udGV4dC5Db25zdW1lcj5cbiAgICAgICAge2NvbnRleHQgPT4gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICB7Y3JlYXRlUG9ydGFsKFxuICAgICAgICAgICAgICA8U3R5bGVkV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ2VkaXRvcicsIGNsYXNzTmFtZSl9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICAgICAge3Zpc2libGVQYW5lbCA/IChcbiAgICAgICAgICAgICAgICAgIDxGZWF0dXJlQWN0aW9uUGFuZWxcbiAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWRGZWF0dXJlPXtzZWxlY3RlZEZlYXR1cmUgYXMgRWRpdGFibGVGZWF0dXJlPFBvbHlnb24+fVxuICAgICAgICAgICAgICAgICAgICBkYXRhc2V0cz17ZGF0YXNldHN9XG4gICAgICAgICAgICAgICAgICAgIGxheWVycz17bGF5ZXJzfVxuICAgICAgICAgICAgICAgICAgICBjdXJyZW50RmlsdGVyPXtjdXJyZW50RmlsdGVyfVxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgICBvbkRlbGV0ZUZlYXR1cmU9e29uRGVsZXRlRmVhdHVyZX1cbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGVMYXllcj17b25Ub2dnbGVMYXllcn1cbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb249e3Bvc2l0aW9uIHx8IG51bGx9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICA8L1N0eWxlZFdyYXBwZXI+LFxuICAgICAgICAgICAgICBjb250ZXh0Py5jdXJyZW50ID8/IGRvY3VtZW50LmJvZHlcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L1Jvb3RDb250ZXh0LkNvbnN1bWVyPlxuICAgICk7XG4gIH07XG4gIGNsYXNzIEVkaXRvclVubWVtb2l6ZWQgZXh0ZW5kcyBDb21wb25lbnQ8RWRpdG9yUHJvcHM+IHtcbiAgICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge307XG5cbiAgICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnRWRpdG9yJztcblxuICAgIHN0YXRlID0ge307XG5cbiAgICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICAgIFdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5fb25LZXlQcmVzc2VkKTtcbiAgICB9XG5cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgIFdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5fb25LZXlQcmVzc2VkKTtcbiAgICB9XG5cbiAgICBsYXllclNlbGVjdG9yID0gKHByb3BzOiBFZGl0b3JQcm9wcykgPT4gcHJvcHMubGF5ZXJzO1xuICAgIGZpbHRlclNlbGVjdG9yID0gKHByb3BzOiBFZGl0b3JQcm9wcykgPT4gcHJvcHMuZmlsdGVycztcbiAgICBzZWxlY3RlZEZlYXR1cmVJZFNlbGVjdG9yID0gKHByb3BzOiBFZGl0b3JQcm9wcykgPT5cbiAgICAgIGdldChwcm9wcywgWydlZGl0b3InLCAnc2VsZWN0ZWRGZWF0dXJlJywgJ2lkJ10pO1xuICAgIGVkaXRvckZlYXR1cmVTZWxlY3RvciA9IChwcm9wczogRWRpdG9yUHJvcHMpID0+IGdldChwcm9wcywgWydlZGl0b3InLCAnZmVhdHVyZXMnXSk7XG5cbiAgICBjdXJyZW50RmlsdGVyU2VsZWN0b3IgPSBjcmVhdGVTZWxlY3RvcihcbiAgICAgIHRoaXMuZmlsdGVyU2VsZWN0b3IsXG4gICAgICB0aGlzLnNlbGVjdGVkRmVhdHVyZUlkU2VsZWN0b3IsXG4gICAgICAoZmlsdGVycywgc2VsZWN0ZWRGZWF0dXJlSWQpID0+IGZpbHRlcnMuZmluZChmID0+IGYudmFsdWUgJiYgZi52YWx1ZS5pZCA9PT0gc2VsZWN0ZWRGZWF0dXJlSWQpXG4gICAgKTtcblxuICAgIGF2YWlsYWJsZUxheWVyc1NlbGVjdG9yID0gY3JlYXRlU2VsZWN0b3IodGhpcy5sYXllclNlbGVjdG9yLCBsYXllcnMgPT5cbiAgICAgIGxheWVyc1xuICAgICAgICAuZmlsdGVyKGVkaXRvckxheWVyRmlsdGVyKVxuICAgICAgICAuZmlsdGVyKGxheWVyID0+IGxheWVyLmNvbmZpZz8uaXNWaXNpYmxlICYmIGxheWVyLmlkICE9PSBHRU9DT0RFUl9MQVlFUl9JRClcbiAgICApO1xuXG4gICAgYWxsRmVhdHVyZXNTZWxlY3RvciA9IGNyZWF0ZVNlbGVjdG9yKFxuICAgICAgdGhpcy5maWx0ZXJTZWxlY3RvcixcbiAgICAgIHRoaXMuZWRpdG9yRmVhdHVyZVNlbGVjdG9yLFxuICAgICAgKGZpbHRlcnMsIGVkaXRvckZlYXR1cmVzKSA9PlxuICAgICAgICBmaWx0ZXJzXG4gICAgICAgICAgLmZpbHRlcihmID0+IGYudHlwZSA9PT0gRklMVEVSX1RZUEVTLnBvbHlnb24pXG4gICAgICAgICAgLm1hcChmID0+IGYudmFsdWUpXG4gICAgICAgICAgLmNvbmNhdChlZGl0b3JGZWF0dXJlcylcbiAgICApO1xuXG4gICAgaXNJbkZvY3VzID0gKCkgPT4gZG9jdW1lbnQuYWN0aXZlRWxlbWVudD8uaWQgPT09IERFQ0tHTF9SRU5ERVJfTEFZRVI7XG5cbiAgICBfb25LZXlQcmVzc2VkID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBpZiAodGhpcy5pc0luRm9jdXMoKSkge1xuICAgICAgICBzd2l0Y2ggKGV2ZW50LmtleUNvZGUpIHtcbiAgICAgICAgICBjYXNlIEtleUV2ZW50LkRPTV9WS19ERUxFVEU6XG4gICAgICAgICAgY2FzZSBLZXlFdmVudC5ET01fVktfQkFDS19TUEFDRTpcbiAgICAgICAgICAgIHRoaXMuX29uRGVsZXRlU2VsZWN0ZWRGZWF0dXJlKCk7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICBjYXNlIEtleUV2ZW50LkRPTV9WS19FU0NBUEU6XG4gICAgICAgICAgICAvLyByZXNldCBhY3RpdmUgZHJhd2luZ1xuICAgICAgICAgICAgaWYgKEVkaXRvckxheWVyVXRpbHMuaXNEcmF3aW5nQWN0aXZlKHRydWUsIHRoaXMucHJvcHMuZWRpdG9yLm1vZGUpKSB7XG4gICAgICAgICAgICAgIHRoaXMucHJvcHMub25TZXRFZGl0b3JNb2RlKEVESVRPUl9NT0RFUy5FRElUKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5wcm9wcy5vblNlbGVjdChudWxsKTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH07XG5cbiAgICBfb25EZWxldGVTZWxlY3RlZEZlYXR1cmUgPSAoKSA9PiB7XG4gICAgICBjb25zdCB7ZWRpdG9yfSA9IHRoaXMucHJvcHM7XG4gICAgICBjb25zdCB7c2VsZWN0ZWRGZWF0dXJlfSA9IGVkaXRvcjtcbiAgICAgIGlmIChzZWxlY3RlZEZlYXR1cmUpIHtcbiAgICAgICAgdGhpcy5wcm9wcy5vbkRlbGV0ZUZlYXR1cmUoc2VsZWN0ZWRGZWF0dXJlKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgX2Nsb3NlRmVhdHVyZUFjdGlvbiA9ICgpID0+IHtcbiAgICAgIC8vIHJlc2V0IHNlbGVjdGlvbiBjb250ZXh0XG4gICAgICBjb25zdCB7c2VsZWN0ZWRGZWF0dXJlfSA9IHRoaXMucHJvcHMuZWRpdG9yO1xuICAgICAgdGhpcy5wcm9wcy5vblNlbGVjdChzZWxlY3RlZEZlYXR1cmUpO1xuICAgIH07XG5cbiAgICBfdG9nZ2xlUG9seWdvbkZpbHRlciA9IChsYXllcjogTGF5ZXIpID0+IHtcbiAgICAgIGNvbnN0IHtzZWxlY3RlZEZlYXR1cmV9ID0gdGhpcy5wcm9wcy5lZGl0b3I7XG4gICAgICBpZiAoc2VsZWN0ZWRGZWF0dXJlKSB7XG4gICAgICAgIHRoaXMucHJvcHMub25Ub2dnbGVQb2x5Z29uRmlsdGVyKGxheWVyLCBzZWxlY3RlZEZlYXR1cmUpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICBjb25zdCB7Y2xhc3NOYW1lLCBkYXRhc2V0cywgZWRpdG9yLCBzdHlsZSwgaW5kZXh9ID0gdGhpcy5wcm9wcztcbiAgICAgIGNvbnN0IHtzZWxlY3RlZEZlYXR1cmUsIHNlbGVjdGlvbkNvbnRleHR9ID0gZWRpdG9yO1xuICAgICAgY29uc3QgY3VycmVudEZpbHRlciA9IHRoaXMuY3VycmVudEZpbHRlclNlbGVjdG9yKHRoaXMucHJvcHMpO1xuICAgICAgY29uc3QgYXZhaWxhYmxlTGF5ZXJzID0gdGhpcy5hdmFpbGFibGVMYXllcnNTZWxlY3Rvcih0aGlzLnByb3BzKTtcblxuICAgICAgY29uc3Qge3JpZ2h0Q2xpY2ssIHBvc2l0aW9uLCBtYXBJbmRleH0gPSBzZWxlY3Rpb25Db250ZXh0IHx8IHt9O1xuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8UG9ydGFsRWRpdG9yXG4gICAgICAgICAgc2VsZWN0ZWRGZWF0dXJlPXtzZWxlY3RlZEZlYXR1cmUgYXMgRWRpdGFibGVGZWF0dXJlPFBvbHlnb24+fVxuICAgICAgICAgIHZpc2libGVQYW5lbD17Qm9vbGVhbihyaWdodENsaWNrKSAmJiBzZWxlY3RlZEZlYXR1cmUgJiYgaW5kZXggPT09IG1hcEluZGV4fVxuICAgICAgICAgIGRhdGFzZXRzPXtkYXRhc2V0c31cbiAgICAgICAgICBsYXllcnM9e2F2YWlsYWJsZUxheWVyc31cbiAgICAgICAgICBjdXJyZW50RmlsdGVyPXtjdXJyZW50RmlsdGVyfVxuICAgICAgICAgIG9uQ2xvc2U9e3RoaXMuX2Nsb3NlRmVhdHVyZUFjdGlvbn1cbiAgICAgICAgICBvbkRlbGV0ZUZlYXR1cmU9e3RoaXMuX29uRGVsZXRlU2VsZWN0ZWRGZWF0dXJlfVxuICAgICAgICAgIG9uVG9nZ2xlTGF5ZXI9e3RoaXMuX3RvZ2dsZVBvbHlnb25GaWx0ZXJ9XG4gICAgICAgICAgcG9zaXRpb249e3Bvc2l0aW9uIHx8IG51bGx9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBjb25zdCBFZGl0b3IgPSBSZWFjdC5tZW1vKEVkaXRvclVubWVtb2l6ZWQpIGFzIHVua25vd24gYXMgdHlwZW9mIEVkaXRvclVubWVtb2l6ZWQ7XG4gIEVkaXRvci5kaXNwbGF5TmFtZSA9ICdFZGl0b3InO1xuICByZXR1cm4gRWRpdG9yO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLElBQUdDLFNBQVMsUUFBcUMsT0FBTztBQUNwRSxTQUFRQyxZQUFZLFFBQU8sV0FBVztBQUN0QyxPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBQ3RDLE9BQU9DLE1BQU0sTUFBTSxlQUFlO0FBQ2xDLE9BQU9DLFVBQVUsTUFBTSxZQUFZO0FBQ25DLE9BQU9DLEdBQUcsTUFBTSxZQUFZO0FBQzVCLFNBQVFDLGNBQWMsUUFBTyxVQUFVO0FBQ3ZDLE9BQU9DLHlCQUF5QixNQUFpQyx3QkFBd0I7QUFDekYsU0FDRUMsdUJBQXVCLEVBQ3ZCQyxZQUFZLEVBQ1pDLFlBQVksRUFDWkMsaUJBQWlCLEVBQ2pCQyxRQUFRLFFBQ0gsc0JBQXNCO0FBQzdC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

package/dist/esm/editor/feature-action-panel.js

@@ -0,0 +1,139 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useCallback, useState } from 'react';
+import { useIntl } from 'react-intl';
+import copy from 'copy-to-clipboard';
+import { useDismiss, useFloating, useInteractions } from '@floating-ui/react';
+import classnames from 'classnames';
+import styled from 'styled-components';
+import { canApplyFeatureFilter } from '@kepler.gl/utils';
+import ActionPanel, { ActionPanelItem } from '../common/action-panel';
+import { Trash, Layers, Copy, Checkmark } from '../common/icons';
+var LAYOVER_OFFSET = 4;
+var StyledActionsLayer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  .layer-panel-item-disabled {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.textColor;
+});
+var defaultActionIcons = {
+  remove: Trash,
+  layer: Layers,
+  copy: Copy,
+  copied: Checkmark
+};
+PureFeatureActionPanelFactory.deps = [];
+export function PureFeatureActionPanelFactory() {
+  var FeatureActionPanel = function FeatureActionPanel(_ref) {
+    var className = _ref.className,
+      datasets = _ref.datasets,
+      selectedFeature = _ref.selectedFeature,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? null : _ref$position,
+      layers = _ref.layers,
+      currentFilter = _ref.currentFilter,
+      onToggleLayer = _ref.onToggleLayer,
+      onDeleteFeature = _ref.onDeleteFeature,
+      _ref$actionIcons = _ref.actionIcons,
+      actionIcons = _ref$actionIcons === void 0 ? defaultActionIcons : _ref$actionIcons,
+      children = _ref.children,
+      onClose = _ref.onClose;
+    var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      copied = _useState2[0],
+      setCopied = _useState2[1];
+    var _ref2 = currentFilter || {},
+      _ref2$layerId = _ref2.layerId,
+      layerId = _ref2$layerId === void 0 ? [] : _ref2$layerId;
+    var intl = useIntl();
+    var _useFloating = useFloating({
+        open: true,
+        onOpenChange: function onOpenChange(v) {
+          if (!v && onClose) {
+            onClose();
+          }
+        }
+      }),
+      refs = _useFloating.refs,
+      context = _useFloating.context;
+    var dismiss = useDismiss(context);
+    var _useInteractions = useInteractions([dismiss]),
+      getFloatingProps = _useInteractions.getFloatingProps;
+    var copyGeometry = useCallback(function () {
+      if (selectedFeature !== null && selectedFeature !== void 0 && selectedFeature.geometry) copy(JSON.stringify(selectedFeature.geometry));
+      setCopied(true);
+    }, [selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature.geometry]);
+    if (!position) {
+      return null;
+    }
+    var isFilterLayerDisabled = !canApplyFeatureFilter(selectedFeature);
+    return /*#__PURE__*/React.createElement(StyledActionsLayer, _extends({
+      ref: refs.setFloating
+    }, getFloatingProps(), {
+      className: classnames('feature-action-panel', className),
+      style: {
+        top: "".concat(position.y + LAYOVER_OFFSET, "px"),
+        left: "".concat(position.x + LAYOVER_OFFSET, "px")
+      }
+    }), /*#__PURE__*/React.createElement(ActionPanel, null, /*#__PURE__*/React.createElement(ActionPanelItem, {
+      className: "editor-layers-list",
+      label: intl.formatMessage({
+        id: 'editor.filterLayer',
+        defaultMessage: 'Filter layers'
+      }),
+      Icon: actionIcons.layer,
+      isDisabled: isFilterLayerDisabled,
+      tooltipText: isFilterLayerDisabled ? intl.formatMessage({
+        id: 'editor.filterLayerDisabled'
+      }) : null
+    }, layers.length ? layers.map(function (layer, index) {
+      return /*#__PURE__*/React.createElement(ActionPanelItem, {
+        key: index,
+        label: layer.config.label
+        // @ts-ignore
+        ,
+        color: datasets[layer.config.dataId].color,
+        isSelection: true,
+        isActive: layerId.includes(layer.id),
+        onClick: function onClick() {
+          return onToggleLayer(layer);
+        },
+        className: "layer-panel-item"
+      });
+    }) : /*#__PURE__*/React.createElement(ActionPanelItem, {
+      key: 'no-layers',
+      label: intl.formatMessage({
+        id: 'editor.noLayersToFilter',
+        defaultMessage: 'No layers to filter'
+      }),
+      isSelection: false,
+      isActive: false,
+      className: "layer-panel-item-disabled"
+    })), /*#__PURE__*/React.createElement(ActionPanelItem, {
+      label: intl.formatMessage({
+        id: 'editor.copyGeometry',
+        defaultMessage: 'Copy Geometry'
+      }),
+      className: "delete-panel-item",
+      Icon: copied ? actionIcons.copied : actionIcons.copy,
+      onClick: copyGeometry
+    }), children, /*#__PURE__*/React.createElement(ActionPanelItem, {
+      label: intl.formatMessage({
+        id: 'tooltip.delete',
+        defaultMessage: 'Delete'
+      }),
+      className: "delete-panel-item",
+      Icon: actionIcons.remove,
+      onClick: onDeleteFeature
+    })));
+  };
+  FeatureActionPanel.displayName = 'FeatureActionPanel';
+  return FeatureActionPanel;
+}
+FeatureActionPanelFactory.deps = PureFeatureActionPanelFactory.deps;
+export default function FeatureActionPanelFactory() {
+  return PureFeatureActionPanelFactory();
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlU3RhdGUiLCJ1c2VJbnRsIiwiY29weSIsInVzZURpc21pc3MiLCJ1c2VGbG9hdGluZyIsInVzZUludGVyYWN0aW9ucyIsImNsYXNzbmFtZXMiLCJzdHlsZWQiLCJjYW5BcHBseUZlYXR1cmVGaWx0ZXIiLCJBY3Rpb25QYW5lbCIsIkFjdGlvblBhbmVsSXRlbSIsIlRyYXNoIiwiTGF5ZXJzIiwiQ29weSIsIkNoZWNrbWFyayIsIkxBWU9WRVJfT0ZGU0VUIiwiU3R5bGVkQWN0aW9uc0xheWVyIiwiZGl2IiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsInByb3BzIiwidGhlbWUiLCJ0ZXh0Q29sb3IiLCJkZWZhdWx0QWN0aW9uSWNvbnMiLCJyZW1vdmUiLCJsYXllciIsImNvcGllZCIsIlB1cmVGZWF0dXJlQWN0aW9uUGFuZWxGYWN0b3J5IiwiZGVwcyIsIkZlYXR1cmVBY3Rpb25QYW5lbCIsIl9yZWYiLCJjbGFzc05hbWUiLCJkYXRhc2V0cyIsInNlbGVjdGVkRmVhdHVyZSIsIl9yZWYkcG9zaXRpb24iLCJwb3NpdGlvbiIsImxheWVycyIsImN1cnJlbnRGaWx0ZXIiLCJvblRvZ2dsZUxheWVyIiwib25EZWxldGVGZWF0dXJlIiwiX3JlZiRhY3Rpb25JY29ucyIsImFjdGlvbkljb25zIiwiY2hpbGRyZW4iLCJvbkNsb3NlIiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5Iiwic2V0Q29waWVkIiwiX3JlZjIiLCJfcmVmMiRsYXllcklkIiwibGF5ZXJJZCIsImludGwiLCJfdXNlRmxvYXRpbmciLCJvcGVuIiwib25PcGVuQ2hhbmdlIiwidiIsInJlZnMiLCJjb250ZXh0IiwiZGlzbWlzcyIsIl91c2VJbnRlcmFjdGlvbnMiLCJnZXRGbG9hdGluZ1Byb3BzIiwiY29weUdlb21ldHJ5IiwiZ2VvbWV0cnkiLCJKU09OIiwic3RyaW5naWZ5IiwiaXNGaWx0ZXJMYXllckRpc2FibGVkIiwiY3JlYXRlRWxlbWVudCIsIl9leHRlbmRzIiwicmVmIiwic2V0RmxvYXRpbmciLCJzdHlsZSIsInRvcCIsImNvbmNhdCIsInkiLCJsZWZ0IiwieCIsImxhYmVsIiwiZm9ybWF0TWVzc2FnZSIsImlkIiwiZGVmYXVsdE1lc3NhZ2UiLCJJY29uIiwiaXNEaXNhYmxlZCIsInRvb2x0aXBUZXh0IiwibGVuZ3RoIiwibWFwIiwiaW5kZXgiLCJrZXkiLCJjb25maWciLCJjb2xvciIsImRhdGFJZCIsImlzU2VsZWN0aW9uIiwiaXNBY3RpdmUiLCJpbmNsdWRlcyIsIm9uQ2xpY2siLCJkaXNwbGF5TmFtZSIsIkZlYXR1cmVBY3Rpb25QYW5lbEZhY3RvcnkiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWRpdG9yL2ZlYXR1cmUtYWN0aW9uLXBhbmVsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFjaywgdXNlU3RhdGUsIENvbXBvbmVudFR5cGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7dXNlSW50bH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgY29weSBmcm9tICdjb3B5LXRvLWNsaXBib2FyZCc7XG5pbXBvcnQge3VzZURpc21pc3MsIHVzZUZsb2F0aW5nLCB1c2VJbnRlcmFjdGlvbnN9IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQge0xheWVyfSBmcm9tICdAa2VwbGVyLmdsL2xheWVycyc7XG5pbXBvcnQge0ZpbHRlcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge0ZlYXR1cmV9IGZyb20gJ0BkZWNrLmdsLWNvbW11bml0eS9lZGl0YWJsZS1sYXllcnMnO1xuaW1wb3J0IHtEYXRhc2V0c30gZnJvbSAnQGtlcGxlci5nbC90YWJsZSc7XG5pbXBvcnQge2NhbkFwcGx5RmVhdHVyZUZpbHRlcn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5cbmltcG9ydCBBY3Rpb25QYW5lbCwge0FjdGlvblBhbmVsSXRlbX0gZnJvbSAnLi4vY29tbW9uL2FjdGlvbi1wYW5lbCc7XG5pbXBvcnQge1RyYXNoLCBMYXllcnMsIENvcHksIENoZWNrbWFya30gZnJvbSAnLi4vY29tbW9uL2ljb25zJztcblxuY29uc3QgTEFZT1ZFUl9PRkZTRVQgPSA0O1xuXG5jb25zdCBTdHlsZWRBY3Rpb25zTGF5ZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIC5sYXllci1wYW5lbC1pdGVtLWRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICB9XG5gO1xuY29uc3QgZGVmYXVsdEFjdGlvbkljb25zID0ge1xuICByZW1vdmU6IFRyYXNoLFxuICBsYXllcjogTGF5ZXJzLFxuICBjb3B5OiBDb3B5LFxuICBjb3BpZWQ6IENoZWNrbWFya1xufTtcblB1cmVGZWF0dXJlQWN0aW9uUGFuZWxGYWN0b3J5LmRlcHMgPSBbXTtcblxuZXhwb3J0IGludGVyZmFjZSBGZWF0dXJlQWN0aW9uUGFuZWxQcm9wcyB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgZGF0YXNldHM6IERhdGFzZXRzO1xuICBzZWxlY3RlZEZlYXR1cmU6IEZlYXR1cmUgfCBudWxsO1xuICBwb3NpdGlvbjoge1xuICAgIHg6IG51bWJlcjtcbiAgICB5OiBudW1iZXI7XG4gIH0gfCBudWxsO1xuICBsYXllcnM6IExheWVyW107XG4gIGN1cnJlbnRGaWx0ZXI/OiBGaWx0ZXI7XG4gIG9uVG9nZ2xlTGF5ZXI6IChsYXllcjogTGF5ZXIpID0+IHZvaWQ7XG4gIG9uRGVsZXRlRmVhdHVyZTogKCkgPT4gdm9pZDtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICBhY3Rpb25JY29ucz86IHtcbiAgICBbaWQ6IHN0cmluZ106IFJlYWN0LkVsZW1lbnRUeXBlO1xuICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gUHVyZUZlYXR1cmVBY3Rpb25QYW5lbEZhY3RvcnkoKTogUmVhY3QuRkM8RmVhdHVyZUFjdGlvblBhbmVsUHJvcHM+IHtcbiAgY29uc3QgRmVhdHVyZUFjdGlvblBhbmVsID0gKHtcbiAgICBjbGFzc05hbWUsXG4gICAgZGF0YXNldHMsXG4gICAgc2VsZWN0ZWRGZWF0dXJlLFxuICAgIHBvc2l0aW9uID0gbnVsbCxcbiAgICBsYXllcnMsXG4gICAgY3VycmVudEZpbHRlcixcbiAgICBvblRvZ2dsZUxheWVyLFxuICAgIG9uRGVsZXRlRmVhdHVyZSxcbiAgICBhY3Rpb25JY29ucyA9IGRlZmF1bHRBY3Rpb25JY29ucyxcbiAgICBjaGlsZHJlbixcbiAgICBvbkNsb3NlXG4gIH06IEZlYXR1cmVBY3Rpb25QYW5lbFByb3BzKSA9PiB7XG4gICAgY29uc3QgW2NvcGllZCwgc2V0Q29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCB7bGF5ZXJJZCA9IFtdfSA9IGN1cnJlbnRGaWx0ZXIgfHwge307XG4gICAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICAgIGNvbnN0IHtyZWZzLCBjb250ZXh0fSA9IHVzZUZsb2F0aW5nKHtcbiAgICAgIG9wZW46IHRydWUsXG4gICAgICBvbk9wZW5DaGFuZ2U6IHYgPT4ge1xuICAgICAgICBpZiAoIXYgJiYgb25DbG9zZSkge1xuICAgICAgICAgIG9uQ2xvc2UoKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICAgIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuXG4gICAgY29uc3Qge2dldEZsb2F0aW5nUHJvcHN9ID0gdXNlSW50ZXJhY3Rpb25zKFtkaXNtaXNzXSk7XG5cbiAgICBjb25zdCBjb3B5R2VvbWV0cnkgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBpZiAoc2VsZWN0ZWRGZWF0dXJlPy5nZW9tZXRyeSkgY29weShKU09OLnN0cmluZ2lmeShzZWxlY3RlZEZlYXR1cmUuZ2VvbWV0cnkpKTtcbiAgICAgIHNldENvcGllZCh0cnVlKTtcbiAgICB9LCBbc2VsZWN0ZWRGZWF0dXJlPy5nZW9tZXRyeV0pO1xuXG4gICAgaWYgKCFwb3NpdGlvbikge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgY29uc3QgaXNGaWx0ZXJMYXllckRpc2FibGVkID0gIWNhbkFwcGx5RmVhdHVyZUZpbHRlcihzZWxlY3RlZEZlYXR1cmUgYXMgYW55KTtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEFjdGlvbnNMYXllclxuICAgICAgICByZWY9e3JlZnMuc2V0RmxvYXRpbmd9XG4gICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygnZmVhdHVyZS1hY3Rpb24tcGFuZWwnLCBjbGFzc05hbWUpfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHRvcDogYCR7cG9zaXRpb24ueSArIExBWU9WRVJfT0ZGU0VUfXB4YCxcbiAgICAgICAgICBsZWZ0OiBgJHtwb3NpdGlvbi54ICsgTEFZT1ZFUl9PRkZTRVR9cHhgXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxBY3Rpb25QYW5lbD5cbiAgICAgICAgICA8QWN0aW9uUGFuZWxJdGVtXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJlZGl0b3ItbGF5ZXJzLWxpc3RcIlxuICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZSh7aWQ6ICdlZGl0b3IuZmlsdGVyTGF5ZXInLCBkZWZhdWx0TWVzc2FnZTogJ0ZpbHRlciBsYXllcnMnfSl9XG4gICAgICAgICAgICBJY29uPXthY3Rpb25JY29ucy5sYXllcn1cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRmlsdGVyTGF5ZXJEaXNhYmxlZH1cbiAgICAgICAgICAgIHRvb2x0aXBUZXh0PXtcbiAgICAgICAgICAgICAgaXNGaWx0ZXJMYXllckRpc2FibGVkID8gaW50bC5mb3JtYXRNZXNzYWdlKHtpZDogJ2VkaXRvci5maWx0ZXJMYXllckRpc2FibGVkJ30pIDogbnVsbFxuICAgICAgICAgICAgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYXllcnMubGVuZ3RoID8gKFxuICAgICAgICAgICAgICBsYXllcnMubWFwKChsYXllciwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICA8QWN0aW9uUGFuZWxJdGVtXG4gICAgICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2xheWVyLmNvbmZpZy5sYWJlbH1cbiAgICAgICAgICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICAgICAgICAgIGNvbG9yPXtkYXRhc2V0c1tsYXllci5jb25maWcuZGF0YUlkXS5jb2xvcn1cbiAgICAgICAgICAgICAgICAgIGlzU2VsZWN0aW9uPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgaXNBY3RpdmU9e2xheWVySWQuaW5jbHVkZXMobGF5ZXIuaWQpfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Ub2dnbGVMYXllcihsYXllcil9XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJsYXllci1wYW5lbC1pdGVtXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApKVxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPEFjdGlvblBhbmVsSXRlbVxuICAgICAgICAgICAgICAgIGtleT17J25vLWxheWVycyd9XG4gICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZSh7XG4gICAgICAgICAgICAgICAgICBpZDogJ2VkaXRvci5ub0xheWVyc1RvRmlsdGVyJyxcbiAgICAgICAgICAgICAgICAgIGRlZmF1bHRNZXNzYWdlOiAnTm8gbGF5ZXJzIHRvIGZpbHRlcidcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICBpc1NlbGVjdGlvbj17ZmFsc2V9XG4gICAgICAgICAgICAgICAgaXNBY3RpdmU9e2ZhbHNlfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImxheWVyLXBhbmVsLWl0ZW0tZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0FjdGlvblBhbmVsSXRlbT5cbiAgICAgICAgICA8QWN0aW9uUGFuZWxJdGVtXG4gICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKHtpZDogJ2VkaXRvci5jb3B5R2VvbWV0cnknLCBkZWZhdWx0TWVzc2FnZTogJ0NvcHkgR2VvbWV0cnknfSl9XG4gICAgICAgICAgICBjbGFzc05hbWU9XCJkZWxldGUtcGFuZWwtaXRlbVwiXG4gICAgICAgICAgICBJY29uPXtjb3BpZWQgPyBhY3Rpb25JY29ucy5jb3BpZWQgOiBhY3Rpb25JY29ucy5jb3B5fVxuICAgICAgICAgICAgb25DbGljaz17Y29weUdlb21ldHJ5fVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDxBY3Rpb25QYW5lbEl0ZW1cbiAgICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2Uoe2lkOiAndG9vbHRpcC5kZWxldGUnLCBkZWZhdWx0TWVzc2FnZTogJ0RlbGV0ZSd9KX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT1cImRlbGV0ZS1wYW5lbC1pdGVtXCJcbiAgICAgICAgICAgIEljb249e2FjdGlvbkljb25zLnJlbW92ZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uRGVsZXRlRmVhdHVyZX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0FjdGlvblBhbmVsPlxuICAgICAgPC9TdHlsZWRBY3Rpb25zTGF5ZXI+XG4gICAgKTtcbiAgfTtcblxuICBGZWF0dXJlQWN0aW9uUGFuZWwuZGlzcGxheU5hbWUgPSAnRmVhdHVyZUFjdGlvblBhbmVsJztcblxuICByZXR1cm4gRmVhdHVyZUFjdGlvblBhbmVsO1xufVxuXG5GZWF0dXJlQWN0aW9uUGFuZWxGYWN0b3J5LmRlcHMgPSBQdXJlRmVhdHVyZUFjdGlvblBhbmVsRmFjdG9yeS5kZXBzO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBGZWF0dXJlQWN0aW9uUGFuZWxGYWN0b3J5KCk6IENvbXBvbmVudFR5cGU8RmVhdHVyZUFjdGlvblBhbmVsUHJvcHM+IHtcbiAgcmV0dXJuIFB1cmVGZWF0dXJlQWN0aW9uUGFuZWxGYWN0b3J5KCk7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLEtBQUssSUFBR0MsV0FBVyxFQUFFQyxRQUFRLFFBQXNCLE9BQU87QUFDakUsU0FBUUMsT0FBTyxRQUFPLFlBQVk7QUFDbEMsT0FBT0MsSUFBSSxNQUFNLG1CQUFtQjtBQUNwQyxTQUFRQyxVQUFVLEVBQUVDLFdBQVcsRUFBRUMsZUFBZSxRQUFPLG9CQUFvQjtBQUMzRSxPQUFPQyxVQUFVLE1BQU0sWUFBWTtBQUNuQyxPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBTXRDLFNBQVFDLHFCQUFxQixRQUFPLGtCQUFrQjtBQUV0RCxPQUFPQyxXQUFXLElBQUdDLGVBQWUsUUFBTyx3QkFBd0I7QUFDbkUsU0FBUUMsS0FBSyxFQUFFQyxNQUFNLEVBQUVDLElBQUksRUFBRUMsU0FBUyxRQUFPLGlCQUFpQjtBQUU5RCxJQUFNQyxjQUFjLEdBQUcsQ0FBQztBQUV4QixJQUFNQyxrQkFBa0IsR0FBR1QsTUFBTSxDQUFDVSxHQUFHLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSx5RkFHeEIsVUFBQUMsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDQyxTQUFTO0FBQUEsRUFFMUM7QUFDRCxJQUFNQyxrQkFBa0IsR0FBRztFQUN6QkMsTUFBTSxF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

package/dist/esm/effects/compact-color-picker.js

@@ -0,0 +1,103 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+import { rgbToHex } from '@kepler.gl/utils';
+import { Button } from '../common/styled-components';
+import Portaled from '../common/portaled';
+import SingleColorPalette from '../side-panel/layer-panel/single-color-palette';
+export var StyledPanelDropdown = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  background-color: ", ";\n  box-shadow: ", ";\n  border-radius: ", ";\n  overflow-y: auto;\n  max-height: 500px;\n  position: relative;\n  z-index: 999;\n  width: 220px;\n"])), function (props) {
+  return props.theme.panelDropdownScrollBar;
+}, function (props) {
+  return props.theme.panelBackground;
+}, function (props) {
+  return props.theme.panelBoxShadow;
+}, function (props) {
+  return props.theme.panelBorderRadius;
+});
+var StyledConfigSection = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+var SectionTitle = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n  margin-bottom: 8px;\n"])), function (props) {
+  return props.theme.inputFontSize;
+}, function (props) {
+  return props.theme.effectPanelTextSecondary2;
+});
+var StyledDropdownButtonWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  align-self: flex-start;\n  .button {\n    color: ", ";\n    display: flex;\n    gap: 5px;\n    border: none;\n    transition: background 0.2s;\n    background-color: ", ";\n    padding: 8px 5px 8px 10px;\n    &:active {\n      color: ", ";\n      background-color: ", ";\n    }\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n    }\n    & > svg {\n      margin-right: 0;\n    }\n  }\n"])), function (props) {
+  return props.theme.effectPanelTextSecondary2;
+}, function (props) {
+  return props.theme.inputBgd;
+}, function (props) {
+  return props.theme.effectPanelTextMain;
+}, function (props) {
+  return props.theme.inputBgdHover;
+}, function (props) {
+  return props.theme.effectPanelTextMain;
+}, function (props) {
+  return props.theme.inputBgdHover;
+});
+var DEFAULT_OFFSET = {
+  top: 0,
+  left: 0
+};
+var SingleColorPickerDropdown = function SingleColorPickerDropdown(_ref) {
+  var isOpened = _ref.isOpened,
+    onClose = _ref.onClose,
+    selectedColor = _ref.selectedColor,
+    onSelectColor = _ref.onSelectColor,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? DEFAULT_OFFSET : _ref$offset;
+  var onSelectColorCb = useCallback(function (v) {
+    onSelectColor(v);
+  }, [onSelectColor]);
+  return /*#__PURE__*/React.createElement(Portaled, {
+    top: offset.top,
+    left: offset.left,
+    isOpened: isOpened,
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement(StyledPanelDropdown, null, /*#__PURE__*/React.createElement(SingleColorPalette, {
+    selectedColor: selectedColor,
+    onSelectColor: onSelectColorCb
+  })));
+};
+var CompactColorPicker = function CompactColorPicker(_ref2) {
+  var color = _ref2.color,
+    onSetColor = _ref2.onSetColor,
+    Icon = _ref2.Icon,
+    label = _ref2.label;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isColorPickerOpened = _React$useState2[0],
+    setIsColorPickerOpened = _React$useState2[1];
+  var hexColor = useMemo(function () {
+    return rgbToHex(color);
+  }, [color]);
+  var colorBlockStyle = useMemo(function () {
+    return {
+      width: 16,
+      height: 16,
+      backgroundColor: hexColor,
+      borderRadius: 2
+    };
+  }, [hexColor]);
+  var toggleDropdown = useCallback(function () {
+    setIsColorPickerOpened(!isColorPickerOpened);
+  }, [isColorPickerOpened, setIsColorPickerOpened]);
+  var closeDropdown = useCallback(function () {
+    setIsColorPickerOpened(false);
+  }, [setIsColorPickerOpened]);
+  return /*#__PURE__*/React.createElement(StyledConfigSection, null, /*#__PURE__*/React.createElement(SectionTitle, null, label), /*#__PURE__*/React.createElement(StyledDropdownButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: toggleDropdown
+  }, /*#__PURE__*/React.createElement("div", {
+    style: colorBlockStyle
+  }), /*#__PURE__*/React.createElement(Icon, null))), /*#__PURE__*/React.createElement(SingleColorPickerDropdown, {
+    isOpened: isColorPickerOpened,
+    onClose: closeDropdown,
+    selectedColor: hexColor,
+    onSelectColor: onSetColor
+  }));
+};
+export default CompactColorPicker;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlTWVtbyIsInN0eWxlZCIsInJnYlRvSGV4IiwiQnV0dG9uIiwiUG9ydGFsZWQiLCJTaW5nbGVDb2xvclBhbGV0dGUiLCJTdHlsZWRQYW5lbERyb3Bkb3duIiwiZGl2IiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsInByb3BzIiwidGhlbWUiLCJwYW5lbERyb3Bkb3duU2Nyb2xsQmFyIiwicGFuZWxCYWNrZ3JvdW5kIiwicGFuZWxCb3hTaGFkb3ciLCJwYW5lbEJvcmRlclJhZGl1cyIsIlN0eWxlZENvbmZpZ1NlY3Rpb24iLCJfdGVtcGxhdGVPYmplY3QyIiwiU2VjdGlvblRpdGxlIiwiX3RlbXBsYXRlT2JqZWN0MyIsImlucHV0Rm9udFNpemUiLCJlZmZlY3RQYW5lbFRleHRTZWNvbmRhcnkyIiwiU3R5bGVkRHJvcGRvd25CdXR0b25XcmFwcGVyIiwiX3RlbXBsYXRlT2JqZWN0NCIsImlucHV0QmdkIiwiZWZmZWN0UGFuZWxUZXh0TWFpbiIsImlucHV0QmdkSG92ZXIiLCJERUZBVUxUX09GRlNFVCIsInRvcCIsImxlZnQiLCJTaW5nbGVDb2xvclBpY2tlckRyb3Bkb3duIiwiX3JlZiIsImlzT3BlbmVkIiwib25DbG9zZSIsInNlbGVjdGVkQ29sb3IiLCJvblNlbGVjdENvbG9yIiwiX3JlZiRvZmZzZXQiLCJvZmZzZXQiLCJvblNlbGVjdENvbG9yQ2IiLCJ2IiwiY3JlYXRlRWxlbWVudCIsIkNvbXBhY3RDb2xvclBpY2tlciIsIl9yZWYyIiwiY29sb3IiLCJvblNldENvbG9yIiwiSWNvbiIsImxhYmVsIiwiX1JlYWN0JHVzZVN0YXRlIiwidXNlU3RhdGUiLCJfUmVhY3QkdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJpc0NvbG9yUGlja2VyT3BlbmVkIiwic2V0SXNDb2xvclBpY2tlck9wZW5lZCIsImhleENvbG9yIiwiY29sb3JCbG9ja1N0eWxlIiwid2lkdGgiLCJoZWlnaHQiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJ0b2dnbGVEcm9wZG93biIsImNsb3NlRHJvcGRvd24iLCJvbkNsaWNrIiwic3R5bGUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWZmZWN0cy9jb21wYWN0LWNvbG9yLXBpY2tlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2ssIHVzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQge3JnYlRvSGV4fSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcblxuaW1wb3J0IHtCdXR0b259IGZyb20gJy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUG9ydGFsZWQgZnJvbSAnLi4vY29tbW9uL3BvcnRhbGVkJztcbmltcG9ydCBTaW5nbGVDb2xvclBhbGV0dGUgZnJvbSAnLi4vc2lkZS1wYW5lbC9sYXllci1wYW5lbC9zaW5nbGUtY29sb3ItcGFsZXR0ZSc7XG5cbmV4cG9ydCB0eXBlIFNpbmdsZUNvbG9yUGlja2VyUHJvcHMgPSB7XG4gIGNvbG9yOiBbbnVtYmVyLCBudW1iZXIsIG51bWJlcl07XG4gIG9uU2V0Q29sb3I6ICh2YWx1ZTogW251bWJlciwgbnVtYmVyLCBudW1iZXJdKSA9PiB2b2lkO1xuICBsYWJlbDogc3RyaW5nO1xuICBJY29uOiBSZWFjdC5FbGVtZW50VHlwZTtcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYW5lbERyb3Bkb3duID0gc3R5bGVkLmRpdmBcbiAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbERyb3Bkb3duU2Nyb2xsQmFyfVxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQmFja2dyb3VuZH07XG4gIGJveC1zaGFkb3c6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCb3hTaGFkb3d9O1xuICBib3JkZXItcmFkaXVzOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQm9yZGVyUmFkaXVzfTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgbWF4LWhlaWdodDogNTAwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogOTk5O1xuICB3aWR0aDogMjIwcHg7XG5gO1xuXG5jb25zdCBTdHlsZWRDb25maWdTZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IFNlY3Rpb25UaXRsZSA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5pbnB1dEZvbnRTaXplfTtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0UGFuZWxUZXh0U2Vjb25kYXJ5Mn07XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbmA7XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIC5idXR0b24ge1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFBhbmVsVGV4dFNlY29uZGFyeTJ9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiA1cHg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMC4ycztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0QmdkfTtcbiAgICBwYWRkaW5nOiA4cHggNXB4IDhweCAxMHB4O1xuICAgICY6YWN0aXZlIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFBhbmVsVGV4dE1haW59O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5pbnB1dEJnZEhvdmVyfTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5lZmZlY3RQYW5lbFRleHRNYWlufTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRCZ2RIb3Zlcn07XG4gICAgfVxuICAgICYgPiBzdmcge1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgREVGQVVMVF9PRkZTRVQgPSB7XG4gIHRvcDogMCxcbiAgbGVmdDogMFxufTtcblxuY29uc3QgU2luZ2xlQ29sb3JQaWNrZXJEcm9wZG93biA9ICh7XG4gIGlzT3BlbmVkLFxuICBvbkNsb3NlLFxuICBzZWxlY3RlZENvbG9yLFxuICBvblNlbGVjdENvbG9yLFxuICBvZmZzZXQgPSBERUZBVUxUX09GRlNFVFxufSkgPT4ge1xuICBjb25zdCBvblNlbGVjdENvbG9yQ2IgPSB1c2VDYWxsYmFjayhcbiAgICB2ID0+IHtcbiAgICAgIG9uU2VsZWN0Q29sb3Iodik7XG4gICAgfSxcbiAgICBbb25TZWxlY3RDb2xvcl1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8UG9ydGFsZWQgdG9wPXtvZmZzZXQudG9wfSBsZWZ0PXtvZmZzZXQubGVmdH0gaXNPcGVuZWQ9e2lzT3BlbmVkfSBvbkNsb3NlPXtvbkNsb3NlfT5cbiAgICAgIDxTdHlsZWRQYW5lbERyb3Bkb3duPlxuICAgICAgICA8U2luZ2xlQ29sb3JQYWxldHRlIHNlbGVjdGVkQ29sb3I9e3NlbGVjdGVkQ29sb3J9IG9uU2VsZWN0Q29sb3I9e29uU2VsZWN0Q29sb3JDYn0gLz5cbiAgICAgIDwvU3R5bGVkUGFuZWxEcm9wZG93bj5cbiAgICA8L1BvcnRhbGVkPlxuICApO1xufTtcblxuY29uc3QgQ29tcGFjdENvbG9yUGlja2VyOiBSZWFjdC5GQzxTaW5nbGVDb2xvclBpY2tlclByb3BzPiA9ICh7XG4gIGNvbG9yLFxuICBvblNldENvbG9yLFxuICBJY29uLFxuICBsYWJlbFxufTogU2luZ2xlQ29sb3JQaWNrZXJQcm9wcykgPT4ge1xuICBjb25zdCBbaXNDb2xvclBpY2tlck9wZW5lZCwgc2V0SXNDb2xvclBpY2tlck9wZW5lZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgaGV4Q29sb3IgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gcmdiVG9IZXgoY29sb3IpO1xuICB9LCBbY29sb3JdKTtcblxuICBjb25zdCBjb2xvckJsb2NrU3R5bGUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICB3aWR0aDogMTYsXG4gICAgICBoZWlnaHQ6IDE2LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBoZXhDb2xvcixcbiAgICAgIGJvcmRlclJhZGl1czogMlxuICAgIH0pLFxuICAgIFtoZXhDb2xvcl1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVEcm9wZG93biA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRJc0NvbG9yUGlja2VyT3BlbmVkKCFpc0NvbG9yUGlja2VyT3BlbmVkKTtcbiAgfSwgW2lzQ29sb3JQaWNrZXJPcGVuZWQsIHNldElzQ29sb3JQaWNrZXJPcGVuZWRdKTtcblxuICBjb25zdCBjbG9zZURyb3Bkb3duID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzQ29sb3JQaWNrZXJPcGVuZWQoZmFsc2UpO1xuICB9LCBbc2V0SXNDb2xvclBpY2tlck9wZW5lZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbmZpZ1NlY3Rpb24+XG4gICAgICA8U2VjdGlvblRpdGxlPntsYWJlbH08L1NlY3Rpb25UaXRsZT5cbiAgICAgIDxTdHlsZWREcm9wZG93bkJ1dHRvbldyYXBwZXI+XG4gICAgICAgIDxCdXR0b24gb25DbGljaz17dG9nZ2xlRHJvcGRvd259PlxuICAgICAgICAgIDxkaXYgc3R5bGU9e2NvbG9yQmxvY2tTdHlsZX0gLz5cbiAgICAgICAgICA8SWNvbiAvPlxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvU3R5bGVkRHJvcGRvd25CdXR0b25XcmFwcGVyPlxuICAgICAgPFNpbmdsZUNvbG9yUGlja2VyRHJvcGRvd25cbiAgICAgICAgaXNPcGVuZWQ9e2lzQ29sb3JQaWNrZXJPcGVuZWR9XG4gICAgICAgIG9uQ2xvc2U9e2Nsb3NlRHJvcGRvd259XG4gICAgICAgIHNlbGVjdGVkQ29sb3I9e2hleENvbG9yfVxuICAgICAgICBvblNlbGVjdENvbG9yPXtvblNldENvbG9yfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZENvbmZpZ1NlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb21wYWN0Q29sb3JQaWNrZXI7XG4iXSwibWFwcGluZ3MiOiI7OztBQUFBO0FBQ0E7O0FBRUEsT0FBT0EsS0FBSyxJQUFHQyxXQUFXLEVBQUVDLE9BQU8sUUFBTyxPQUFPO0FBQ2pELE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFFdEMsU0FBUUMsUUFBUSxRQUFPLGtCQUFrQjtBQUV6QyxTQUFRQyxNQUFNLFFBQU8sNkJBQTZCO0FBQ2xELE9BQU9DLFFBQVEsTUFBTSxvQkFBb0I7QUFDekMsT0FBT0Msa0JBQWtCLE1BQU0sZ0RBQWdEO0FBUy9FLE9BQU8sSUFBTUMsbUJBQW1CLEdBQUdMLE1BQU0sQ0FBQ00sR0FBRyxDQUFBQyxlQUFBLEtBQUFBLGVBQUEsR0FBQUMsc0JBQUEsK0xBQ3pDLFVBQUFDLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0Msc0JBQXNCO0FBQUEsR0FDekIsVUFBQUYsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRSxlQUFlO0FBQUEsR0FDMUMsVUFBQUgsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRyxjQUFjO0FBQUEsR0FDaEMsVUFBQUosS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FB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LENBQUFILGVBQUE7SUFBcEVJLG1CQUFtQixHQUFBRixnQkFBQTtJQUFFRyxzQkFBc0IsR0FBQUgsZ0JBQUE7RUFFbEQsSUFBTUksUUFBUSxHQUFHckQsT0FBTyxDQUFDLFlBQU07SUFDN0IsT0FBT0UsUUFBUSxDQUFDeUMsS0FBSyxDQUFDO0VBQ3hCLENBQUMsRUFBRSxDQUFDQSxLQUFLLENBQUMsQ0FBQztFQUVYLElBQU1XLGVBQWUsR0FBR3RELE9BQU8sQ0FDN0I7SUFBQSxPQUFPO01BQ0x1RCxLQUFLLEVBQUUsRUFBRTtNQUNUQyxNQUFNLEVBQUUsRUFBRTtNQUNWQyxlQUFlLEVBQUVKLFFBQVE7TUFDekJLLFlBQVksRUFBRTtJQUNoQixDQUFDO0VBQUEsQ0FBQyxFQUNGLENBQUNMLFFBQVEsQ0FDWCxDQUFDO0VBRUQsSUFBTU0sY0FBYyxHQUFHNUQsV0FBVyxDQUFDLFlBQU07SUFDdkNxRCxzQkFBc0IsQ0FBQyxDQUFDRCxtQkFBbUIsQ0FBQztFQUM5QyxDQUFDLEVBQUUsQ0FBQ0EsbUJBQW1CLEVBQUVDLHNCQUFzQixDQUFDLENBQUM7RUFFakQsSUFBTVEsYUFBYSxHQUFHN0QsV0FBVyxDQUFDLFlBQU07SUFDdENxRCxzQkFBc0IsQ0FBQyxLQUFLLENBQUM7RUFDL0IsQ0FBQyxFQUFFLENBQUNBLHNCQUFzQixDQUFDLENBQUM7RUFFNUIsb0JBQ0V0RCxLQUFBLENBQUEwQyxhQUFBLENBQUN4QixtQkFBbUIscUJBQ2xCbEIsS0FBQSxDQUFBMEMsYUFBQSxDQUFDdEIsWUFBWSxRQUFFNEIsS0FBb0IsQ0FBQyxlQUNwQ2hELEtBQUEsQ0FBQTBDLGFBQUEsQ0FBQ2xCLDJCQUEyQixxQkFDMUJ4QixLQUFBLENBQUEwQyxhQUFBLENBQUNyQyxNQUFNO0lBQUMwRCxPQUFPLEVBQUVGO0VBQWUsZ0JBQzlCN0QsS0FBQSxDQUFBMEMsYUFBQTtJQUFLc0IsS0FBSyxFQUFFUjtFQUFnQixDQUFFLENBQUMsZUFDL0J4RCxLQUFBLENBQUEwQyxhQUFBLENBQUNLLElBQUksTUFBRSxDQUNELENBQ21CLENBQUMsZUFDOUIvQyxLQUFBLENBQUEwQyxhQUFBLENBQUNWLHlCQUF5QjtJQUN4QkUsUUFBUSxFQUFFbUIsbUJBQW9CO0lBQzlCbEIsT0FBTyxFQUFFMkIsYUFBYztJQUN2QjFCLGFBQWEsRUFBRW1CLFFBQVM7SUFDeEJsQixhQUFhLEVBQUVTO0VBQVcsQ0FDM0IsQ0FDa0IsQ0FBQztBQUUxQixDQUFDO0FBRUQsZUFBZUgsa0JBQWtCIiwiaWdub3JlTGlzdCI6W119