@kepler.gl/components 3.0.0-alpha.0

package/dist/editor/feature-styles.js

@@ -0,0 +1,92 @@
+// 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.noOp = noOp;
+exports.getStyle = getStyle;
+exports.RENDER_TYPE_STYLES = exports.DEFAULT_STROKE_DASH_ARRAY = exports.STATE_STYLES_STROKE_WIDTH = exports.DEFAULT_STATE_STYLE_OPACITY = exports.STATE_STYLES_FILL = exports.DEFAULT_STATE_STYLE_FILL = exports.STATE_STYLES_STROKE = exports.DEFAULT_STATE_STYLE_STROKE = exports.DEFAULT_RADIUS = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _reactMapGlDraw = require("react-map-gl-draw");
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _constants = require("./constants");
+
+var _STATE_STYLES_STROKE, _STATE_STYLES_FILL, _RENDER_TYPE_STYLES;
+
+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 DEFAULT_RADIUS = 5;
+exports.DEFAULT_RADIUS = DEFAULT_RADIUS;
+var DEFAULT_STATE_STYLE_STROKE = _constants.COLORS.PRIMARY;
+exports.DEFAULT_STATE_STYLE_STROKE = DEFAULT_STATE_STYLE_STROKE;
+var STATE_STYLES_STROKE = (_STATE_STYLES_STROKE = {}, (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.INACTIVE, '#26B5F2'), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.UNCOMMITTED, '#a9a9a9'), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.CLOSING, '#a9a9a9'), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.SELECTED, '#26B5F2'), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.HOVERED, '#26B5F2'), _STATE_STYLES_STROKE);
+exports.STATE_STYLES_STROKE = STATE_STYLES_STROKE;
+var DEFAULT_STATE_STYLE_FILL = '#000';
+exports.DEFAULT_STATE_STYLE_FILL = DEFAULT_STATE_STYLE_FILL;
+var STATE_STYLES_FILL = (_STATE_STYLES_FILL = {}, (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.INACTIVE, '#333333'), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.HOVERED, '#7ac943'), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.SELECTED, '#ffff00'), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.UNCOMMITTED, '#a9a9a9'), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.CLOSING, '#a9a9a9'), _STATE_STYLES_FILL);
+exports.STATE_STYLES_FILL = STATE_STYLES_FILL;
+var DEFAULT_STATE_STYLE_OPACITY = 0.1;
+exports.DEFAULT_STATE_STYLE_OPACITY = DEFAULT_STATE_STYLE_OPACITY;
+var STATE_STYLES_STROKE_WIDTH = 2;
+exports.STATE_STYLES_STROKE_WIDTH = STATE_STYLES_STROKE_WIDTH;
+var DEFAULT_STROKE_DASH_ARRAY = '4,2';
+exports.DEFAULT_STROKE_DASH_ARRAY = DEFAULT_STROKE_DASH_ARRAY;
+var RENDER_TYPE_STYLES = (_RENDER_TYPE_STYLES = {}, (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.POINT, function () {
+  return {
+    r: DEFAULT_RADIUS
+  };
+}), (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.LINE_STRING, function () {
+  return {
+    fill: 'none'
+  };
+}), _RENDER_TYPE_STYLES);
+exports.RENDER_TYPE_STYLES = RENDER_TYPE_STYLES;
+
+function noOp() {}
+
+function getStyle(_ref) {
+  var feature = _ref.feature,
+      state = _ref.state;
+  var isVisible = (0, _lodash["default"])(feature, ['properties', 'isVisible'], true);
+
+  var style = _objectSpread({
+    stroke: STATE_STYLES_STROKE[state] || DEFAULT_STATE_STYLE_STROKE,
+    strokeWidth: isVisible ? STATE_STYLES_STROKE_WIDTH : 0,
+    fill: STATE_STYLES_FILL[state] || DEFAULT_STATE_STYLE_FILL,
+    fillOpacity: DEFAULT_STATE_STYLE_OPACITY
+  }, state !== _reactMapGlDraw.RenderStates.SELECTED ? {
+    strokeDasharray: DEFAULT_STROKE_DASH_ARRAY
+  } : null);
+
+  var renderType = feature.properties ? feature.properties.renderType : feature.renderType;
+  return _objectSpread(_objectSpread({}, style), (RENDER_TYPE_STYLES[renderType] || noOp)());
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZGl0b3IvZmVhdHVyZS1zdHlsZXMudHMiXSwibmFtZXMiOlsiREVGQVVMVF9SQURJVVMiLCJERUZBVUxUX1NUQVRFX1NUWUxFX1NUUk9LRSIsIkNPTE9SUyIsIlBSSU1BUlkiLCJTVEFURV9TVFlMRVNfU1RST0tFIiwiUmVuZGVyU3RhdGVzIiwiSU5BQ1RJVkUiLCJVTkNPTU1JVFRFRCIsIkNMT1NJTkciLCJTRUxFQ1RFRCIsIkhPVkVSRUQiLCJERUZBVUxUX1NUQVRFX1NUWUxFX0ZJTEwiLCJTVEFURV9TVFlMRVNfRklMTCIsIkRFRkFVTFRfU1RBVEVfU1RZTEVfT1BBQ0lUWSIsIlNUQVRFX1NUWUxFU19TVFJPS0VfV0lEVEgiLCJERUZBVUxUX1NUUk9LRV9EQVNIX0FSUkFZIiwiUkVOREVSX1RZUEVfU1RZTEVTIiwiUmVuZGVyVHlwZXMiLCJQT0lOVCIsInIiLCJMSU5FX1NUUklORyIsImZpbGwiLCJub09wIiwiZ2V0U3R5bGUiLCJmZWF0dXJlIiwic3RhdGUiLCJpc1Zpc2libGUiLCJzdHlsZSIsInN0cm9rZSIsInN0cm9rZVdpZHRoIiwiZmlsbE9wYWNpdHkiLCJzdHJva2VEYXNoYXJyYXkiLCJyZW5kZXJUeXBlIiwicHJvcGVydGllcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7QUFFTyxJQUFNQSxjQUFjLEdBQUcsQ0FBdkI7O0FBQ0EsSUFBTUMsMEJBQTBCLEdBQUdDLGtCQUFPQyxPQUExQzs7QUFFQSxJQUFNQyxtQkFBbUIsc0ZBQzdCQyw2QkFBYUMsUUFEZ0IsRUFDTCxTQURLLDBEQUU3QkQsNkJBQWFFLFdBRmdCLEVBRUYsU0FGRSwwREFHN0JGLDZCQUFhRyxPQUhnQixFQUdOLFNBSE0sMERBSTdCSCw2QkFBYUksUUFKZ0IsRUFJTCxTQUpLLDBEQUs3QkosNkJBQWFLLE9BTGdCLEVBS04sU0FMTSx3QkFBekI7O0FBUUEsSUFBTUMsd0JBQXdCLEdBQUcsTUFBakM7O0FBRUEsSUFBTUMsaUJBQWlCLGtGQUMzQlAsNkJBQWFDLFFBRGMsRUFDSCxTQURHLHdEQUUzQkQsNkJBQWFLLE9BRmMsRUFFSixTQUZJLHdEQUczQkwsNkJBQWFJLFFBSGMsRUFHSCxTQUhHLHdEQUkzQkosNkJBQWFFLFdBSmMsRUFJQSxTQUpBLHdEQUszQkYsNkJBQWFHLE9BTGMsRUFLSixTQUxJLHNCQUF2Qjs7QUFRQSxJQUFNSywyQkFBMkIsR0FBRyxHQUFwQzs7QUFFQSxJQUFNQyx5QkFBeUIsR0FBRyxDQUFsQzs7QUFFQSxJQUFNQyx5QkFBeUIsR0FBRyxLQUFsQzs7QUFFQSxJQUFNQyxrQkFBa0Isb0ZBQzVCQyw0QkFBWUMsS0FEZ0IsRUFDUjtBQUFBLFNBQU87QUFBQ0MsSUFBQUEsQ0FBQyxFQUFFbkI7QUFBSixHQUFQO0FBQUEsQ0FEUSx5REFFNUJpQiw0QkFBWUcsV0FGZ0IsRUFFRjtBQUFBLFNBQU87QUFBQ0MsSUFBQUEsSUFBSSxFQUFFO0FBQVAsR0FBUDtBQUFBLENBRkUsdUJBQXhCOzs7QUFLQSxTQUFTQyxJQUFULEdBQWdCLENBQUU7O0FBRWxCLFNBQVNDLFFBQVQsT0FBb0M7QUFBQSxNQUFqQkMsT0FBaUIsUUFBakJBLE9BQWlCO0FBQUEsTUFBUkMsS0FBUSxRQUFSQSxLQUFRO0FBQ3pDLE1BQU1DLFNBQVMsR0FBRyx3QkFBSUYsT0FBSixFQUFhLENBQUMsWUFBRCxFQUFlLFdBQWYsQ0FBYixFQUEwQyxJQUExQyxDQUFsQjs7QUFDQSxNQUFNRyxLQUFLO0FBQ1RDLElBQUFBLE1BQU0sRUFBRXhCLG1CQUFtQixDQUFDcUIsS0FBRCxDQUFuQixJQUE4QnhCLDBCQUQ3QjtBQUVUNEIsSUFBQUEsV0FBVyxFQUFFSCxTQUFTLEdBQUdaLHlCQUFILEdBQStCLENBRjVDO0FBR1RPLElBQUFBLElBQUksRUFBRVQsaUJBQWlCLENBQUNhLEtBQUQsQ0FBakIsSUFBNEJkLHdCQUh6QjtBQUlUbUIsSUFBQUEsV0FBVyxFQUFFakI7QUFKSixLQUtMWSxLQUFLLEtBQUtwQiw2QkFBYUksUUFBdkIsR0FBa0M7QUFBQ3NCLElBQUFBLGVBQWUsRUFBRWhCO0FBQWxCLEdBQWxDLEdBQWlGLElBTDVFLENBQVg7O0FBUUEsTUFBTWlCLFVBQVUsR0FBR1IsT0FBTyxDQUFDUyxVQUFSLEdBQXFCVCxPQUFPLENBQUNTLFVBQVIsQ0FBbUJELFVBQXhDLEdBQXFEUixPQUFPLENBQUNRLFVBQWhGO0FBRUEseUNBQ0tMLEtBREwsR0FFSyxDQUFDWCxrQkFBa0IsQ0FBQ2dCLFVBQUQsQ0FBbEIsSUFBa0NWLElBQW5DLEdBRkw7QUFJRCIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCB7UmVuZGVyU3RhdGVzLCBSZW5kZXJUeXBlc30gZnJvbSAncmVhY3QtbWFwLWdsLWRyYXcnO1xuaW1wb3J0IGdldCBmcm9tICdsb2Rhc2guZ2V0JztcbmltcG9ydCB7Q09MT1JTfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX1JBRElVUyA9IDU7XG5leHBvcnQgY29uc3QgREVGQVVMVF9TVEFURV9TVFlMRV9TVFJPS0UgPSBDT0xPUlMuUFJJTUFSWTtcblxuZXhwb3J0IGNvbnN0IFNUQVRFX1NUWUxFU19TVFJPS0UgPSB7XG4gIFtSZW5kZXJTdGF0ZXMuSU5BQ1RJVkVdOiAnIzI2QjVGMicsXG4gIFtSZW5kZXJTdGF0ZXMuVU5DT01NSVRURURdOiAnI2E5YTlhOScsXG4gIFtSZW5kZXJTdGF0ZXMuQ0xPU0lOR106ICcjYTlhOWE5JyxcbiAgW1JlbmRlclN0YXRlcy5TRUxFQ1RFRF06ICcjMjZCNUYyJyxcbiAgW1JlbmRlclN0YXRlcy5IT1ZFUkVEXTogJyMyNkI1RjInXG59O1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9TVEFURV9TVFlMRV9GSUxMID0gJyMwMDAnO1xuXG5leHBvcnQgY29uc3QgU1RBVEVfU1RZTEVTX0ZJTEwgPSB7XG4gIFtSZW5kZXJTdGF0ZXMuSU5BQ1RJVkVdOiAnIzMzMzMzMycsXG4gIFtSZW5kZXJTdGF0ZXMuSE9WRVJFRF06ICcjN2FjOTQzJyxcbiAgW1JlbmRlclN0YXRlcy5TRUxFQ1RFRF06ICcjZmZmZjAwJyxcbiAgW1JlbmRlclN0YXRlcy5VTkNPTU1JVFRFRF06ICcjYTlhOWE5JyxcbiAgW1JlbmRlclN0YXRlcy5DTE9TSU5HXTogJyNhOWE5YTknXG59O1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9TVEFURV9TVFlMRV9PUEFDSVRZID0gMC4xO1xuXG5leHBvcnQgY29uc3QgU1RBVEVfU1RZTEVTX1NUUk9LRV9XSURUSCA9IDI7XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX1NUUk9LRV9EQVNIX0FSUkFZID0gJzQsMic7XG5cbmV4cG9ydCBjb25zdCBSRU5ERVJfVFlQRV9TVFlMRVMgPSB7XG4gIFtSZW5kZXJUeXBlcy5QT0lOVF06ICgpID0+ICh7cjogREVGQVVMVF9SQURJVVN9KSxcbiAgW1JlbmRlclR5cGVzLkxJTkVfU1RSSU5HXTogKCkgPT4gKHtmaWxsOiAnbm9uZSd9KVxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIG5vT3AoKSB7fVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0U3R5bGUoe2ZlYXR1cmUsIHN0YXRlfSkge1xuICBjb25zdCBpc1Zpc2libGUgPSBnZXQoZmVhdHVyZSwgWydwcm9wZXJ0aWVzJywgJ2lzVmlzaWJsZSddLCB0cnVlKTtcbiAgY29uc3Qgc3R5bGUgPSB7XG4gICAgc3Ryb2tlOiBTVEFURV9TVFlMRVNfU1RST0tFW3N0YXRlXSB8fCBERUZBVUxUX1NUQVRFX1NUWUxFX1NUUk9LRSxcbiAgICBzdHJva2VXaWR0aDogaXNWaXNpYmxlID8gU1RBVEVfU1RZTEVTX1NUUk9LRV9XSURUSCA6IDAsXG4gICAgZmlsbDogU1RBVEVfU1RZTEVTX0ZJTExbc3RhdGVdIHx8IERFRkFVTFRfU1RBVEVfU1RZTEVfRklMTCxcbiAgICBmaWxsT3BhY2l0eTogREVGQVVMVF9TVEFURV9TVFlMRV9PUEFDSVRZLFxuICAgIC4uLihzdGF0ZSAhPT0gUmVuZGVyU3RhdGVzLlNFTEVDVEVEID8ge3N0cm9rZURhc2hhcnJheTogREVGQVVMVF9TVFJPS0VfREFTSF9BUlJBWX0gOiBudWxsKVxuICB9O1xuXG4gIGNvbnN0IHJlbmRlclR5cGUgPSBmZWF0dXJlLnByb3BlcnRpZXMgPyBmZWF0dXJlLnByb3BlcnRpZXMucmVuZGVyVHlwZSA6IGZlYXR1cmUucmVuZGVyVHlwZTtcblxuICByZXR1cm4ge1xuICAgIC4uLnN0eWxlLFxuICAgIC4uLihSRU5ERVJfVFlQRV9TVFlMRVNbcmVuZGVyVHlwZV0gfHwgbm9PcCkoKVxuICB9O1xufVxuIl19

package/dist/editor/handle-style.d.ts

@@ -0,0 +1,42 @@
+export declare const DEFAULT_STATE_STYLE_STROKE: string;
+export declare const STATE_STYLES_STROKE: {
+    [x: number]: string;
+};
+export declare const DEFAULT_STATE_STYLE_FILL = "#ffffff";
+export declare const STATE_STYLES_FILL: {
+    [x: number]: string;
+};
+export declare const RENDER_TYPE_STYLES: {
+    [x: number]: ((state: any) => {
+        fill: string;
+        stroke: string;
+    }) | (() => {
+        x: number;
+        y: number;
+        height: number;
+        width: number;
+    });
+};
+export declare const DEFAULT_STATE_STYLE_OPACITY = 0;
+export declare const DEFAULT_RADIUS = 5;
+export declare function getStyle({ feature, state }: {
+    feature: any;
+    state: any;
+}): {
+    x: number;
+    y: number;
+    height: number;
+    width: number;
+    stroke: string;
+    strokeWidth: number;
+    fill: string;
+    fillOpacity: number;
+    r: number;
+} | {
+    fill: string;
+    stroke: string;
+    strokeWidth: number;
+    fillOpacity: number;
+    r: number;
+};
+export declare function getEditHandleShape(): string;

package/dist/editor/handle-style.js

@@ -0,0 +1,100 @@
+// 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.getStyle = getStyle;
+exports.getEditHandleShape = getEditHandleShape;
+exports.DEFAULT_RADIUS = exports.DEFAULT_STATE_STYLE_OPACITY = exports.RENDER_TYPE_STYLES = exports.STATE_STYLES_FILL = exports.DEFAULT_STATE_STYLE_FILL = exports.STATE_STYLES_STROKE = exports.DEFAULT_STATE_STYLE_STROKE = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _reactMapGlDraw = require("react-map-gl-draw");
+
+var _constants = require("./constants");
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _STATE_STYLES_STROKE, _STATE_STYLES_FILL, _RENDER_TYPE_STYLES;
+
+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 DEFAULT_EDIT_HANDLE_SHAPE = 'circle';
+var rectStyle = {
+  x: -6,
+  y: -6,
+  height: 12,
+  width: 12
+};
+var DEFAULT_STATE_STYLE_STROKE = _constants.COLORS.PRIMARY;
+exports.DEFAULT_STATE_STYLE_STROKE = DEFAULT_STATE_STYLE_STROKE;
+var STATE_STYLES_STROKE = (_STATE_STYLES_STROKE = {}, (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.SELECTED, _constants.COLORS.PRIMARY), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.HOVERED, _constants.COLORS.SECONDARY), _STATE_STYLES_STROKE);
+exports.STATE_STYLES_STROKE = STATE_STYLES_STROKE;
+var DEFAULT_STATE_STYLE_FILL = '#ffffff';
+exports.DEFAULT_STATE_STYLE_FILL = DEFAULT_STATE_STYLE_FILL;
+var STATE_STYLES_FILL = (_STATE_STYLES_FILL = {}, (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.SELECTED, _constants.COLORS.SECONDARY), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.HOVERED, _constants.COLORS.SECONDARY), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.INACTIVE, _constants.COLORS.PRIMARY), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.UNCOMMITTED, _constants.COLORS.PRIMARY), _STATE_STYLES_FILL);
+exports.STATE_STYLES_FILL = STATE_STYLES_FILL;
+var STATE_STYLES_STROKE_WIDTH = 1;
+var RENDER_TYPE_STYLES = (_RENDER_TYPE_STYLES = {}, (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.POINT, function (state) {
+  return {
+    fill: STATE_STYLES_FILL[state],
+    stroke: state === _reactMapGlDraw.RenderStates.SELECTED ? _constants.COLORS.PRIMARY : DEFAULT_STATE_STYLE_STROKE
+  };
+}), (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.LINE_STRING, function () {
+  return rectStyle;
+}), (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.RECTANGLE, function () {
+  return rectStyle;
+}), (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.POLYGON, function () {
+  return rectStyle;
+}), _RENDER_TYPE_STYLES);
+exports.RENDER_TYPE_STYLES = RENDER_TYPE_STYLES;
+var DEFAULT_STATE_STYLE_OPACITY = 0;
+exports.DEFAULT_STATE_STYLE_OPACITY = DEFAULT_STATE_STYLE_OPACITY;
+var DEFAULT_RADIUS = 5;
+exports.DEFAULT_RADIUS = DEFAULT_RADIUS;
+
+function noOp() {}
+
+function getStyle(_ref) {
+  var feature = _ref.feature,
+      state = _ref.state;
+  var isVisible = (0, _lodash["default"])(feature, ['properties', 'isVisible'], true);
+  var style = {
+    stroke: STATE_STYLES_STROKE[state] || DEFAULT_STATE_STYLE_STROKE,
+    strokeWidth: isVisible ? STATE_STYLES_STROKE_WIDTH : 0,
+    fill: DEFAULT_STATE_STYLE_FILL,
+    fillOpacity: DEFAULT_STATE_STYLE_OPACITY,
+    r: DEFAULT_RADIUS
+  };
+  var renderType = feature.properties ? feature.properties.renderType : feature.renderType;
+  return _objectSpread(_objectSpread({}, style), (RENDER_TYPE_STYLES[renderType] || noOp)(state));
+}
+
+function getEditHandleShape() {
+  return DEFAULT_EDIT_HANDLE_SHAPE;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZGl0b3IvaGFuZGxlLXN0eWxlLnRzIl0sIm5hbWVzIjpbIkRFRkFVTFRfRURJVF9IQU5ETEVfU0hBUEUiLCJyZWN0U3R5bGUiLCJ4IiwieSIsImhlaWdodCIsIndpZHRoIiwiREVGQVVMVF9TVEFURV9TVFlMRV9TVFJPS0UiLCJDT0xPUlMiLCJQUklNQVJZIiwiU1RBVEVfU1RZTEVTX1NUUk9LRSIsIlJlbmRlclN0YXRlcyIsIlNFTEVDVEVEIiwiSE9WRVJFRCIsIlNFQ09OREFSWSIsIkRFRkFVTFRfU1RBVEVfU1RZTEVfRklMTCIsIlNUQVRFX1NUWUxFU19GSUxMIiwiSU5BQ1RJVkUiLCJVTkNPTU1JVFRFRCIsIlNUQVRFX1NUWUxFU19TVFJPS0VfV0lEVEgiLCJSRU5ERVJfVFlQRV9TVFlMRVMiLCJSZW5kZXJUeXBlcyIsIlBPSU5UIiwic3RhdGUiLCJmaWxsIiwic3Ryb2tlIiwiTElORV9TVFJJTkciLCJSRUNUQU5HTEUiLCJQT0xZR09OIiwiREVGQVVMVF9TVEFURV9TVFlMRV9PUEFDSVRZIiwiREVGQVVMVF9SQURJVVMiLCJub09wIiwiZ2V0U3R5bGUiLCJmZWF0dXJlIiwiaXNWaXNpYmxlIiwic3R5bGUiLCJzdHJva2VXaWR0aCIsImZpbGxPcGFjaXR5IiwiciIsInJlbmRlclR5cGUiLCJwcm9wZXJ0aWVzIiwiZ2V0RWRpdEhhbmRsZVNoYXBlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOzs7Ozs7OztBQUVBLElBQU1BLHlCQUF5QixHQUFHLFFBQWxDO0FBRUEsSUFBTUMsU0FBUyxHQUFHO0FBQ2hCQyxFQUFBQSxDQUFDLEVBQUUsQ0FBQyxDQURZO0FBRWhCQyxFQUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUZZO0FBR2hCQyxFQUFBQSxNQUFNLEVBQUUsRUFIUTtBQUloQkMsRUFBQUEsS0FBSyxFQUFFO0FBSlMsQ0FBbEI7QUFPTyxJQUFNQywwQkFBMEIsR0FBR0Msa0JBQU9DLE9BQTFDOztBQUVBLElBQU1DLG1CQUFtQixzRkFDN0JDLDZCQUFhQyxRQURnQixFQUNMSixrQkFBT0MsT0FERiwwREFFN0JFLDZCQUFhRSxPQUZnQixFQUVOTCxrQkFBT00sU0FGRCx3QkFBekI7O0FBS0EsSUFBTUMsd0JBQXdCLEdBQUcsU0FBakM7O0FBRUEsSUFBTUMsaUJBQWlCLGtGQUMzQkwsNkJBQWFDLFFBRGMsRUFDSEosa0JBQU9NLFNBREosd0RBRTNCSCw2QkFBYUUsT0FGYyxFQUVKTCxrQkFBT00sU0FGSCx3REFHM0JILDZCQUFhTSxRQUhjLEVBR0hULGtCQUFPQyxPQUhKLHdEQUkzQkUsNkJBQWFPLFdBSmMsRUFJQVYsa0JBQU9DLE9BSlAsc0JBQXZCOztBQU9QLElBQU1VLHlCQUF5QixHQUFHLENBQWxDO0FBRU8sSUFBTUMsa0JBQWtCLG9GQUM1QkMsNEJBQVlDLEtBRGdCLEVBQ1IsVUFBQUMsS0FBSztBQUFBLFNBQUs7QUFDN0JDLElBQUFBLElBQUksRUFBRVIsaUJBQWlCLENBQUNPLEtBQUQsQ0FETTtBQUU3QkUsSUFBQUEsTUFBTSxFQUFFRixLQUFLLEtBQUtaLDZCQUFhQyxRQUF2QixHQUFrQ0osa0JBQU9DLE9BQXpDLEdBQW1ERjtBQUY5QixHQUFMO0FBQUEsQ0FERyx5REFLNUJjLDRCQUFZSyxXQUxnQixFQUtGO0FBQUEsU0FBTXhCLFNBQU47QUFBQSxDQUxFLHlEQU01Qm1CLDRCQUFZTSxTQU5nQixFQU1KO0FBQUEsU0FBTXpCLFNBQU47QUFBQSxDQU5JLHlEQU81Qm1CLDRCQUFZTyxPQVBnQixFQU9OO0FBQUEsU0FBTTFCLFNBQU47QUFBQSxDQVBNLHVCQUF4Qjs7QUFVQSxJQUFNMkIsMkJBQTJCLEdBQUcsQ0FBcEM7O0FBRUEsSUFBTUMsY0FBYyxHQUFHLENBQXZCOzs7QUFFUCxTQUFTQyxJQUFULEdBQWdCLENBQUU7O0FBRVgsU0FBU0MsUUFBVCxPQUFvQztBQUFBLE1BQWpCQyxPQUFpQixRQUFqQkEsT0FBaUI7QUFBQSxNQUFSVixLQUFRLFFBQVJBLEtBQVE7QUFDekMsTUFBTVcsU0FBUyxHQUFHLHdCQUFJRCxPQUFKLEVBQWEsQ0FBQyxZQUFELEVBQWUsV0FBZixDQUFiLEVBQTBDLElBQTFDLENBQWxCO0FBRUEsTUFBTUUsS0FBSyxHQUFHO0FBQ1pWLElBQUFBLE1BQU0sRUFBRWYsbUJBQW1CLENBQUNhLEtBQUQsQ0FBbkIsSUFBOEJoQiwwQkFEMUI7QUFFWjZCLElBQUFBLFdBQVcsRUFBRUYsU0FBUyxHQUFHZix5QkFBSCxHQUErQixDQUZ6QztBQUdaSyxJQUFBQSxJQUFJLEVBQUVULHdCQUhNO0FBSVpzQixJQUFBQSxXQUFXLEVBQUVSLDJCQUpEO0FBS1pTLElBQUFBLENBQUMsRUFBRVI7QUFMUyxHQUFkO0FBUUEsTUFBTVMsVUFBVSxHQUFHTixPQUFPLENBQUNPLFVBQVIsR0FBcUJQLE9BQU8sQ0FBQ08sVUFBUixDQUFtQkQsVUFBeEMsR0FBcUROLE9BQU8sQ0FBQ00sVUFBaEY7QUFFQSx5Q0FDS0osS0FETCxHQUVLLENBQUNmLGtCQUFrQixDQUFDbUIsVUFBRCxDQUFsQixJQUFrQ1IsSUFBbkMsRUFBeUNSLEtBQXpDLENBRkw7QUFJRDs7QUFFTSxTQUFTa0Isa0JBQVQsR0FBOEI7QUFDbkMsU0FBT3hDLHlCQUFQO0FBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQge1JlbmRlclN0YXRlcywgUmVuZGVyVHlwZXN9IGZyb20gJ3JlYWN0LW1hcC1nbC1kcmF3JztcbmltcG9ydCB7Q09MT1JTfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgZ2V0IGZyb20gJ2xvZGFzaC5nZXQnO1xuXG5jb25zdCBERUZBVUxUX0VESVRfSEFORExFX1NIQVBFID0gJ2NpcmNsZSc7XG5cbmNvbnN0IHJlY3RTdHlsZSA9IHtcbiAgeDogLTYsXG4gIHk6IC02LFxuICBoZWlnaHQ6IDEyLFxuICB3aWR0aDogMTJcbn07XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX1NUQVRFX1NUWUxFX1NUUk9LRSA9IENPTE9SUy5QUklNQVJZO1xuXG5leHBvcnQgY29uc3QgU1RBVEVfU1RZTEVTX1NUUk9LRSA9IHtcbiAgW1JlbmRlclN0YXRlcy5TRUxFQ1RFRF06IENPTE9SUy5QUklNQVJZLFxuICBbUmVuZGVyU3RhdGVzLkhPVkVSRURdOiBDT0xPUlMuU0VDT05EQVJZXG59O1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9TVEFURV9TVFlMRV9GSUxMID0gJyNmZmZmZmYnO1xuXG5leHBvcnQgY29uc3QgU1RBVEVfU1RZTEVTX0ZJTEwgPSB7XG4gIFtSZW5kZXJTdGF0ZXMuU0VMRUNURURdOiBDT0xPUlMuU0VDT05EQVJZLFxuICBbUmVuZGVyU3RhdGVzLkhPVkVSRURdOiBDT0xPUlMuU0VDT05EQVJZLFxuICBbUmVuZGVyU3RhdGVzLklOQUNUSVZFXTogQ09MT1JTLlBSSU1BUlksXG4gIFtSZW5kZXJTdGF0ZXMuVU5DT01NSVRURURdOiBDT0xPUlMuUFJJTUFSWVxufTtcblxuY29uc3QgU1RBVEVfU1RZTEVTX1NUUk9LRV9XSURUSCA9IDE7XG5cbmV4cG9ydCBjb25zdCBSRU5ERVJfVFlQRV9TVFlMRVMgPSB7XG4gIFtSZW5kZXJUeXBlcy5QT0lOVF06IHN0YXRlID0+ICh7XG4gICAgZmlsbDogU1RBVEVfU1RZTEVTX0ZJTExbc3RhdGVdLFxuICAgIHN0cm9rZTogc3RhdGUgPT09IFJlbmRlclN0YXRlcy5TRUxFQ1RFRCA/IENPTE9SUy5QUklNQVJZIDogREVGQVVMVF9TVEFURV9TVFlMRV9TVFJPS0VcbiAgfSksXG4gIFtSZW5kZXJUeXBlcy5MSU5FX1NUUklOR106ICgpID0+IHJlY3RTdHlsZSxcbiAgW1JlbmRlclR5cGVzLlJFQ1RBTkdMRV06ICgpID0+IHJlY3RTdHlsZSxcbiAgW1JlbmRlclR5cGVzLlBPTFlHT05dOiAoKSA9PiByZWN0U3R5bGVcbn07XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX1NUQVRFX1NUWUxFX09QQUNJVFkgPSAwO1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9SQURJVVMgPSA1O1xuXG5mdW5jdGlvbiBub09wKCkge31cblxuZXhwb3J0IGZ1bmN0aW9uIGdldFN0eWxlKHtmZWF0dXJlLCBzdGF0ZX0pIHtcbiAgY29uc3QgaXNWaXNpYmxlID0gZ2V0KGZlYXR1cmUsIFsncHJvcGVydGllcycsICdpc1Zpc2libGUnXSwgdHJ1ZSk7XG5cbiAgY29uc3Qgc3R5bGUgPSB7XG4gICAgc3Ryb2tlOiBTVEFURV9TVFlMRVNfU1RST0tFW3N0YXRlXSB8fCBERUZBVUxUX1NUQVRFX1NUWUxFX1NUUk9LRSxcbiAgICBzdHJva2VXaWR0aDogaXNWaXNpYmxlID8gU1RBVEVfU1RZTEVTX1NUUk9LRV9XSURUSCA6IDAsXG4gICAgZmlsbDogREVGQVVMVF9TVEFURV9TVFlMRV9GSUxMLFxuICAgIGZpbGxPcGFjaXR5OiBERUZBVUxUX1NUQVRFX1NUWUxFX09QQUNJVFksXG4gICAgcjogREVGQVVMVF9SQURJVVNcbiAgfTtcblxuICBjb25zdCByZW5kZXJUeXBlID0gZmVhdHVyZS5wcm9wZXJ0aWVzID8gZmVhdHVyZS5wcm9wZXJ0aWVzLnJlbmRlclR5cGUgOiBmZWF0dXJlLnJlbmRlclR5cGU7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5zdHlsZSxcbiAgICAuLi4oUkVOREVSX1RZUEVfU1RZTEVTW3JlbmRlclR5cGVdIHx8IG5vT3ApKHN0YXRlKVxuICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0RWRpdEhhbmRsZVNoYXBlKCkge1xuICByZXR1cm4gREVGQVVMVF9FRElUX0hBTkRMRV9TSEFQRTtcbn1cbiJdfQ==

package/dist/filters/components.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledFilterPanel: import("styled-components").StyledComponent<"label", any, {
+    className: "side-panel-panel__label";
+}, "className">;

package/dist/filters/components.js

@@ -0,0 +1,40 @@
+// 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.StyledFilterPanel = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styledComponents2 = require("../common/styled-components");
+
+var _templateObject;
+
+var StyledFilterPanel = (0, _styledComponents["default"])(_styledComponents2.PanelLabel)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-weight: 500;\n  color: white;\n  flex: 1;\n"])));
+exports.StyledFilterPanel = StyledFilterPanel;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9maWx0ZXJzL2NvbXBvbmVudHMudHMiXSwibmFtZXMiOlsiU3R5bGVkRmlsdGVyUGFuZWwiLCJQYW5lbExhYmVsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7OztBQUVPLElBQU1BLGlCQUFpQixHQUFHLGtDQUFPQyw2QkFBUCxDQUFILDBJQUF2QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtQYW5lbExhYmVsfSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsdGVyUGFuZWwgPSBzdHlsZWQoUGFuZWxMYWJlbClgXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgZmxleDogMTtcbmA7XG4iXX0=

package/dist/filters/filter-panels/filter-panel-with-field-select.d.ts

@@ -0,0 +1,10 @@
+import FilterPanelHeaderFactory from '../../side-panel/filter-panel/filter-panel-header';
+import PanelHeaderActionFactory from '../../side-panel/panel-header-action';
+import SourceDataSelectorFactory from '../../side-panel/common/source-data-selector';
+import FieldSelectorFactory from '../../common/field-selector';
+import { FilterPanelWithFieldSelectComponent } from './types';
+declare function FieldPanelWithFieldSelectFactory(FilterPanelHeader: ReturnType<typeof FilterPanelHeaderFactory>, SourceDataSelector: ReturnType<typeof SourceDataSelectorFactory>, FieldSelector: ReturnType<typeof FieldSelectorFactory>, PanelHeaderAction: ReturnType<typeof PanelHeaderActionFactory>): FilterPanelWithFieldSelectComponent;
+declare namespace FieldPanelWithFieldSelectFactory {
+    var deps: (typeof FieldSelectorFactory | typeof PanelHeaderActionFactory | typeof SourceDataSelectorFactory | typeof FilterPanelHeaderFactory)[];
+}
+export default FieldPanelWithFieldSelectFactory;

package/dist/filters/filter-panels/filter-panel-with-field-select.js

@@ -0,0 +1,106 @@
+// 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 _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = require("../../common/styled-components");
+
+var _filterPanelHeader = _interopRequireDefault(require("../../side-panel/filter-panel/filter-panel-header"));
+
+var _panelHeaderAction = _interopRequireDefault(require("../../side-panel/panel-header-action"));
+
+var _sourceDataSelector = _interopRequireDefault(require("../../side-panel/common/source-data-selector"));
+
+var _fieldSelector = _interopRequireDefault(require("../../common/field-selector"));
+
+var _newFilterPanel = require("./new-filter-panel");FieldPanelWithFieldSelectFactory.deps = [_filterPanelHeader["default"], _sourceDataSelector["default"], _fieldSelector["default"], _panelHeaderAction["default"]];
+
+function FieldPanelWithFieldSelectFactory(FilterPanelHeader, SourceDataSelector, FieldSelector, PanelHeaderAction) {
+  var FilterPanelWithFieldSelect = /*#__PURE__*/_react["default"].memo(function (_ref) {
+    var children = _ref.children,
+        allAvailableFields = _ref.allAvailableFields,
+        datasets = _ref.datasets,
+        filter = _ref.filter,
+        idx = _ref.idx,
+        removeFilter = _ref.removeFilter,
+        setFilter = _ref.setFilter,
+        _ref$panelActions = _ref.panelActions,
+        panelActions = _ref$panelActions === void 0 ? [] : _ref$panelActions;
+    var onFieldSelector = (0, _react.useCallback)(function (field) {
+      return setFilter(idx, 'name', field.name);
+    }, [idx, setFilter]);
+    var onSourceDataSelector = (0, _react.useCallback)(function (value) {
+      return setFilter(idx, 'dataId', [value]);
+    }, [idx, setFilter]);
+    var fieldValue = (0, _react.useMemo)(function () {
+      return Array.isArray(filter.name) ? filter.name[0] : filter.name;
+    }, [filter.name]);
+    var dataset = datasets[filter.dataId[0]];
+    var supportedFields = (0, _react.useMemo)(function () {
+      return (0, _newFilterPanel.getSupportedFilterFields)(dataset.supportedFilterTypes, allAvailableFields);
+    }, [dataset.supportedFilterTypes, allAvailableFields]);
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(FilterPanelHeader, {
+      datasets: [dataset],
+      filter: filter,
+      removeFilter: removeFilter
+    }, /*#__PURE__*/_react["default"].createElement(FieldSelector, {
+      inputTheme: "secondary",
+      fields: supportedFields,
+      value: fieldValue,
+      erasable: false,
+      onSelect: onFieldSelector
+    }), panelActions === null || panelActions === void 0 ? void 0 : panelActions.map(function (panelAction) {
+      return /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+        id: panelAction.id,
+        key: panelAction.id,
+        onClick: panelAction.onClick,
+        tooltip: panelAction.tooltip,
+        IconComponent: panelAction.iconComponent,
+        active: panelAction.active
+      });
+    })), /*#__PURE__*/_react["default"].createElement(_styledComponents.StyledFilterContent, {
+      className: "filter-panel__content"
+    }, Object.keys(datasets).length > 1 && /*#__PURE__*/_react["default"].createElement(SourceDataSelector, {
+      inputTheme: "secondary",
+      datasets: datasets,
+      disabled: filter.freeze,
+      dataId: filter.dataId,
+      onSelect: onSourceDataSelector
+    }), children));
+  });
+
+  FilterPanelWithFieldSelect.displayName = 'FilterPanelWithFieldSelect';
+  return FilterPanelWithFieldSelect;
+}
+
+var _default = FieldPanelWithFieldSelectFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWx0ZXJzL2ZpbHRlci1wYW5lbHMvZmlsdGVyLXBhbmVsLXdpdGgtZmllbGQtc2VsZWN0LnRzeCJdLCJuYW1lcyI6WyJGaWVsZFBhbmVsV2l0aEZpZWxkU2VsZWN0RmFjdG9yeSIsImRlcHMiLCJGaWx0ZXJQYW5lbEhlYWRlckZhY3RvcnkiLCJTb3VyY2VEYXRhU2VsZWN0b3JGYWN0b3J5IiwiRmllbGRTZWxlY3RvckZhY3RvcnkiLCJQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkiLCJGaWx0ZXJQYW5lbEhlYWRlciIsIlNvdXJjZURhdGFTZWxlY3RvciIsIkZpZWxkU2VsZWN0b3IiLCJQYW5lbEhlYWRlckFjdGlvbiIsIkZpbHRlclBhbmVsV2l0aEZpZWxkU2VsZWN0IiwiUmVhY3QiLCJtZW1vIiwiY2hpbGRyZW4iLCJhbGxBdmFpbGFibGVGaWVsZHMiLCJkYXRhc2V0cyIsImZpbHRlciIsImlkeCIsInJlbW92ZUZpbHRlciIsInNldEZpbHRlciIsInBhbmVsQWN0aW9ucyIsIm9uRmllbGRTZWxlY3RvciIsImZpZWxkIiwibmFtZSIsIm9uU291cmNlRGF0YVNlbGVjdG9yIiwidmFsdWUiLCJmaWVsZFZhbHVlIiwiQXJyYXkiLCJpc0FycmF5IiwiZGF0YXNldCIsImRhdGFJZCIsInN1cHBvcnRlZEZpZWxkcyIsInN1cHBvcnRlZEZpbHRlclR5cGVzIiwibWFwIiwicGFuZWxBY3Rpb24iLCJpZCIsIm9uQ2xpY2siLCJ0b29sdGlwIiwiaWNvbkNvbXBvbmVudCIsImFjdGl2ZSIsIk9iamVjdCIsImtleXMiLCJsZW5ndGgiLCJmcmVlemUiLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBMUJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7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REYsZUFvQkUsZ0NBQUMscUNBQUQ7QUFBcUIsTUFBQSxTQUFTLEVBQUM7QUFBL0IsT0FDR0MsTUFBTSxDQUFDQyxJQUFQLENBQVkxQixRQUFaLEVBQXNCMkIsTUFBdEIsR0FBK0IsQ0FBL0IsaUJBQ0MsZ0NBQUMsa0JBQUQ7QUFDRSxNQUFBLFVBQVUsRUFBQyxXQURiO0FBRUUsTUFBQSxRQUFRLEVBQUUzQixRQUZaO0FBR0UsTUFBQSxRQUFRLEVBQUVDLE1BQU0sQ0FBQzJCLE1BSG5CO0FBSUUsTUFBQSxNQUFNLEVBQUUzQixNQUFNLENBQUNjLE1BSmpCO0FBS0UsTUFBQSxRQUFRLEVBQUVOO0FBTFosTUFGSixFQVVHWCxRQVZILENBcEJGLENBREY7QUFtQ0QsR0FsRXFFLENBQXhFOztBQXFFQUgsRUFBQUEsMEJBQTBCLENBQUNrQyxXQUEzQixHQUF5Qyw0QkFBekM7QUFFQSxTQUFPbEMsMEJBQVA7QUFDRDs7ZUFFY1YsZ0MiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFjaywgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtTdHlsZWRGaWx0ZXJDb250ZW50fSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IEZpbHRlclBhbmVsSGVhZGVyRmFjdG9yeSBmcm9tICcuLi8uLi9zaWRlLXBhbmVsL2ZpbHRlci1wYW5lbC9maWx0ZXItcGFuZWwtaGVhZGVyJztcbmltcG9ydCBQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkgZnJvbSAnLi4vLi4vc2lkZS1wYW5lbC9wYW5lbC1oZWFkZXItYWN0aW9uJztcbmltcG9ydCBTb3VyY2VEYXRhU2VsZWN0b3JGYWN0b3J5IGZyb20gJy4uLy4uL3NpZGUtcGFuZWwvY29tbW9uL3NvdXJjZS1kYXRhLXNlbGVjdG9yJztcbmltcG9ydCBGaWVsZFNlbGVjdG9yRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vZmllbGQtc2VsZWN0b3InO1xuaW1wb3J0IHtnZXRTdXBwb3J0ZWRGaWx0ZXJGaWVsZHN9IGZyb20gJy4vbmV3LWZpbHRlci1wYW5lbCc7XG5pbXBvcnQge0ZpbHRlclBhbmVsV2l0aEZpZWxkU2VsZWN0Q29tcG9uZW50fSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7S2VwbGVyVGFibGV9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuXG5GaWVsZFBhbmVsV2l0aEZpZWxkU2VsZWN0RmFjdG9yeS5kZXBzID0gW1xuICBGaWx0ZXJQYW5lbEhlYWRlckZhY3RvcnksXG4gIFNvdXJjZURhdGFTZWxlY3RvckZhY3RvcnksXG4gIEZpZWxkU2VsZWN0b3JGYWN0b3J5LFxuICBQYW5lbEhlYWRlckFjdGlvbkZhY3Rvcnlcbl07XG5cbmZ1bmN0aW9uIEZpZWxkUGFuZWxXaXRoRmllbGRTZWxlY3RGYWN0b3J5KFxuICBGaWx0ZXJQYW5lbEhlYWRlcjogUmV0dXJuVHlwZTx0eXBlb2YgRmlsdGVyUGFuZWxIZWFkZXJGYWN0b3J5PixcbiAgU291cmNlRGF0YVNlbGVjdG9yOiBSZXR1cm5UeXBlPHR5cGVvZiBTb3VyY2VEYXRhU2VsZWN0b3JGYWN0b3J5PixcbiAgRmllbGRTZWxlY3RvcjogUmV0dXJuVHlwZTx0eXBlb2YgRmllbGRTZWxlY3RvckZhY3Rvcnk+LFxuICBQYW5lbEhlYWRlckFjdGlvbjogUmV0dXJuVHlwZTx0eXBlb2YgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5PlxuKSB7XG4gIGNvbnN0IEZpbHRlclBhbmVsV2l0aEZpZWxkU2VsZWN0OiBGaWx0ZXJQYW5lbFdpdGhGaWVsZFNlbGVjdENvbXBvbmVudCA9IFJlYWN0Lm1lbW8oXG4gICAgKHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgYWxsQXZhaWxhYmxlRmllbGRzLFxuICAgICAgZGF0YXNldHMsXG4gICAgICBmaWx0ZXIsXG4gICAgICBpZHgsXG4gICAgICByZW1vdmVGaWx0ZXIsXG4gICAgICBzZXRGaWx0ZXIsXG4gICAgICBwYW5lbEFjdGlvbnMgPSBbXVxuICAgIH0pID0+IHtcbiAgICAgIGNvbnN0IG9uRmllbGRTZWxlY3RvciA9IHVzZUNhbGxiYWNrKGZpZWxkID0+IHNldEZpbHRlcihpZHgsICduYW1lJywgZmllbGQubmFtZSksIFtcbiAgICAgICAgaWR4LFxuICAgICAgICBzZXRGaWx0ZXJcbiAgICAgIF0pO1xuXG4gICAgICBjb25zdCBvblNvdXJjZURhdGFTZWxlY3RvciA9IHVzZUNhbGxiYWNrKHZhbHVlID0+IHNldEZpbHRlcihpZHgsICdkYXRhSWQnLCBbdmFsdWVdKSwgW1xuICAgICAgICBpZHgsXG4gICAgICAgIHNldEZpbHRlclxuICAgICAgXSk7XG5cbiAgICAgIGNvbnN0IGZpZWxkVmFsdWUgPSB1c2VNZW1vKFxuICAgICAgICAoKSA9PiAoQXJyYXkuaXNBcnJheShmaWx0ZXIubmFtZSkgPyBmaWx0ZXIubmFtZVswXSA6IGZpbHRlci5uYW1lKSxcbiAgICAgICAgW2ZpbHRlci5uYW1lXVxuICAgICAgKTtcblxuICAgICAgY29uc3QgZGF0YXNldDogS2VwbGVyVGFibGUgPSBkYXRhc2V0c1tmaWx0ZXIuZGF0YUlkWzBdXTtcbiAgICAgIGNvbnN0IHN1cHBvcnRlZEZpZWxkcyA9IHVzZU1lbW8oXG4gICAgICAgICgpID0+IGdldFN1cHBvcnRlZEZpbHRlckZpZWxkcyhkYXRhc2V0LnN1cHBvcnRlZEZpbHRlclR5cGVzLCBhbGxBdmFpbGFibGVGaWVsZHMpLFxuICAgICAgICBbZGF0YXNldC5zdXBwb3J0ZWRGaWx0ZXJUeXBlcywgYWxsQXZhaWxhYmxlRmllbGRzXVxuICAgICAgKTtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEZpbHRlclBhbmVsSGVhZGVyIGRhdGFzZXRzPXtbZGF0YXNldF19IGZpbHRlcj17ZmlsdGVyfSByZW1vdmVGaWx0ZXI9e3JlbW92ZUZpbHRlcn0+XG4gICAgICAgICAgICA8RmllbGRTZWxlY3RvclxuICAgICAgICAgICAgICBpbnB1dFRoZW1lPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgZmllbGRzPXtzdXBwb3J0ZWRGaWVsZHN9XG4gICAgICAgICAgICAgIHZhbHVlPXtmaWVsZFZhbHVlfVxuICAgICAgICAgICAgICBlcmFzYWJsZT17ZmFsc2V9XG4gICAgICAgICAgICAgIG9uU2VsZWN0PXtvbkZpZWxkU2VsZWN0b3J9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge3BhbmVsQWN0aW9ucz8ubWFwKHBhbmVsQWN0aW9uID0+IChcbiAgICAgICAgICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgICAgICAgICAgaWQ9e3BhbmVsQWN0aW9uLmlkfVxuICAgICAgICAgICAgICAgIGtleT17cGFuZWxBY3Rpb24uaWR9XG4gICAgICAgICAgICAgICAgb25DbGljaz17cGFuZWxBY3Rpb24ub25DbGlja31cbiAgICAgICAgICAgICAgICB0b29sdGlwPXtwYW5lbEFjdGlvbi50b29sdGlwfVxuICAgICAgICAgICAgICAgIEljb25Db21wb25lbnQ9e3BhbmVsQWN0aW9uLmljb25Db21wb25lbnR9XG4gICAgICAgICAgICAgICAgYWN0aXZlPXtwYW5lbEFjdGlvbi5hY3RpdmV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0ZpbHRlclBhbmVsSGVhZGVyPlxuICAgICAgICAgIDxTdHlsZWRGaWx0ZXJDb250ZW50IGNsYXNzTmFtZT1cImZpbHRlci1wYW5lbF9fY29udGVudFwiPlxuICAgICAgICAgICAge09iamVjdC5rZXlzKGRhdGFzZXRzKS5sZW5ndGggPiAxICYmIChcbiAgICAgICAgICAgICAgPFNvdXJjZURhdGFTZWxlY3RvclxuICAgICAgICAgICAgICAgIGlucHV0VGhlbWU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgIGRhdGFzZXRzPXtkYXRhc2V0c31cbiAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZmlsdGVyLmZyZWV6ZX1cbiAgICAgICAgICAgICAgICBkYXRhSWQ9e2ZpbHRlci5kYXRhSWR9XG4gICAgICAgICAgICAgICAgb25TZWxlY3Q9e29uU291cmNlRGF0YVNlbGVjdG9yfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1N0eWxlZEZpbHRlckNvbnRlbnQ+XG4gICAgICAgIDwvPlxuICAgICAgKTtcbiAgICB9XG4gICk7XG5cbiAgRmlsdGVyUGFuZWxXaXRoRmllbGRTZWxlY3QuZGlzcGxheU5hbWUgPSAnRmlsdGVyUGFuZWxXaXRoRmllbGRTZWxlY3QnO1xuXG4gIHJldHVybiBGaWx0ZXJQYW5lbFdpdGhGaWVsZFNlbGVjdDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRmllbGRQYW5lbFdpdGhGaWVsZFNlbGVjdEZhY3Rvcnk7XG4iXX0=

package/dist/filters/filter-panels/multi-select-filter-panel.d.ts

@@ -0,0 +1,9 @@
+import MultiSelectFilterFactory from '../multi-select-filter';
+import { MultiSelectFilter } from '@kepler.gl/types';
+import FieldPanelWithFieldSelectFactory from './filter-panel-with-field-select';
+import { FilterPanelComponent } from './types';
+declare function MultiSelectFilterPanelFactory(FieldPanelWithFieldSelect: ReturnType<typeof FieldPanelWithFieldSelectFactory>, MultiSelectFilterComponent: ReturnType<typeof MultiSelectFilterFactory>): FilterPanelComponent<MultiSelectFilter>;
+declare namespace MultiSelectFilterPanelFactory {
+    var deps: (typeof FieldPanelWithFieldSelectFactory | typeof MultiSelectFilterFactory)[];
+}
+export default MultiSelectFilterPanelFactory;

package/dist/filters/filter-panels/multi-select-filter-panel.js

@@ -0,0 +1,72 @@
+// 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 _react = _interopRequireWildcard(require("react"));
+
+var _multiSelectFilter = _interopRequireDefault(require("../multi-select-filter"));
+
+var _filterPanelWithFieldSelect = _interopRequireDefault(require("./filter-panel-with-field-select"));MultiSelectFilterPanelFactory.deps = [_filterPanelWithFieldSelect["default"], _multiSelectFilter["default"]];
+
+function MultiSelectFilterPanelFactory(FieldPanelWithFieldSelect, MultiSelectFilterComponent) {
+  var MultiSelectFilterPanel = /*#__PURE__*/_react["default"].memo(function (_ref) {
+    var idx = _ref.idx,
+        datasets = _ref.datasets,
+        allAvailableFields = _ref.allAvailableFields,
+        filter = _ref.filter,
+        setFilter = _ref.setFilter,
+        removeFilter = _ref.removeFilter;
+    var onSetFilter = (0, _react.useCallback)(function (value) {
+      return setFilter(idx, 'value', value);
+    }, [idx, setFilter]);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "multi-select-filter-panel"
+    }, /*#__PURE__*/_react["default"].createElement(FieldPanelWithFieldSelect, {
+      allAvailableFields: allAvailableFields,
+      datasets: datasets,
+      filter: filter,
+      idx: idx,
+      removeFilter: removeFilter,
+      setFilter: setFilter
+    }, filter.type && !filter.enlarged && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "filter-panel__filter"
+    }, /*#__PURE__*/_react["default"].createElement(MultiSelectFilterComponent, {
+      filter: filter,
+      setFilter: onSetFilter
+    }))));
+  });
+
+  MultiSelectFilterPanel.displayName = 'MultiSelectFilterPanel';
+  return MultiSelectFilterPanel;
+}
+
+var _default = MultiSelectFilterPanelFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWx0ZXJzL2ZpbHRlci1wYW5lbHMvbXVsdGktc2VsZWN0LWZpbHRlci1wYW5lbC50c3giXSwibmFtZXMiOlsiTXVsdGlTZWxlY3RGaWx0ZXJQYW5lbEZhY3RvcnkiLCJkZXBzIiwiRmllbGRQYW5lbFdpdGhGaWVsZFNlbGVjdEZhY3RvcnkiLCJNdWx0aVNlbGVjdEZpbHRlckZhY3RvcnkiLCJGaWVsZFBhbmVsV2l0aEZpZWxkU2VsZWN0IiwiTXVsdGlTZWxlY3RGaWx0ZXJDb21wb25lbnQiLCJNdWx0aVNlbGVjdEZpbHRlclBhbmVsIiwiUmVhY3QiLCJtZW1vIiwiaWR4IiwiZGF0YXNldHMiLCJhbGxBdmFpbGFibGVGaWVsZHMiLCJmaWx0ZXIiLCJzZXRGaWx0ZXIiLCJyZW1vdmVGaWx0ZXIiLCJvblNldEZpbHRlciIsInZhbHVlIiwidHlwZSIsImVubGFyZ2VkIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUVBOztBQXZCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVFBQSw2QkFBNkIsQ0FBQ0MsSUFBOUIsR0FBcUMsQ0FBQ0Msc0NBQUQsRUFBbUNDLDZCQUFuQyxDQUFyQzs7QUFFQSxTQUFTSCw2QkFBVCxDQUNFSSx5QkFERixFQUVFQywwQkFGRixFQUdFO0FBQ0EsTUFBTUMsc0JBQStELGdCQUFHQyxrQkFBTUMsSUFBTixDQUN0RSxnQkFBMEU7QUFBQSxRQUF4RUMsR0FBd0UsUUFBeEVBLEdBQXdFO0FBQUEsUUFBbkVDLFFBQW1FLFFBQW5FQSxRQUFtRTtBQUFBLFFBQXpEQyxrQkFBeUQsUUFBekRBLGtCQUF5RDtBQUFBLFFBQXJDQyxNQUFxQyxRQUFyQ0EsTUFBcUM7QUFBQSxRQUE3QkMsU0FBNkIsUUFBN0JBLFNBQTZCO0FBQUEsUUFBbEJDLFlBQWtCLFFBQWxCQSxZQUFrQjtBQUN4RSxRQUFNQyxXQUFXLEdBQUcsd0JBQVksVUFBQUMsS0FBSztBQUFBLGFBQUlILFNBQVMsQ0FBQ0osR0FBRCxFQUFNLE9BQU4sRUFBZU8sS0FBZixDQUFiO0FBQUEsS0FBakIsRUFBcUQsQ0FBQ1AsR0FBRCxFQUFNSSxTQUFOLENBQXJELENBQXBCO0FBRUEsd0JBQ0U7QUFBSyxNQUFBLFNBQVMsRUFBQztBQUFmLG9CQUNFLGdDQUFDLHlCQUFEO0FBQ0UsTUFBQSxrQkFBa0IsRUFBRUYsa0JBRHRCO0FBRUUsTUFBQSxRQUFRLEVBQUVELFFBRlo7QUFHRSxNQUFBLE1BQU0sRUFBRUUsTUFIVjtBQUlFLE1BQUEsR0FBRyxFQUFFSCxHQUpQO0FBS0UsTUFBQSxZQUFZLEVBQUVLLFlBTGhCO0FBTUUsTUFBQSxTQUFTLEVBQUVEO0FBTmIsT0FRR0QsTUFBTSxDQUFDSyxJQUFQLElBQWUsQ0FBQ0wsTUFBTSxDQUFDTSxRQUF2QixpQkFDQztBQUFLLE1BQUEsU0FBUyxFQUFDO0FBQWYsb0JBQ0UsZ0NBQUMsMEJBQUQ7QUFBNEIsTUFBQSxNQUFNLEVBQUVOLE1BQXBDO0FBQTRDLE1BQUEsU0FBUyxFQUFFRztBQUF2RCxNQURGLENBVEosQ0FERixDQURGO0FBa0JELEdBdEJxRSxDQUF4RTs7QUF5QkFULEVBQUFBLHNCQUFzQixDQUFDYSxXQUF2QixHQUFxQyx3QkFBckM7QUFFQSxTQUFPYixzQkFBUDtBQUNEOztlQUVjTiw2QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgTXVsdGlTZWxlY3RGaWx0ZXJGYWN0b3J5IGZyb20gJy4uL211bHRpLXNlbGVjdC1maWx0ZXInO1xuaW1wb3J0IHtNdWx0aVNlbGVjdEZpbHRlcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQgRmllbGRQYW5lbFdpdGhGaWVsZFNlbGVjdEZhY3RvcnkgZnJvbSAnLi9maWx0ZXItcGFuZWwtd2l0aC1maWVsZC1zZWxlY3QnO1xuaW1wb3J0IHtGaWx0ZXJQYW5lbENvbXBvbmVudH0gZnJvbSAnLi90eXBlcyc7XG5cbk11bHRpU2VsZWN0RmlsdGVyUGFuZWxGYWN0b3J5LmRlcHMgPSBbRmllbGRQYW5lbFdpdGhGaWVsZFNlbGVjdEZhY3RvcnksIE11bHRpU2VsZWN0RmlsdGVyRmFjdG9yeV07XG5cbmZ1bmN0aW9uIE11bHRpU2VsZWN0RmlsdGVyUGFuZWxGYWN0b3J5KFxuICBGaWVsZFBhbmVsV2l0aEZpZWxkU2VsZWN0OiBSZXR1cm5UeXBlPHR5cGVvZiBGaWVsZFBhbmVsV2l0aEZpZWxkU2VsZWN0RmFjdG9yeT4sXG4gIE11bHRpU2VsZWN0RmlsdGVyQ29tcG9uZW50OiBSZXR1cm5UeXBlPHR5cGVvZiBNdWx0aVNlbGVjdEZpbHRlckZhY3Rvcnk+XG4pIHtcbiAgY29uc3QgTXVsdGlTZWxlY3RGaWx0ZXJQYW5lbDogRmlsdGVyUGFuZWxDb21wb25lbnQ8TXVsdGlTZWxlY3RGaWx0ZXI+ID0gUmVhY3QubWVtbyhcbiAgICAoe2lkeCwgZGF0YXNldHMsIGFsbEF2YWlsYWJsZUZpZWxkcywgZmlsdGVyLCBzZXRGaWx0ZXIsIHJlbW92ZUZpbHRlcn0pID0+IHtcbiAgICAgIGNvbnN0IG9uU2V0RmlsdGVyID0gdXNlQ2FsbGJhY2sodmFsdWUgPT4gc2V0RmlsdGVyKGlkeCwgJ3ZhbHVlJywgdmFsdWUpLCBbaWR4LCBzZXRGaWx0ZXJdKTtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtdWx0aS1zZWxlY3QtZmlsdGVyLXBhbmVsXCI+XG4gICAgICAgICAgPEZpZWxkUGFuZWxXaXRoRmllbGRTZWxlY3RcbiAgICAgICAgICAgIGFsbEF2YWlsYWJsZUZpZWxkcz17YWxsQXZhaWxhYmxlRmllbGRzfVxuICAgICAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICAgICAgZmlsdGVyPXtmaWx0ZXJ9XG4gICAgICAgICAgICBpZHg9e2lkeH1cbiAgICAgICAgICAgIHJlbW92ZUZpbHRlcj17cmVtb3ZlRmlsdGVyfVxuICAgICAgICAgICAgc2V0RmlsdGVyPXtzZXRGaWx0ZXJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ZpbHRlci50eXBlICYmICFmaWx0ZXIuZW5sYXJnZWQgJiYgKFxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZpbHRlci1wYW5lbF9fZmlsdGVyXCI+XG4gICAgICAgICAgICAgICAgPE11bHRpU2VsZWN0RmlsdGVyQ29tcG9uZW50IGZpbHRlcj17ZmlsdGVyfSBzZXRGaWx0ZXI9e29uU2V0RmlsdGVyfSAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9GaWVsZFBhbmVsV2l0aEZpZWxkU2VsZWN0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfVxuICApO1xuXG4gIE11bHRpU2VsZWN0RmlsdGVyUGFuZWwuZGlzcGxheU5hbWUgPSAnTXVsdGlTZWxlY3RGaWx0ZXJQYW5lbCc7XG5cbiAgcmV0dXJuIE11bHRpU2VsZWN0RmlsdGVyUGFuZWw7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE11bHRpU2VsZWN0RmlsdGVyUGFuZWxGYWN0b3J5O1xuIl19

package/dist/filters/filter-panels/new-filter-panel.d.ts

@@ -0,0 +1,12 @@
+import FilterPanelHeaderFactory from '../../side-panel/filter-panel/filter-panel-header';
+import SourceDataSelectorFactory from '../../side-panel/common/source-data-selector';
+import FieldSelectorFactory from '../../common/field-selector';
+import { FilterPanelComponent } from './types';
+import { KeplerTable } from '@kepler.gl/table';
+import { Field, FilterBase, LineChart } from '@kepler.gl/types';
+export declare function getSupportedFilterFields(supportedFilterTypes: KeplerTable['supportedFilterTypes'], fields: Field[]): Field[];
+declare function NewFilterPanelFactory(FilterPanelHeader: ReturnType<typeof FilterPanelHeaderFactory>, SourceDataSelector: ReturnType<typeof SourceDataSelectorFactory>, FieldSelector: ReturnType<typeof FieldSelectorFactory>): FilterPanelComponent<FilterBase<LineChart>>;
+declare namespace NewFilterPanelFactory {
+    var deps: (typeof FieldSelectorFactory | typeof SourceDataSelectorFactory | typeof FilterPanelHeaderFactory)[];
+}
+export default NewFilterPanelFactory;