@kepler.gl/components 3.0.0-alpha.0

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

@@ -0,0 +1,57 @@
+// 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.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _interactionPanel = _interopRequireDefault(require("./interaction-panel/interaction-panel"));InteractionManagerFactory.deps = [_interactionPanel["default"]];
+
+function InteractionManagerFactory(InteractionPanel) {
+  var InteractionManager = function InteractionManager(_ref) {
+    var interactionConfig = _ref.interactionConfig,
+        datasets = _ref.datasets,
+        visStateActions = _ref.visStateActions;
+    var onConfigChange = visStateActions.interactionConfigChange;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "interaction-manager"
+    }, Object.keys(interactionConfig).map(function (key) {
+      return /*#__PURE__*/_react["default"].createElement(InteractionPanel, {
+        datasets: datasets,
+        config: interactionConfig[key],
+        key: key,
+        onConfigChange: onConfigChange
+      });
+    }));
+  };
+
+  return InteractionManager;
+}
+
+var _default = InteractionManagerFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL2ludGVyYWN0aW9uLW1hbmFnZXIudHN4Il0sIm5hbWVzIjpbIkludGVyYWN0aW9uTWFuYWdlckZhY3RvcnkiLCJkZXBzIiwiSW50ZXJhY3Rpb25QYW5lbEZhY3RvcnkiLCJJbnRlcmFjdGlvblBhbmVsIiwiSW50ZXJhY3Rpb25NYW5hZ2VyIiwiaW50ZXJhY3Rpb25Db25maWciLCJkYXRhc2V0cyIsInZpc1N0YXRlQWN0aW9ucyIsIm9uQ29uZmlnQ2hhbmdlIiwiaW50ZXJhY3Rpb25Db25maWdDaGFuZ2UiLCJPYmplY3QiLCJrZXlzIiwibWFwIiwia2V5Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFvQkE7O0FBRUE7O0FBdEJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBY0FBLHlCQUF5QixDQUFDQyxJQUExQixHQUFpQyxDQUFDQyw0QkFBRCxDQUFqQzs7QUFFQSxTQUFTRix5QkFBVCxDQUFtQ0csZ0JBQW5DLEVBQWlHO0FBQy9GLE1BQU1DLGtCQUFxRCxHQUFHLFNBQXhEQSxrQkFBd0QsT0FJeEQ7QUFBQSxRQUhKQyxpQkFHSSxRQUhKQSxpQkFHSTtBQUFBLFFBRkpDLFFBRUksUUFGSkEsUUFFSTtBQUFBLFFBREpDLGVBQ0ksUUFESkEsZUFDSTtBQUFBLFFBQzRCQyxjQUQ1QixHQUM4Q0QsZUFEOUMsQ0FDR0UsdUJBREg7QUFHSix3QkFDRTtBQUFLLE1BQUEsU0FBUyxFQUFDO0FBQWYsT0FDR0MsTUFBTSxDQUFDQyxJQUFQLENBQVlOLGlCQUFaLEVBQStCTyxHQUEvQixDQUFtQyxVQUFBQyxHQUFHO0FBQUEsMEJBQ3JDLGdDQUFDLGdCQUFEO0FBQ0UsUUFBQSxRQUFRLEVBQUVQLFFBRFo7QUFFRSxRQUFBLE1BQU0sRUFBRUQsaUJBQWlCLENBQUNRLEdBQUQsQ0FGM0I7QUFHRSxRQUFBLEdBQUcsRUFBRUEsR0FIUDtBQUlFLFFBQUEsY0FBYyxFQUFFTDtBQUpsQixRQURxQztBQUFBLEtBQXRDLENBREgsQ0FERjtBQVlELEdBbkJEOztBQXFCQSxTQUFPSixrQkFBUDtBQUNEOztlQUVjSix5QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0ludGVyYWN0aW9uQ29uZmlnfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCBJbnRlcmFjdGlvblBhbmVsRmFjdG9yeSBmcm9tICcuL2ludGVyYWN0aW9uLXBhbmVsL2ludGVyYWN0aW9uLXBhbmVsJztcbmltcG9ydCB7VmlzU3RhdGVBY3Rpb25zfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtEYXRhc2V0c30gZnJvbSAnQGtlcGxlci5nbC90YWJsZSc7XG5cbnR5cGUgSW50ZXJhY3Rpb25NYW5hZ2VyUHJvcHMgPSB7XG4gIGludGVyYWN0aW9uQ29uZmlnOiBJbnRlcmFjdGlvbkNvbmZpZztcbiAgZGF0YXNldHM6IERhdGFzZXRzO1xuICB2aXNTdGF0ZUFjdGlvbnM6IHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnM7XG59O1xuXG5JbnRlcmFjdGlvbk1hbmFnZXJGYWN0b3J5LmRlcHMgPSBbSW50ZXJhY3Rpb25QYW5lbEZhY3RvcnldO1xuXG5mdW5jdGlvbiBJbnRlcmFjdGlvbk1hbmFnZXJGYWN0b3J5KEludGVyYWN0aW9uUGFuZWw6IFJldHVyblR5cGU8dHlwZW9mIEludGVyYWN0aW9uUGFuZWxGYWN0b3J5Pikge1xuICBjb25zdCBJbnRlcmFjdGlvbk1hbmFnZXI6IFJlYWN0LkZDPEludGVyYWN0aW9uTWFuYWdlclByb3BzPiA9ICh7XG4gICAgaW50ZXJhY3Rpb25Db25maWcsXG4gICAgZGF0YXNldHMsXG4gICAgdmlzU3RhdGVBY3Rpb25zXG4gIH0pID0+IHtcbiAgICBjb25zdCB7aW50ZXJhY3Rpb25Db25maWdDaGFuZ2U6IG9uQ29uZmlnQ2hhbmdlfSA9IHZpc1N0YXRlQWN0aW9ucztcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImludGVyYWN0aW9uLW1hbmFnZXJcIj5cbiAgICAgICAge09iamVjdC5rZXlzKGludGVyYWN0aW9uQ29uZmlnKS5tYXAoa2V5ID0+IChcbiAgICAgICAgICA8SW50ZXJhY3Rpb25QYW5lbFxuICAgICAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICAgICAgY29uZmlnPXtpbnRlcmFjdGlvbkNvbmZpZ1trZXldfVxuICAgICAgICAgICAga2V5PXtrZXl9XG4gICAgICAgICAgICBvbkNvbmZpZ0NoYW5nZT17b25Db25maWdDaGFuZ2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBJbnRlcmFjdGlvbk1hbmFnZXI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEludGVyYWN0aW9uTWFuYWdlckZhY3Rvcnk7XG4iXX0=

package/dist/side-panel/interaction-panel/brush-config.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import RangeSliderFactory from '../../common/range-slider';
+declare type BrushConfigProps = {
+    config: {
+        size: number;
+    };
+    onChange: (config: {
+        size: number;
+    }) => void;
+};
+declare function BrushConfigFactory(RangeSlider: ReturnType<typeof RangeSliderFactory>): ({ config, onChange }: BrushConfigProps) => JSX.Element;
+declare namespace BrushConfigFactory {
+    var deps: (typeof RangeSliderFactory)[];
+}
+export default BrushConfigFactory;

package/dist/side-panel/interaction-panel/brush-config.js

@@ -0,0 +1,74 @@
+// 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.
+
+"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 _react = _interopRequireDefault(require("react"));
+
+var _rangeSlider = _interopRequireDefault(require("../../common/range-slider"));
+
+var _styledComponents = require("../../common/styled-components");
+
+var _reducers = require("@kepler.gl/reducers");
+
+var _localization = require("@kepler.gl/localization");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+BrushConfigFactory.deps = [_rangeSlider["default"]];
+
+function BrushConfigFactory(RangeSlider) {
+  var BrushConfig = function BrushConfig(_ref) {
+    var config = _ref.config,
+        _onChange = _ref.onChange;
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'misc.brushRadius'
+    })), /*#__PURE__*/_react["default"].createElement(RangeSlider, {
+      range: _reducers.BRUSH_CONFIG.range,
+      value0: 0,
+      value1: config.size || 10 / 2,
+      step: 0.1,
+      isRanged: false,
+      onChange: function onChange(value) {
+        return _onChange(_objectSpread(_objectSpread({}, config), {}, {
+          size: value[1]
+        }));
+      },
+      inputTheme: "secondary"
+    }));
+  };
+
+  return BrushConfig;
+}
+
+var _default = BrushConfigFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2ludGVyYWN0aW9uLXBhbmVsL2JydXNoLWNvbmZpZy50c3giXSwibmFtZXMiOlsiQnJ1c2hDb25maWdGYWN0b3J5IiwiZGVwcyIsIlJhbmdlU2xpZGVyRmFjdG9yeSIsIlJhbmdlU2xpZGVyIiwiQnJ1c2hDb25maWciLCJjb25maWciLCJvbkNoYW5nZSIsIkJSVVNIX0NPTkZJRyIsInJhbmdlIiwic2l6ZSIsInZhbHVlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUFBLGtCQUFrQixDQUFDQyxJQUFuQixHQUEwQixDQUFDQyx1QkFBRCxDQUExQjs7QUFTQSxTQUFTRixrQkFBVCxDQUE0QkcsV0FBNUIsRUFBZ0Y7QUFDOUUsTUFBTUMsV0FBVyxHQUFHLFNBQWRBLFdBQWM7QUFBQSxRQUFFQyxNQUFGLFFBQUVBLE1BQUY7QUFBQSxRQUFVQyxTQUFWLFFBQVVBLFFBQVY7QUFBQSx3QkFDbEIsZ0NBQUMsa0NBQUQscUJBQ0UsZ0NBQUMsNEJBQUQscUJBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUU7QUFBdEIsTUFERixDQURGLGVBSUUsZ0NBQUMsV0FBRDtBQUNFLE1BQUEsS0FBSyxFQUFFQyx1QkFBYUMsS0FEdEI7QUFFRSxNQUFBLE1BQU0sRUFBRSxDQUZWO0FBR0UsTUFBQSxNQUFNLEVBQUVILE1BQU0sQ0FBQ0ksSUFBUCxJQUFlLEtBQUssQ0FIOUI7QUFJRSxNQUFBLElBQUksRUFBRSxHQUpSO0FBS0UsTUFBQSxRQUFRLEVBQUUsS0FMWjtBQU1FLE1BQUEsUUFBUSxFQUFFLGtCQUFBQyxLQUFLO0FBQUEsZUFBSUosU0FBUSxpQ0FBS0QsTUFBTDtBQUFhSSxVQUFBQSxJQUFJLEVBQUVDLEtBQUssQ0FBQyxDQUFEO0FBQXhCLFdBQVo7QUFBQSxPQU5qQjtBQU9FLE1BQUEsVUFBVSxFQUFDO0FBUGIsTUFKRixDQURrQjtBQUFBLEdBQXBCOztBQWlCQSxTQUFPTixXQUFQO0FBQ0Q7O2VBRWNKLGtCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBSYW5nZVNsaWRlckZhY3RvcnkgZnJvbSAnLi4vLi4vY29tbW9uL3JhbmdlLXNsaWRlcic7XG5cbmltcG9ydCB7UGFuZWxMYWJlbCwgU2lkZVBhbmVsU2VjdGlvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7QlJVU0hfQ09ORklHfSBmcm9tICdAa2VwbGVyLmdsL3JlZHVjZXJzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuXG5CcnVzaENvbmZpZ0ZhY3RvcnkuZGVwcyA9IFtSYW5nZVNsaWRlckZhY3RvcnldO1xuXG50eXBlIEJydXNoQ29uZmlnUHJvcHMgPSB7XG4gIGNvbmZpZzoge1xuICAgIHNpemU6IG51bWJlcjtcbiAgfTtcbiAgb25DaGFuZ2U6IChjb25maWc6IHtzaXplOiBudW1iZXJ9KSA9PiB2b2lkO1xufTtcblxuZnVuY3Rpb24gQnJ1c2hDb25maWdGYWN0b3J5KFJhbmdlU2xpZGVyOiBSZXR1cm5UeXBlPHR5cGVvZiBSYW5nZVNsaWRlckZhY3Rvcnk+KSB7XG4gIGNvbnN0IEJydXNoQ29uZmlnID0gKHtjb25maWcsIG9uQ2hhbmdlfTogQnJ1c2hDb25maWdQcm9wcykgPT4gKFxuICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnbWlzYy5icnVzaFJhZGl1cyd9IC8+XG4gICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICA8UmFuZ2VTbGlkZXJcbiAgICAgICAgcmFuZ2U9e0JSVVNIX0NPTkZJRy5yYW5nZX1cbiAgICAgICAgdmFsdWUwPXswfVxuICAgICAgICB2YWx1ZTE9e2NvbmZpZy5zaXplIHx8IDEwIC8gMn1cbiAgICAgICAgc3RlcD17MC4xfVxuICAgICAgICBpc1JhbmdlZD17ZmFsc2V9XG4gICAgICAgIG9uQ2hhbmdlPXt2YWx1ZSA9PiBvbkNoYW5nZSh7Li4uY29uZmlnLCBzaXplOiB2YWx1ZVsxXX0pfVxuICAgICAgICBpbnB1dFRoZW1lPVwic2Vjb25kYXJ5XCJcbiAgICAgIC8+XG4gICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICApO1xuXG4gIHJldHVybiBCcnVzaENvbmZpZztcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnJ1c2hDb25maWdGYWN0b3J5O1xuIl19

package/dist/side-panel/interaction-panel/interaction-panel.d.ts

@@ -0,0 +1,18 @@
+import React, { ComponentType } from 'react';
+import BrushConfigFactory from './brush-config';
+import TooltipConfigFactory from './tooltip-config';
+import { Datasets } from '@kepler.gl/table';
+import { InteractionConfig, ValueOf } from '@kepler.gl/types';
+interface InteractionPanelProps {
+    datasets: Datasets;
+    config: ValueOf<InteractionConfig>;
+    onConfigChange: any;
+    interactionConfigIcons?: {
+        [key: string]: React.ElementType;
+    };
+}
+declare function InteractionPanelFactory(TooltipConfig: ReturnType<typeof TooltipConfigFactory>, BrushConfig: ReturnType<typeof BrushConfigFactory>): ComponentType<InteractionPanelProps>;
+declare namespace InteractionPanelFactory {
+    var deps: (typeof BrushConfigFactory | typeof TooltipConfigFactory)[];
+}
+export default InteractionPanelFactory;

package/dist/side-panel/interaction-panel/interaction-panel.js

@@ -0,0 +1,156 @@
+// 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.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+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 _switch = _interopRequireDefault(require("../../common/switch"));
+
+var _brushConfig = _interopRequireDefault(require("./brush-config"));
+
+var _tooltipConfig = _interopRequireDefault(require("./tooltip-config"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _icons = require("../../common/icons");
+
+var _localization = require("@kepler.gl/localization");
+
+var _templateObject;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var StyledInteractionPanel = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding-bottom: 6px;\n"])));
+
+InteractionPanelFactory.deps = [_tooltipConfig["default"], _brushConfig["default"]];
+var INTERACTION_CONFIG_ICONS = {
+  tooltip: _icons.Messages,
+  geocoder: _icons.Pin,
+  brush: _icons.Crosshairs,
+  coordinate: _icons.CursorClick
+};
+
+function InteractionPanelFactory(TooltipConfig, BrushConfig) {
+  var InteractionPanel = function InteractionPanel(_ref) {
+    var config = _ref.config,
+        onConfigChange = _ref.onConfigChange,
+        datasets = _ref.datasets,
+        _ref$interactionConfi = _ref.interactionConfigIcons,
+        interactionConfigIcons = _ref$interactionConfi === void 0 ? INTERACTION_CONFIG_ICONS : _ref$interactionConfi;
+
+    var _useState = (0, _react.useState)(false),
+        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+        isConfigActive = _useState2[0],
+        setIsConfigAction = _useState2[1];
+
+    var _updateConfig = (0, _react.useCallback)(function (newProp) {
+      onConfigChange(_objectSpread(_objectSpread({}, config), newProp));
+    }, [onConfigChange, config]);
+
+    var togglePanelActive = (0, _react.useCallback)(function () {
+      setIsConfigAction(!isConfigActive);
+    }, [setIsConfigAction, isConfigActive]);
+    var enabled = config.enabled;
+    var toggleEnableConfig = (0, _react.useCallback)(function () {
+      _updateConfig({
+        enabled: !enabled
+      });
+    }, [_updateConfig, enabled]);
+    var onChange = (0, _react.useCallback)(function (newConfig) {
+      return _updateConfig({
+        config: newConfig
+      });
+    }, [_updateConfig]);
+    var IconComponent = interactionConfigIcons[config.id];
+    var template = null;
+
+    switch (config.id) {
+      case 'tooltip':
+        template = /*#__PURE__*/_react["default"].createElement(TooltipConfig, {
+          datasets: datasets,
+          config: config.config,
+          onChange: onChange
+        });
+        break;
+
+      case 'brush':
+        template = /*#__PURE__*/_react["default"].createElement(BrushConfig, {
+          config: config.config,
+          onChange: onChange
+        });
+        break;
+
+      default:
+        break;
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(StyledInteractionPanel, {
+      className: "interaction-panel"
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.StyledPanelHeader, {
+      className: "interaction-panel__header",
+      onClick: togglePanelActive
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelHeaderContent, {
+      className: "interaction-panel__header__content"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "interaction-panel__header__icon icon"
+    }, IconComponent ? /*#__PURE__*/_react["default"].createElement(IconComponent, {
+      height: "16px"
+    }) : null), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "interaction-panel__header__title"
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelHeaderTitle, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: config.label
+    })))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "interaction-panel__header__actions"
+    }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+      checked: config.enabled,
+      id: "".concat(config.id, "-toggle"),
+      onChange: toggleEnableConfig,
+      secondary: true
+    }))), config.enabled && template && /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelContent, {
+      className: "interaction-panel__content"
+    }, template));
+  };
+
+  return InteractionPanel;
+}
+
+var _default = InteractionPanelFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2ludGVyYWN0aW9uLXBhbmVsL2ludGVyYWN0aW9uLXBhbmVsLnRzeCJdLCJuYW1lcyI6WyJTdHlsZWRJbnRlcmFjdGlvblBhbmVsIiwic3R5bGVkIiwiZGl2IiwiSW50ZXJhY3Rpb25QYW5lbEZhY3RvcnkiLCJkZXBzIiwiVG9vbHRpcENvbmZpZ0ZhY3RvcnkiLCJCcnVzaENvbmZpZ0ZhY3RvcnkiLCJJTlRFUkFDVElPTl9DT05GSUdfSUNPTlMiLCJ0b29sdGlwIiwiTWVzc2FnZXMiLCJnZW9jb2RlciIsIlBpbiIsImJydXNoIiwiQ3Jvc3NoYWlycyIsImNvb3JkaW5hdGUiLCJDdXJzb3JDbGljayIsIlRvb2x0aXBDb25maWciLCJCcnVzaENvbmZpZyIsIkludGVyYWN0aW9uUGFuZWwiLCJjb25maWciLCJvbkNvbmZpZ0NoYW5nZSIsImRhdGFzZXRzIiwiaW50ZXJhY3Rpb25Db25maWdJY29ucyIsImlzQ29uZmlnQWN0aXZlIiwic2V0SXNDb25maWdBY3Rpb24iLCJfdXBkYXRlQ29uZmlnIiwibmV3UHJvcCIsInRvZ2dsZVBhbmVsQWN0aXZlIiwiZW5hYmxlZCIsInRvZ2dsZUVuYWJsZUNvbmZpZyIsIm9uQ2hhbmdlIiwibmV3Q29uZmlnIiwiSWNvbkNvbXBvbmVudCIsImlkIiwidGVtcGxhdGUiLCJsYWJlbCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBSUE7O0FBTUE7O0FBRUE7Ozs7Ozs7O0FBV0EsSUFBTUEsc0JBQXNCLEdBQUdDLDZCQUFPQyxHQUFWLGdIQUE1Qjs7QUFJQUMsdUJBQXVCLENBQUNDLElBQXhCLEdBQStCLENBQUNDLHlCQUFELEVBQXVCQyx1QkFBdkIsQ0FBL0I7QUFFQSxJQUFNQyx3QkFBNEQsR0FBRztBQUNuRUMsRUFBQUEsT0FBTyxFQUFFQyxlQUQwRDtBQUVuRUMsRUFBQUEsUUFBUSxFQUFFQyxVQUZ5RDtBQUduRUMs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QWYsb0JBQ0UsZ0NBQUMsa0JBQUQ7QUFDRSxNQUFBLE9BQU8sRUFBRWhCLE1BQU0sQ0FBQ1MsT0FEbEI7QUFFRSxNQUFBLEVBQUUsWUFBS1QsTUFBTSxDQUFDYyxFQUFaLFlBRko7QUFHRSxNQUFBLFFBQVEsRUFBRUosa0JBSFo7QUFJRSxNQUFBLFNBQVM7QUFKWCxNQURGLENBWEYsQ0FERixFQXFCR1YsTUFBTSxDQUFDUyxPQUFQLElBQWtCTSxRQUFsQixpQkFDQyxnQ0FBQywrQkFBRDtBQUFjLE1BQUEsU0FBUyxFQUFDO0FBQXhCLE9BQXNEQSxRQUF0RCxDQXRCSixDQURGO0FBMkJELEdBdEVEOztBQXdFQSxTQUFPaEIsZ0JBQVA7QUFDRDs7ZUFFY2YsdUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgQ29tcG9uZW50VHlwZSwgUmVhY3RFbGVtZW50LCB1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgU3dpdGNoIGZyb20gJy4uLy4uL2NvbW1vbi9zd2l0Y2gnO1xuXG5pbXBvcnQgQnJ1c2hDb25maWdGYWN0b3J5IGZyb20gJy4vYnJ1c2gtY29uZmlnJztcbmltcG9ydCBUb29sdGlwQ29uZmlnRmFjdG9yeSBmcm9tICcuL3Rvb2x0aXAtY29uZmlnJztcbmltcG9ydCB7RGF0YXNldHN9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuaW1wb3J0IHtJbnRlcmFjdGlvbkNvbmZpZywgVmFsdWVPZn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbmltcG9ydCB7XG4gIFN0eWxlZFBhbmVsSGVhZGVyLFxuICBQYW5lbEhlYWRlclRpdGxlLFxuICBQYW5lbEhlYWRlckNvbnRlbnQsXG4gIFBhbmVsQ29udGVudFxufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtNZXNzYWdlcywgQ3Jvc3NoYWlycywgQ3Vyc29yQ2xpY2ssIFBpbn0gZnJvbSAnLi4vLi4vY29tbW9uL2ljb25zJztcblxuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5cbmludGVyZmFjZSBJbnRlcmFjdGlvblBhbmVsUHJvcHMge1xuICBkYXRhc2V0czogRGF0YXNldHM7XG4gIGNvbmZpZzogVmFsdWVPZjxJbnRlcmFjdGlvbkNvbmZpZz47XG4gIG9uQ29uZmlnQ2hhbmdlOiBhbnk7XG4gIGludGVyYWN0aW9uQ29uZmlnSWNvbnM/OiB7XG4gICAgW2tleTogc3RyaW5nXTogUmVhY3QuRWxlbWVudFR5cGU7XG4gIH07XG59XG5cbmNvbnN0IFN0eWxlZEludGVyYWN0aW9uUGFuZWwgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWJvdHRvbTogNnB4O1xuYDtcblxuSW50ZXJhY3Rpb25QYW5lbEZhY3RvcnkuZGVwcyA9IFtUb29sdGlwQ29uZmlnRmFjdG9yeSwgQnJ1c2hDb25maWdGYWN0b3J5XTtcblxuY29uc3QgSU5URVJBQ1RJT05fQ09ORklHX0lDT05TOiB7W2tleTogc3RyaW5nXTogUmVhY3QuRWxlbWVudFR5cGV9ID0ge1xuICB0b29sdGlwOiBNZXNzYWdlcyxcbiAgZ2VvY29kZXI6IFBpbixcbiAgYnJ1c2g6IENyb3NzaGFpcnMsXG4gIGNvb3JkaW5hdGU6IEN1cnNvckNsaWNrXG59O1xuXG5mdW5jdGlvbiBJbnRlcmFjdGlvblBhbmVsRmFjdG9yeShcbiAgVG9vbHRpcENvbmZpZzogUmV0dXJuVHlwZTx0eXBlb2YgVG9vbHRpcENvbmZpZ0ZhY3Rvcnk+LFxuICBCcnVzaENvbmZpZzogUmV0dXJuVHlwZTx0eXBlb2YgQnJ1c2hDb25maWdGYWN0b3J5PlxuKTogQ29tcG9uZW50VHlwZTxJbnRlcmFjdGlvblBhbmVsUHJvcHM+IHtcbiAgY29uc3QgSW50ZXJhY3Rpb25QYW5lbDogUmVhY3QuRkM8SW50ZXJhY3Rpb25QYW5lbFByb3BzPiA9ICh7XG4gICAgY29uZmlnLFxuICAgIG9uQ29uZmlnQ2hhbmdlLFxuICAgIGRhdGFzZXRzLFxuICAgIGludGVyYWN0aW9uQ29uZmlnSWNvbnMgPSBJTlRFUkFDVElPTl9DT05GSUdfSUNPTlNcbiAgfSkgPT4ge1xuICAgIGNvbnN0IFtpc0NvbmZpZ0FjdGl2ZSwgc2V0SXNDb25maWdBY3Rpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgY29uc3QgX3VwZGF0ZUNvbmZpZyA9IHVzZUNhbGxiYWNrKFxuICAgICAgbmV3UHJvcCA9PiB7XG4gICAgICAgIG9uQ29uZmlnQ2hhbmdlKHtcbiAgICAgICAgICAuLi5jb25maWcsXG4gICAgICAgICAgLi4ubmV3UHJvcFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgICBbb25Db25maWdDaGFuZ2UsIGNvbmZpZ11cbiAgICApO1xuXG4gICAgY29uc3QgdG9nZ2xlUGFuZWxBY3RpdmUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXRJc0NvbmZpZ0FjdGlvbighaXNDb25maWdBY3RpdmUpO1xuICAgIH0sIFtzZXRJc0NvbmZpZ0FjdGlvbiwgaXNDb25maWdBY3RpdmVdKTtcblxuICAgIGNvbnN0IHtlbmFibGVkfSA9IGNvbmZpZztcbiAgICBjb25zdCB0b2dnbGVFbmFibGVDb25maWcgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBfdXBkYXRlQ29uZmlnKHtlbmFibGVkOiAhZW5hYmxlZH0pO1xuICAgIH0sIFtfdXBkYXRlQ29uZmlnLCBlbmFibGVkXSk7XG5cbiAgICBjb25zdCBvbkNoYW5nZSA9IHVzZUNhbGxiYWNrKG5ld0NvbmZpZyA9PiBfdXBkYXRlQ29uZmlnKHtjb25maWc6IG5ld0NvbmZpZ30pLCBbX3VwZGF0ZUNvbmZpZ10pO1xuICAgIGNvbnN0IEljb25Db21wb25lbnQgPSBpbnRlcmFjdGlvbkNvbmZpZ0ljb25zW2NvbmZpZy5pZF07XG5cbiAgICBsZXQgdGVtcGxhdGU6IFJlYWN0RWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gICAgc3dpdGNoIChjb25maWcuaWQpIHtcbiAgICAgIGNhc2UgJ3Rvb2x0aXAnOlxuICAgICAgICB0ZW1wbGF0ZSA9IDxUb29sdGlwQ29uZmlnIGRhdGFzZXRzPXtkYXRhc2V0c30gY29uZmlnPXtjb25maWcuY29uZmlnfSBvbkNoYW5nZT17b25DaGFuZ2V9IC8+O1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2JydXNoJzpcbiAgICAgICAgdGVtcGxhdGUgPSA8QnJ1c2hDb25maWcgY29uZmlnPXtjb25maWcuY29uZmlnfSBvbkNoYW5nZT17b25DaGFuZ2V9IC8+O1xuICAgICAgICBicmVhaztcblxuICAgICAgZGVmYXVsdDpcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW50ZXJhY3Rpb25QYW5lbCBjbGFzc05hbWU9XCJpbnRlcmFjdGlvbi1wYW5lbFwiPlxuICAgICAgICA8U3R5bGVkUGFuZWxIZWFkZXIgY2xhc3NOYW1lPVwiaW50ZXJhY3Rpb24tcGFuZWxfX2hlYWRlclwiIG9uQ2xpY2s9e3RvZ2dsZVBhbmVsQWN0aXZlfT5cbiAgICAgICAgICA8UGFuZWxIZWFkZXJDb250ZW50IGNsYXNzTmFtZT1cImludGVyYWN0aW9uLXBhbmVsX19oZWFkZXJfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaW50ZXJhY3Rpb24tcGFuZWxfX2hlYWRlcl9faWNvbiBpY29uXCI+XG4gICAgICAgICAgICAgIHtJY29uQ29tcG9uZW50ID8gPEljb25Db21wb25lbnQgaGVpZ2h0PVwiMTZweFwiIC8+IDogbnVsbH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJpbnRlcmFjdGlvbi1wYW5lbF9faGVhZGVyX190aXRsZVwiPlxuICAgICAgICAgICAgICA8UGFuZWxIZWFkZXJUaXRsZT5cbiAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17Y29uZmlnLmxhYmVsfSAvPlxuICAgICAgICAgICAgICA8L1BhbmVsSGVhZGVyVGl0bGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L1BhbmVsSGVhZGVyQ29udGVudD5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImludGVyYWN0aW9uLXBhbmVsX19oZWFkZXJfX2FjdGlvbnNcIj5cbiAgICAgICAgICAgIDxTd2l0Y2hcbiAgICAgICAgICAgICAgY2hlY2tlZD17Y29uZmlnLmVuYWJsZWR9XG4gICAgICAgICAgICAgIGlkPXtgJHtjb25maWcuaWR9LXRvZ2dsZWB9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXt0b2dnbGVFbmFibGVDb25maWd9XG4gICAgICAgICAgICAgIHNlY29uZGFyeVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRQYW5lbEhlYWRlcj5cbiAgICAgICAge2NvbmZpZy5lbmFibGVkICYmIHRlbXBsYXRlICYmIChcbiAgICAgICAgICA8UGFuZWxDb250ZW50IGNsYXNzTmFtZT1cImludGVyYWN0aW9uLXBhbmVsX19jb250ZW50XCI+e3RlbXBsYXRlfTwvUGFuZWxDb250ZW50PlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRJbnRlcmFjdGlvblBhbmVsPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIEludGVyYWN0aW9uUGFuZWw7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEludGVyYWN0aW9uUGFuZWxGYWN0b3J5O1xuIl19

package/dist/side-panel/interaction-panel/tooltip-config/tooltip-chicklet.d.ts

@@ -0,0 +1,28 @@
+import { ComponentType } from 'react';
+interface TooltipChickletProps {
+    disabled: boolean;
+    item: {
+        name: string;
+    };
+    displayOption: Function;
+    remove: any;
+}
+declare type TooltipConfig = {
+    fieldsToShow: {
+        [key: string]: {
+            name: string;
+            format: string | null;
+        }[];
+    };
+    compareMode: boolean;
+    compareType: string[];
+};
+declare type TooltipFields = {
+    format?: string;
+    id?: string;
+    name?: string;
+    fieldIdx?: number;
+    type?: number;
+};
+declare function TooltipChickletFactory(dataId: string, config: TooltipConfig, onChange: (cfg: TooltipConfig) => void, fields: TooltipFields[]): ComponentType<TooltipChickletProps>;
+export default TooltipChickletFactory;