@kepler.gl/components 3.0.0-alpha.0

package/dist/side-panel/common/types.js

@@ -0,0 +1,26 @@
+// 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";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbXX0=

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare function CustomPanelsFactory(): {
+    (props: any): JSX.Element;
+    defaultProps: {
+        panels: never[];
+        getProps: (sidePanelProps: any) => {};
+    };
+};
+export default CustomPanelsFactory;

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

@@ -0,0 +1,59 @@
+// 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"));// This is a dummy component that can be replaced to inject more side panel sub panels into the side bar
+function CustomPanelsFactory() {
+  var CustomPanels = function CustomPanels(props) {
+    return /*#__PURE__*/_react["default"].createElement("div", null);
+  };
+
+  CustomPanels.defaultProps = {
+    // provide a list of additional panels
+    panels: [// {
+      //   id: 'rocket',
+      //   label: 'Rocket',
+      //   iconComponent: Icons.Rocket
+      // },
+      // {
+      //   id: 'chart',
+      //   label: 'Chart',
+      //   iconComponent: Icons.LineChart
+      // }
+    ],
+    // prop selector from side panel props
+    getProps: function getProps(sidePanelProps) {
+      return {};
+    }
+  };
+  return CustomPanels;
+}
+
+var _default = CustomPanelsFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL2N1c3RvbS1wYW5lbC50c3giXSwibmFtZXMiOlsiQ3VzdG9tUGFuZWxzRmFjdG9yeSIsIkN1c3RvbVBhbmVscyIsInByb3BzIiwiZGVmYXVsdFByb3BzIiwicGFuZWxzIiwiZ2V0UHJvcHMiLCJzaWRlUGFuZWxQcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBb0JBOztBQXBCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUlBO0FBQ0EsU0FBU0EsbUJBQVQsR0FBK0I7QUFDN0IsTUFBTUMsWUFBWSxHQUFHLFNBQWZBLFlBQWUsQ0FBQUMsS0FBSyxFQUFJO0FBQzVCLHdCQUFPLDRDQUFQO0FBQ0QsR0FGRDs7QUFJQUQsRUFBQUEsWUFBWSxDQUFDRSxZQUFiLEdBQTRCO0FBQzFCO0FBQ0FDLElBQUFBLE1BQU0sRUFBRSxDQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBVk0sS0FGa0I7QUFjMUI7QUFDQUMsSUFBQUEsUUFBUSxFQUFFLGtCQUFBQyxjQUFjO0FBQUEsYUFBSyxFQUFMO0FBQUE7QUFmRSxHQUE1QjtBQWtCQSxTQUFPTCxZQUFQO0FBQ0Q7O2VBRWNELG1CIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuLy8gVGhpcyBpcyBhIGR1bW15IGNvbXBvbmVudCB0aGF0IGNhbiBiZSByZXBsYWNlZCB0byBpbmplY3QgbW9yZSBzaWRlIHBhbmVsIHN1YiBwYW5lbHMgaW50byB0aGUgc2lkZSBiYXJcbmZ1bmN0aW9uIEN1c3RvbVBhbmVsc0ZhY3RvcnkoKSB7XG4gIGNvbnN0IEN1c3RvbVBhbmVscyA9IHByb3BzID0+IHtcbiAgICByZXR1cm4gPGRpdiAvPjtcbiAgfTtcblxuICBDdXN0b21QYW5lbHMuZGVmYXVsdFByb3BzID0ge1xuICAgIC8vIHByb3ZpZGUgYSBsaXN0IG9mIGFkZGl0aW9uYWwgcGFuZWxzXG4gICAgcGFuZWxzOiBbXG4gICAgICAvLyB7XG4gICAgICAvLyAgIGlkOiAncm9ja2V0JyxcbiAgICAgIC8vICAgbGFiZWw6ICdSb2NrZXQnLFxuICAgICAgLy8gICBpY29uQ29tcG9uZW50OiBJY29ucy5Sb2NrZXRcbiAgICAgIC8vIH0sXG4gICAgICAvLyB7XG4gICAgICAvLyAgIGlkOiAnY2hhcnQnLFxuICAgICAgLy8gICBsYWJlbDogJ0NoYXJ0JyxcbiAgICAgIC8vICAgaWNvbkNvbXBvbmVudDogSWNvbnMuTGluZUNoYXJ0XG4gICAgICAvLyB9XG4gICAgXSxcbiAgICAvLyBwcm9wIHNlbGVjdG9yIGZyb20gc2lkZSBwYW5lbCBwcm9wc1xuICAgIGdldFByb3BzOiBzaWRlUGFuZWxQcm9wcyA9PiAoe30pXG4gIH07XG5cbiAgcmV0dXJuIEN1c3RvbVBhbmVscztcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tUGFuZWxzRmFjdG9yeTtcbiJdfQ==

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import SourceDataCatalogFactory from './common/source-data-catalog';
+import FilterPanelFactory from './filter-panel/filter-panel';
+import { Filter } from '@kepler.gl/types';
+import { Layer } from '@kepler.gl/layers';
+import { VisStateActions, ActionHandler } from '@kepler.gl/actions';
+import { Datasets } from '@kepler.gl/table';
+declare type FilterManagerProps = {
+    filters: Filter[];
+    datasets: Datasets;
+    layers: Layer[];
+    showDatasetTable: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    visStateActions: typeof VisStateActions;
+};
+declare function FilterManagerFactory(SourceDataCatalog: ReturnType<typeof SourceDataCatalogFactory>, FilterPanel: ReturnType<typeof FilterPanelFactory>): ({ filters, datasets, layers, showDatasetTable, updateTableColor, visStateActions }: FilterManagerProps) => JSX.Element;
+declare namespace FilterManagerFactory {
+    var deps: (typeof SourceDataCatalogFactory | typeof FilterPanelFactory)[];
+}
+export default FilterManagerFactory;

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

@@ -0,0 +1,132 @@
+// 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 _localization = require("@kepler.gl/localization");
+
+var _styledComponents = require("../common/styled-components");
+
+var _icons = require("../common/icons");
+
+var _sourceDataCatalog = _interopRequireDefault(require("./common/source-data-catalog"));
+
+var _filterPanel = _interopRequireDefault(require("./filter-panel/filter-panel"));FilterManagerFactory.deps = [_sourceDataCatalog["default"], _filterPanel["default"]];
+
+function FilterManagerFactory(SourceDataCatalog, FilterPanel) {
+  var FilterManager = function FilterManager(_ref) {
+    var _ref$filters = _ref.filters,
+        filters = _ref$filters === void 0 ? [] : _ref$filters,
+        datasets = _ref.datasets,
+        layers = _ref.layers,
+        showDatasetTable = _ref.showDatasetTable,
+        updateTableColor = _ref.updateTableColor,
+        visStateActions = _ref.visStateActions;
+    var addFilter = visStateActions.addFilter,
+        _enlargeFilter = visStateActions.enlargeFilter,
+        _removeFilter = visStateActions.removeFilter,
+        setFilter = visStateActions.setFilter,
+        toggleFilterAnimation = visStateActions.toggleFilterAnimation,
+        _toggleFilterFeature = visStateActions.toggleFilterFeature;
+    var isAnyFilterAnimating = filters.some(function (f) {
+      return f.isAnimating;
+    });
+    var hadEmptyFilter = filters.some(function (f) {
+      return !f.name;
+    });
+    var hadDataset = Object.keys(datasets).length;
+    var onClickAddFilter = (0, _react.useCallback)(function () {
+      var defaultDataset = Object.keys(datasets).length && Object.keys(datasets)[0] || null;
+      addFilter(defaultDataset);
+    }, [datasets, addFilter]); // render last added filter first
+
+    var reversedIndex = (0, _react.useMemo)(function () {
+      return new Array(filters.length).fill(0).map(function (d, i) {
+        return i;
+      }).reverse();
+    }, [filters.length]);
+    var filterPanelCallbacks = (0, _react.useMemo)(function () {
+      return new Array(filters.length).fill(0).map(function (d, idx) {
+        return {
+          removeFilter: function removeFilter() {
+            return _removeFilter(idx);
+          },
+          enlargeFilter: function enlargeFilter() {
+            return _enlargeFilter(idx);
+          },
+          toggleAnimation: function toggleAnimation() {
+            return toggleFilterAnimation(idx);
+          },
+          toggleFilterFeature: function toggleFilterFeature() {
+            return _toggleFilterFeature(idx);
+          }
+        };
+      });
+    }, [filters.length, _removeFilter, _enlargeFilter, toggleFilterAnimation, _toggleFilterFeature]);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "filter-manager"
+    }, /*#__PURE__*/_react["default"].createElement(SourceDataCatalog, {
+      datasets: datasets,
+      showDatasetTable: showDatasetTable,
+      updateTableColor: updateTableColor
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelDivider, null), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, reversedIndex.map(function (idx) {
+      return /*#__PURE__*/_react["default"].createElement(FilterPanel, {
+        key: "".concat(filters[idx].id, "-").concat(idx),
+        idx: idx,
+        filters: filters,
+        filter: filters[idx],
+        datasets: datasets,
+        layers: layers,
+        isAnyFilterAnimating: isAnyFilterAnimating,
+        removeFilter: filterPanelCallbacks[idx].removeFilter,
+        enlargeFilter: filterPanelCallbacks[idx].enlargeFilter,
+        toggleAnimation: filterPanelCallbacks[idx].toggleAnimation,
+        toggleFilterFeature: filterPanelCallbacks[idx].toggleFilterFeature,
+        setFilter: setFilter
+      });
+    })), /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
+      className: "add-filter-button",
+      inactive: hadEmptyFilter || !hadDataset,
+      width: "105px",
+      onClick: onClickAddFilter
+    }, /*#__PURE__*/_react["default"].createElement(_icons.Add, {
+      height: "12px"
+    }), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'filterManager.addFilter'
+    })));
+  };
+
+  return FilterManager;
+}
+
+var _default = FilterManagerFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL2ZpbHRlci1tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6WyJGaWx0ZXJNYW5hZ2VyRmFjdG9yeSIsImRlcHMiLCJTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3RvcnkiLCJGaWx0ZXJQYW5lbEZhY3RvcnkiLCJTb3VyY2VEYXRhQ2F0YWxvZyIsIkZpbHRlclBhbmVsIiwiRmlsdGVyTWFuYWdlciIsImZpbHRlcnMiLCJkYXRhc2V0cyIsImxheWVycyIsInNob3dEYXRhc2V0VGFibGUiLCJ1cGRhdGVUYWJsZUNvbG9yIiwidmlzU3RhdGVBY3Rpb25zIiwiYWRkRmlsdGVyIiwiZW5sYXJnZUZpbHRlciIsInJlbW92ZUZpbHRlciIsInNldEZpbHRlciIsInRvZ2dsZUZpbHRlckFuaW1hdGlvbiIsInRvZ2dsZUZpbHRlckZlYXR1cmUiLCJpc0FueUZpbHRlckFuaW1hdGluZyIsInNvbWUiLCJmIiwiaXNBbmltYXRpbmciLCJoYWRFbXB0eUZpbHRlciIsIm5hbWUiLCJoYWREYXRhc2V0IiwiT2JqZWN0Iiwia2V5cyIsImxlbmd0aCIsIm9uQ2xpY2tBZGRGaWx0ZXIiLCJkZWZhdWx0RGF0YXNldCIsInJldmVyc2VkSW5kZXgiLCJBcnJheSIsImZpbGwiLCJtYXAiLCJkIiwiaSIsInJldmVyc2UiLCJmaWx0ZXJQYW5lbENhbGxiYWNrcyIsImlkeCIsInRvZ2dsZUFuaW1hdGlvbiIsImlkIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUF6QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFzQkFBLG9CQUFvQixDQUFDQyxJQUFyQixHQUE0QixDQUFDQyw2QkFBRCxFQUEyQkMsdUJBQTNCLENBQTVCOztBQUVBLFNBQVNILG9CQUFULENBQ0VJLGlCQURGLEVBRUVD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QUVFLE1BQUEsUUFBUSxFQUFFTyxjQUFjLElBQUksQ0FBQ0UsVUFGL0I7QUFHRSxNQUFBLEtBQUssRUFBQyxPQUhSO0FBSUUsTUFBQSxPQUFPLEVBQUVJO0FBSlgsb0JBTUUsZ0NBQUMsVUFBRDtBQUFLLE1BQUEsTUFBTSxFQUFDO0FBQVosTUFORixlQU9FLGdDQUFDLDhCQUFEO0FBQWtCLE1BQUEsRUFBRSxFQUFFO0FBQXRCLE1BUEYsQ0F6QkYsQ0FERjtBQXFDRCxHQTdFRDs7QUErRUEsU0FBT3ZCLGFBQVA7QUFDRDs7ZUFFY04sb0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFjaywgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge0J1dHRvbiwgU2lkZVBhbmVsRGl2aWRlciwgU2lkZVBhbmVsU2VjdGlvbn0gZnJvbSAnLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7QWRkfSBmcm9tICcuLi9jb21tb24vaWNvbnMnO1xuaW1wb3J0IFNvdXJjZURhdGFDYXRhbG9nRmFjdG9yeSBmcm9tICcuL2NvbW1vbi9zb3VyY2UtZGF0YS1jYXRhbG9nJztcbmltcG9ydCBGaWx0ZXJQYW5lbEZhY3RvcnkgZnJvbSAnLi9maWx0ZXItcGFuZWwvZmlsdGVyLXBhbmVsJztcbmltcG9ydCB7RmlsdGVyfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7TGF5ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7VmlzU3RhdGVBY3Rpb25zLCBBY3Rpb25IYW5kbGVyfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtEYXRhc2V0c30gZnJvbSAnQGtlcGxlci5nbC90YWJsZSc7XG5cbnR5cGUgRmlsdGVyTWFuYWdlclByb3BzID0ge1xuICBmaWx0ZXJzOiBGaWx0ZXJbXTtcbiAgZGF0YXNldHM6IERhdGFzZXRzO1xuICBsYXllcnM6IExheWVyW107XG4gIHNob3dEYXRhc2V0VGFibGU6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFZpc1N0YXRlQWN0aW9ucy5zaG93RGF0YXNldFRhYmxlPjtcbiAgdXBkYXRlVGFibGVDb2xvcjogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnVwZGF0ZVRhYmxlQ29sb3I+O1xuICB2aXNTdGF0ZUFjdGlvbnM6IHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnM7XG59O1xuXG5GaWx0ZXJNYW5hZ2VyRmFjdG9yeS5kZXBzID0gW1NvdXJjZURhdGFDYXRhbG9nRmFjdG9yeSwgRmlsdGVyUGFuZWxGYWN0b3J5XTtcblxuZnVuY3Rpb24gRmlsdGVyTWFuYWdlckZhY3RvcnkoXG4gIFNvdXJjZURhdGFDYXRhbG9nOiBSZXR1cm5UeXBlPHR5cGVvZiBTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3Rvcnk+LFxuICBGaWx0ZXJQYW5lbDogUmV0dXJuVHlwZTx0eXBlb2YgRmlsdGVyUGFuZWxGYWN0b3J5PlxuKSB7XG4gIGNvbnN0IEZpbHRlck1hbmFnZXIgPSAoe1xuICAgIGZpbHRlcnMgPSBbXSxcbiAgICBkYXRhc2V0cyxcbiAgICBsYXllcnMsXG4gICAgc2hvd0RhdGFzZXRUYWJsZSxcbiAgICB1cGRhdGVUYWJsZUNvbG9yLFxuICAgIHZpc1N0YXRlQWN0aW9uc1xuICB9OiBGaWx0ZXJNYW5hZ2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBhZGRGaWx0ZXIsXG4gICAgICBlbmxhcmdlRmlsdGVyLFxuICAgICAgcmVtb3ZlRmlsdGVyLFxuICAgICAgc2V0RmlsdGVyLFxuICAgICAgdG9nZ2xlRmlsdGVyQW5pbWF0aW9uLFxuICAgICAgdG9nZ2xlRmlsdGVyRmVhdHVyZVxuICAgIH0gPSB2aXNTdGF0ZUFjdGlvbnM7XG4gICAgY29uc3QgaXNBbnlGaWx0ZXJBbmltYXRpbmcgPSBmaWx0ZXJzLnNvbWUoZiA9PiBmLmlzQW5pbWF0aW5nKTtcbiAgICBjb25zdCBoYWRFbXB0eUZpbHRlciA9IGZpbHRlcnMuc29tZShmID0+ICFmLm5hbWUpO1xuICAgIGNvbnN0IGhhZERhdGFzZXQgPSBPYmplY3Qua2V5cyhkYXRhc2V0cykubGVuZ3RoO1xuICAgIGNvbnN0IG9uQ2xpY2tBZGRGaWx0ZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjb25zdCBkZWZhdWx0RGF0YXNldCA9IChPYmplY3Qua2V5cyhkYXRhc2V0cykubGVuZ3RoICYmIE9iamVjdC5rZXlzKGRhdGFzZXRzKVswXSkgfHwgbnVsbDtcbiAgICAgIGFkZEZpbHRlcihkZWZhdWx0RGF0YXNldCk7XG4gICAgfSwgW2RhdGFzZXRzLCBhZGRGaWx0ZXJdKTtcbiAgICAvLyByZW5kZXIgbGFzdCBhZGRlZCBmaWx0ZXIgZmlyc3RcbiAgICBjb25zdCByZXZlcnNlZEluZGV4ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICByZXR1cm4gbmV3IEFycmF5KGZpbHRlcnMubGVuZ3RoKVxuICAgICAgICAuZmlsbCgwKVxuICAgICAgICAubWFwKChkLCBpKSA9PiBpKVxuICAgICAgICAucmV2ZXJzZSgpO1xuICAgIH0sIFtmaWx0ZXJzLmxlbmd0aF0pO1xuXG4gICAgY29uc3QgZmlsdGVyUGFuZWxDYWxsYmFja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBuZXcgQXJyYXkoZmlsdGVycy5sZW5ndGgpLmZpbGwoMCkubWFwKChkLCBpZHgpID0+ICh7XG4gICAgICAgIHJlbW92ZUZpbHRlcjogKCkgPT4gcmVtb3ZlRmlsdGVyKGlkeCksXG4gICAgICAgIGVubGFyZ2VGaWx0ZXI6ICgpID0+IGVubGFyZ2VGaWx0ZXIoaWR4KSxcbiAgICAgICAgdG9nZ2xlQW5pbWF0aW9uOiAoKSA9PiB0b2dnbGVGaWx0ZXJBbmltYXRpb24oaWR4KSxcbiAgICAgICAgdG9nZ2xlRmlsdGVyRmVhdHVyZTogKCkgPT4gdG9nZ2xlRmlsdGVyRmVhdHVyZShpZHgpXG4gICAgICB9KSk7XG4gICAgfSwgW2ZpbHRlcnMubGVuZ3RoLCByZW1vdmVGaWx0ZXIsIGVubGFyZ2VGaWx0ZXIsIHRvZ2dsZUZpbHRlckFuaW1hdGlvbiwgdG9nZ2xlRmlsdGVyRmVhdHVyZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmlsdGVyLW1hbmFnZXJcIj5cbiAgICAgICAgPFNvdXJjZURhdGFDYXRhbG9nXG4gICAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICAgIHNob3dEYXRhc2V0VGFibGU9e3Nob3dEYXRhc2V0VGFibGV9XG4gICAgICAgICAgdXBkYXRlVGFibGVDb2xvcj17dXBkYXRlVGFibGVDb2xvcn1cbiAgICAgICAgLz5cbiAgICAgICAgPFNpZGVQYW5lbERpdmlkZXIgLz5cbiAgICAgICAgPFNpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAge3JldmVyc2VkSW5kZXgubWFwKGlkeCA9PiAoXG4gICAgICAgICAgICA8RmlsdGVyUGFuZWxcbiAgICAgICAgICAgICAga2V5PXtgJHtmaWx0ZXJzW2lkeF0uaWR9LSR7aWR4fWB9XG4gICAgICAgICAgICAgIGlkeD17aWR4fVxuICAgICAgICAgICAgICBmaWx0ZXJzPXtmaWx0ZXJzfVxuICAgICAgICAgICAgICBmaWx0ZXI9e2ZpbHRlcnNbaWR4XX1cbiAgICAgICAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICAgICAgICBsYXllcnM9e2xheWVyc31cbiAgICAgICAgICAgICAgaXNBbnlGaWx0ZXJBbmltYXRpbmc9e2lzQW55RmlsdGVyQW5pbWF0aW5nfVxuICAgICAgICAgICAgICByZW1vdmVGaWx0ZXI9e2ZpbHRlclBhbmVsQ2FsbGJhY2tzW2lkeF0ucmVtb3ZlRmlsdGVyfVxuICAgICAgICAgICAgICBlbmxhcmdlRmlsdGVyPXtmaWx0ZXJQYW5lbENhbGxiYWNrc1tpZHhdLmVubGFyZ2VGaWx0ZXJ9XG4gICAgICAgICAgICAgIHRvZ2dsZUFuaW1hdGlvbj17ZmlsdGVyUGFuZWxDYWxsYmFja3NbaWR4XS50b2dnbGVBbmltYXRpb259XG4gICAgICAgICAgICAgIHRvZ2dsZUZpbHRlckZlYXR1cmU9e2ZpbHRlclBhbmVsQ2FsbGJhY2tzW2lkeF0udG9nZ2xlRmlsdGVyRmVhdHVyZX1cbiAgICAgICAgICAgICAgc2V0RmlsdGVyPXtzZXRGaWx0ZXJ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBjbGFzc05hbWU9XCJhZGQtZmlsdGVyLWJ1dHRvblwiXG4gICAgICAgICAgaW5hY3RpdmU9e2hhZEVtcHR5RmlsdGVyIHx8ICFoYWREYXRhc2V0fVxuICAgICAgICAgIHdpZHRoPVwiMTA1cHhcIlxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2tBZGRGaWx0ZXJ9XG4gICAgICAgID5cbiAgICAgICAgICA8QWRkIGhlaWdodD1cIjEycHhcIiAvPlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnZmlsdGVyTWFuYWdlci5hZGRGaWx0ZXInfSAvPlxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIEZpbHRlck1hbmFnZXI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbHRlck1hbmFnZXJGYWN0b3J5O1xuIl19

package/dist/side-panel/filter-panel/filter-panel-header.d.ts

@@ -0,0 +1,21 @@
+import React, { ComponentType } from 'react';
+import PanelHeaderActionFactory from '../../side-panel/panel-header-action';
+import { StyledPanelHeaderProps } from '../../common/styled-components';
+import { RGBColor, Filter } from '@kepler.gl/types';
+import { KeplerTable } from '@kepler.gl/table';
+interface StyledFilterHeaderProps extends StyledPanelHeaderProps {
+    $labelRCGColorValues: RGBColor[];
+}
+export declare const StyledFilterHeader: import("styled-components").StyledComponent<"div", any, StyledPanelHeaderProps & StyledFilterHeaderProps, never>;
+declare type FilterPanelHeaderProps = {
+    children: React.ReactNode;
+    datasets: KeplerTable[];
+    filter: Filter;
+    removeFilter: () => void;
+    actionIcons?: Record<string, ComponentType>;
+};
+declare function FilterPanelHeaderFactory(PanelHeaderAction: ReturnType<typeof PanelHeaderActionFactory>): React.ComponentType<FilterPanelHeaderProps>;
+declare namespace FilterPanelHeaderFactory {
+    var deps: (typeof PanelHeaderActionFactory)[];
+}
+export default FilterPanelHeaderFactory;

package/dist/side-panel/filter-panel/filter-panel-header.js

@@ -0,0 +1,87 @@
+// 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"] = exports.StyledFilterHeader = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _panelHeaderAction = _interopRequireDefault(require("../../side-panel/panel-header-action"));
+
+var _icons = require("../../common/icons");
+
+var _utils = require("@kepler.gl/utils");
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _templateObject, _templateObject2;
+
+var StyledFilterHeader = (0, _styledComponents["default"])(_styledComponents2.StyledPanelHeader)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  cursor: pointer;\n  padding: 10px 12px;\n\n  .field-selector {\n    flex: 2;\n  }\n\n  border-left: 3px solid;\n  ", ";\n"])), function (props) {
+  return props.$labelRCGColorValues && props.$labelRCGColorValues.length > 0 ? "border-image: ".concat((0, _utils.createLinearGradient)('bottom', props.$labelRCGColorValues), " 3;") : 'border-color: transparent;';
+});
+exports.StyledFilterHeader = StyledFilterHeader;
+
+var StyledChildrenContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex: 2;\n"])));
+
+FilterPanelHeaderFactory.deps = [_panelHeaderAction["default"]];
+
+function FilterPanelHeaderFactory(PanelHeaderAction) {
+  var defaultActionIcons = {
+    "delete": _icons.Trash
+  };
+
+  var FilterPanelHeader = function FilterPanelHeader(_ref) {
+    var children = _ref.children,
+        datasets = _ref.datasets,
+        filter = _ref.filter,
+        removeFilter = _ref.removeFilter,
+        _ref$actionIcons = _ref.actionIcons,
+        actionIcons = _ref$actionIcons === void 0 ? defaultActionIcons : _ref$actionIcons;
+    return /*#__PURE__*/_react["default"].createElement(StyledFilterHeader, {
+      className: "filter-panel__header",
+      $labelRCGColorValues: datasets.map(function (d) {
+        return d.color;
+      })
+    }, /*#__PURE__*/_react["default"].createElement(StyledChildrenContainer, null, children), /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      id: filter.id,
+      tooltip: "tooltip.delete",
+      tooltipType: "error",
+      onClick: removeFilter,
+      hoverColor: 'errorColor',
+      IconComponent: actionIcons["delete"]
+    }));
+  };
+
+  return FilterPanelHeader;
+}
+
+var _default = FilterPanelHeaderFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2ZpbHRlci1wYW5lbC9maWx0ZXItcGFuZWwtaGVhZGVyLnRzeCJdLCJuYW1lcyI6WyJTdHlsZWRGaWx0ZXJIZWFkZXIiLCJTdHlsZWRQYW5lbEhlYWRlciIsInByb3BzIiwiJGxhYmVsUkNHQ29sb3JWYWx1ZXMiLCJsZW5ndGgiLCJTdHlsZWRDaGlsZHJlbkNvbnRhaW5lciIsInN0eWxlZCIsImRpdiIsIkZpbHRlclBhbmVsSGVhZGVyRmFjdG9yeSIsImRlcHMiLCJQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkiLCJQYW5lbEhlYWRlckFjdGlvbiIsImRlZmF1bHRBY3Rpb25JY29ucyIsIlRyYXNoIiwiRmlsdGVyUGFuZWxIZWFkZXIiLCJjaGlsZHJlbiIsImRhdGFzZXRzIiwiZmlsdGVyIiwicmVtb3ZlRmlsdGVyIiwiYWN0aW9uSWNvbnMiLCJtYXAiLCJkIiwiY29sb3IiLCJpZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFRTyxJQUFNQSxrQkFBa0IsR0FBRyxrQ0FBT0Msb0NBQVAsQ0FBSCxvTkFTM0IsVUFBQUMsS0FBSztBQUFBLFNBQ0xBLEtBQUssQ0FBQ0Msb0JBQU4sSUFBOEJELEtBQUssQ0FBQ0Msb0JBQU4sQ0FBMkJDLE1BQTNCLEdBQW9DLENBQWxFLDJCQUNxQixpQ0FBcUIsUUFBckIsRUFBK0JGLEtBQUssQ0FBQ0Msb0JBQXJDLENBRHJCLFdBRUksNEJBSEM7QUFBQSxDQVRzQixDQUF4Qjs7O0FBZVAsSUFBTUUsdUJBQXVCLEdBQUdDLDZCQUFPQyxHQUFWLHdIQUE3Qjs7QUFhQUMsd0JBQXdCLENBQUNDLElBQXpCLEdBQWdDLENBQUNDLDZCQUFELENBQWhDOztBQUVBLFNBQVNGLHdCQUFULENBQ0VHLGlCQURGLEVBRStDO0FBQzdDLE1BQU1DLGtCQUFrQixHQUFHO0FBQ3pCLGNBQVFDO0FBRGlCLEdBQTNCOztBQUdBLE1BQU1DLGlCQUFpQixHQUFHLFNBQXBCQSxpQkFBb0I7QUFBQSxRQUN4QkMsUUFEd0IsUUFDeEJBLFFBRHdCO0FBQUEsUUFFeEJDLFFBRndCLFFBRXhCQSxRQUZ3QjtBQUFBLFFBR3hCQyxNQUh3QixRQUd4QkEsTUFId0I7QUFBQSxRQUl4QkMsWUFKd0IsUUFJeEJBLFlBSndCO0FBQUEsZ0NBS3hCQyxXQUx3QjtBQUFBLFFBS3hCQSxXQUx3QixpQ0FLVlAsa0JBTFU7QUFBQSx3QkFPeEIsZ0NBQUMsa0JBQUQ7QUFDRSxNQUFBLFNBQVMsRUFBQyxzQkFEWjtBQUVFLE1BQUEsb0JBQW9CLEVBQUVJLFFBQVEsQ0FBQ0ksR0FBVCxDQUFhLFVBQUNDLENBQUQ7QUFBQSxlQUFvQkEsQ0FBQyxDQUFDQyxLQUF0QjtBQUFBLE9BQWI7QUFGeEIsb0JBSUUsZ0NBQUMsdUJBQUQsUUFBMEJQLFFBQTFCLENBSkYsZUFLRSxnQ0FBQyxpQkFBRDtBQUNFLE1BQUEsRUFBRSxFQUFFRSxNQUFNLENBQUNNLEVBRGI7QUFFRSxNQUFBLE9BQU8sRUFBQyxnQkFGVjtBQUdFLE1BQUEsV0FBVyxFQUFDLE9BSGQ7QUFJRSxNQUFBLE9BQU8sRUFBRUwsWUFKWDtBQUtFLE1BQUEsVUFBVSxFQUFFLFlBTGQ7QUFNRSxNQUFBLGFBQWEsRUFBRUMsV0FBVztBQU41QixNQUxGLENBUHdCO0FBQUEsR0FBMUI7O0FBdUJBLFNBQU9MLGlCQUFQO0FBQ0Q7O2VBRWNOLHdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50VHlwZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IGZyb20gJy4uLy4uL3NpZGUtcGFuZWwvcGFuZWwtaGVhZGVyLWFjdGlvbic7XG5pbXBvcnQge1RyYXNofSBmcm9tICcuLi8uLi9jb21tb24vaWNvbnMnO1xuaW1wb3J0IHtjcmVhdGVMaW5lYXJHcmFkaWVudH0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge1N0eWxlZFBhbmVsSGVhZGVyLCBTdHlsZWRQYW5lbEhlYWRlclByb3BzfSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtSR0JDb2xvciwgRmlsdGVyfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7S2VwbGVyVGFibGV9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuXG5pbnRlcmZhY2UgU3R5bGVkRmlsdGVySGVhZGVyUHJvcHMgZXh0ZW5kcyBTdHlsZWRQYW5lbEhlYWRlclByb3BzIHtcbiAgJGxhYmVsUkNHQ29sb3JWYWx1ZXM6IFJHQkNvbG9yW107XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGaWx0ZXJIZWFkZXIgPSBzdHlsZWQoU3R5bGVkUGFuZWxIZWFkZXIpPFN0eWxlZEZpbHRlckhlYWRlclByb3BzPmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwYWRkaW5nOiAxMHB4IDEycHg7XG5cbiAgLmZpZWxkLXNlbGVjdG9yIHtcbiAgICBmbGV4OiAyO1xuICB9XG5cbiAgYm9yZGVyLWxlZnQ6IDNweCBzb2xpZDtcbiAgJHtwcm9wcyA9PlxuICAgIHByb3BzLiRsYWJlbFJDR0NvbG9yVmFsdWVzICYmIHByb3BzLiRsYWJlbFJDR0NvbG9yVmFsdWVzLmxlbmd0aCA+IDBcbiAgICAgID8gYGJvcmRlci1pbWFnZTogJHtjcmVhdGVMaW5lYXJHcmFkaWVudCgnYm90dG9tJywgcHJvcHMuJGxhYmVsUkNHQ29sb3JWYWx1ZXMpfSAzO2BcbiAgICAgIDogJ2JvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7J307XG5gO1xuXG5jb25zdCBTdHlsZWRDaGlsZHJlbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXg6IDI7XG5gO1xuXG50eXBlIEZpbHRlclBhbmVsSGVhZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGRhdGFzZXRzOiBLZXBsZXJUYWJsZVtdO1xuICBmaWx0ZXI6IEZpbHRlcjtcbiAgcmVtb3ZlRmlsdGVyOiAoKSA9PiB2b2lkO1xuICBhY3Rpb25JY29ucz86IFJlY29yZDxzdHJpbmcsIENvbXBvbmVudFR5cGU+O1xufTtcblxuRmlsdGVyUGFuZWxIZWFkZXJGYWN0b3J5LmRlcHMgPSBbUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5XTtcblxuZnVuY3Rpb24gRmlsdGVyUGFuZWxIZWFkZXJGYWN0b3J5KFxuICBQYW5lbEhlYWRlckFjdGlvbjogUmV0dXJuVHlwZTx0eXBlb2YgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5PlxuKTogUmVhY3QuQ29tcG9uZW50VHlwZTxGaWx0ZXJQYW5lbEhlYWRlclByb3BzPiB7XG4gIGNvbnN0IGRlZmF1bHRBY3Rpb25JY29ucyA9IHtcbiAgICBkZWxldGU6IFRyYXNoXG4gIH07XG4gIGNvbnN0IEZpbHRlclBhbmVsSGVhZGVyID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBkYXRhc2V0cyxcbiAgICBmaWx0ZXIsXG4gICAgcmVtb3ZlRmlsdGVyLFxuICAgIGFjdGlvbkljb25zID0gZGVmYXVsdEFjdGlvbkljb25zXG4gIH06IEZpbHRlclBhbmVsSGVhZGVyUHJvcHMpID0+IChcbiAgICA8U3R5bGVkRmlsdGVySGVhZGVyXG4gICAgICBjbGFzc05hbWU9XCJmaWx0ZXItcGFuZWxfX2hlYWRlclwiXG4gICAgICAkbGFiZWxSQ0dDb2xvclZhbHVlcz17ZGF0YXNldHMubWFwKChkOiBLZXBsZXJUYWJsZSkgPT4gZC5jb2xvcil9XG4gICAgPlxuICAgICAgPFN0eWxlZENoaWxkcmVuQ29udGFpbmVyPntjaGlsZHJlbn08L1N0eWxlZENoaWxkcmVuQ29udGFpbmVyPlxuICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgIGlkPXtmaWx0ZXIuaWR9XG4gICAgICAgIHRvb2x0aXA9XCJ0b29sdGlwLmRlbGV0ZVwiXG4gICAgICAgIHRvb2x0aXBUeXBlPVwiZXJyb3JcIlxuICAgICAgICBvbkNsaWNrPXtyZW1vdmVGaWx0ZXJ9XG4gICAgICAgIGhvdmVyQ29sb3I9eydlcnJvckNvbG9yJ31cbiAgICAgICAgSWNvbkNvbXBvbmVudD17YWN0aW9uSWNvbnMuZGVsZXRlfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEZpbHRlckhlYWRlcj5cbiAgKTtcblxuICByZXR1cm4gRmlsdGVyUGFuZWxIZWFkZXI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbHRlclBhbmVsSGVhZGVyRmFjdG9yeTtcbiJdfQ==

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import NewFilterPanelFactory from '../../filters/filter-panels/new-filter-panel';
+import TimeRangeFilterPanelFactory from '../../filters/filter-panels/time-range-filter-panel';
+import SingleSelectFilterPanelFactory from '../../filters/filter-panels/single-select-filter-panel';
+import MultiSelectFilterPanelFactory from '../../filters/filter-panels/multi-select-filter-panel';
+import RangeFilterPanelFactory from '../../filters/filter-panels/range-filter-panel';
+import PolygonFilterPanelFactory from '../../filters/filter-panels/polygon-filter-panel';
+import { Filter } from '@kepler.gl/types';
+import { FilterPanelProps } from '../../filters/filter-panels/types';
+import { Layer } from '@kepler.gl/layers';
+interface FilterPanelPropsImpl extends Omit<FilterPanelProps, 'allAvailableFields'> {
+    filters: Filter[];
+    layers: ReadonlyArray<Layer>;
+    isAnyFilterAnimating: boolean;
+    enlargeFilter: () => void;
+    toggleAnimation: () => void;
+    toggleFilterFeature: () => void;
+}
+declare function FilterPanelFactory(NewFilterPanel: ReturnType<typeof NewFilterPanelFactory>, TimeRangeFilterPanel: ReturnType<typeof TimeRangeFilterPanelFactory>, SingleSelectFilterPanel: ReturnType<typeof SingleSelectFilterPanelFactory>, MultiSelectFilterPanel: ReturnType<typeof MultiSelectFilterPanelFactory>, RangeFilterPanel: ReturnType<typeof RangeFilterPanelFactory>, PolygonFilterPanel: ReturnType<typeof PolygonFilterPanelFactory>): React.ComponentType<FilterPanelPropsImpl>;
+declare namespace FilterPanelFactory {
+    var deps: (typeof PolygonFilterPanelFactory | typeof NewFilterPanelFactory | typeof TimeRangeFilterPanelFactory | typeof SingleSelectFilterPanelFactory | typeof MultiSelectFilterPanelFactory | typeof RangeFilterPanelFactory)[];
+}
+export default FilterPanelFactory;

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

@@ -0,0 +1,151 @@
+// 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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reselect = require("reselect");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _constants = require("@kepler.gl/constants");
+
+var _newFilterPanel = _interopRequireDefault(require("../../filters/filter-panels/new-filter-panel"));
+
+var _timeRangeFilterPanel = _interopRequireDefault(require("../../filters/filter-panels/time-range-filter-panel"));
+
+var _singleSelectFilterPanel = _interopRequireDefault(require("../../filters/filter-panels/single-select-filter-panel"));
+
+var _multiSelectFilterPanel = _interopRequireDefault(require("../../filters/filter-panels/multi-select-filter-panel"));
+
+var _rangeFilterPanel = _interopRequireDefault(require("../../filters/filter-panels/range-filter-panel"));
+
+var _polygonFilterPanel = _interopRequireDefault(require("../../filters/filter-panels/polygon-filter-panel"));
+
+var _templateObject;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var StyledFilterPanel = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 12px;\n  border-radius: 1px;\n"])));
+
+FilterPanelFactory.deps = [_newFilterPanel["default"], _timeRangeFilterPanel["default"], _singleSelectFilterPanel["default"], _multiSelectFilterPanel["default"], _rangeFilterPanel["default"], _polygonFilterPanel["default"]];
+
+function FilterPanelFactory(NewFilterPanel, TimeRangeFilterPanel, SingleSelectFilterPanel, MultiSelectFilterPanel, RangeFilterPanel, PolygonFilterPanel) {
+  var _FilterPanelComponent;
+
+  var FilterPanelComponents = (_FilterPanelComponent = {
+    "default": NewFilterPanel
+  }, (0, _defineProperty2["default"])(_FilterPanelComponent, _constants.FILTER_TYPES.timeRange, TimeRangeFilterPanel), (0, _defineProperty2["default"])(_FilterPanelComponent, _constants.FILTER_TYPES.select, SingleSelectFilterPanel), (0, _defineProperty2["default"])(_FilterPanelComponent, _constants.FILTER_TYPES.multiSelect, MultiSelectFilterPanel), (0, _defineProperty2["default"])(_FilterPanelComponent, _constants.FILTER_TYPES.range, RangeFilterPanel), (0, _defineProperty2["default"])(_FilterPanelComponent, _constants.FILTER_TYPES.polygon, PolygonFilterPanel), _FilterPanelComponent);
+  return /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(FilterPanel, _Component);
+
+    var _super = _createSuper(FilterPanel);
+
+    function FilterPanel() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, FilterPanel);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "fieldsSelector", function (props) {
+        var datasetId = props.filter.dataId[0];
+
+        if (!datasetId) {
+          return [];
+        }
+
+        return (0, _lodash["default"])(props, ['datasets', datasetId, 'fields'], []);
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "filterSelector", function (props) {
+        return props.filters;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "nameSelector", function (props) {
+        return props.filter.name;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dataIdSelector", function (props) {
+        return props.filter.dataId[0];
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "availableFieldsSelector", (0, _reselect.createSelector)(_this.fieldsSelector, _this.filterSelector, _this.nameSelector, _this.dataIdSelector, function (fields, filters, name, dataId) {
+        return fields.filter(function (f) {
+          return f.type && f.type !== _constants.ALL_FIELD_TYPES.geojson && (name.includes(f.name) || !filters.find(function (d) {
+            return d.name.includes(f.name) && d.dataId.includes(dataId);
+          }));
+        });
+      }));
+      return _this;
+    }
+
+    (0, _createClass2["default"])(FilterPanel, [{
+      key: "render",
+      value: function render() {
+        var filter = this.props.filter;
+        var type = filter.type;
+        var FilterFilterComponent = type && FilterPanelComponents[type] || FilterPanelComponents["default"];
+        var allAvailableFields = this.availableFieldsSelector(this.props);
+        return /*#__PURE__*/_react["default"].createElement(StyledFilterPanel, {
+          className: "filter-panel"
+        }, /*#__PURE__*/_react["default"].createElement(FilterFilterComponent, (0, _extends2["default"])({
+          allAvailableFields: allAvailableFields
+        }, this.props)));
+      }
+    }]);
+    return FilterPanel;
+  }(_react.Component);
+}
+
+var _default = FilterPanelFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2ZpbHRlci1wYW5lbC9maWx0ZXItcGFuZWwudHN4Il0sIm5hbWVzIjpbIlN0eWxlZEZpbHRlclBhbmVsIiwic3R5bGVkIiwiZGl2IiwiRmlsdGVyUGFuZWxGYWN0b3J5IiwiZGVwcyIsIk5ld0ZpbHRlclBhbmVsRmFjdG9yeSIsIlRpbWVSYW5nZUZpbHRlclBhbmVsRmFjdG9yeSIsIlNpbmdsZVNlbGVjdEZpbHRlclBhbmVsRmFjdG9yeSIsIk11bHRpU2VsZWN0RmlsdGVyUGFuZWxGYWN0b3J5IiwiUmFuZ2VGaWx0ZXJQYW5lbEZhY3RvcnkiLCJQb2x5Z29uRmlsdGVyUGFuZWxGYWN0b3J5IiwiTmV3RmlsdGVyUGFuZWwiLCJUaW1lUmFuZ2VGaWx0ZXJQYW5lbCIsIlNpbmdsZVNlbGVjdEZpbHRlclBhbmVsIiwiTXVsdGlTZWxlY3RGaWx0ZXJQYW5lbCIsIlJhbmdlRmlsdGVyUGFuZWwiLCJQb2x5Z29uRmlsdGVyUGFuZWwiLCJGaWx0ZXJQYW5lbENvbXBvbmVudHMiLCJGSUxURVJfVFlQRVMiLCJ0aW1lUmFuZ2UiLCJzZWxlY3QiLCJtdWx0aVNlbGVjdCIsInJhbmdlIiwicG9seWdvbiIsInByb3BzIiwiZGF0YXNldElkIiwiZmlsdGVyIiwiZGF0YUlkIiwiZmlsdGVycyIsIm5hbWUiLCJmaWVsZHNTZWxlY3RvciIsImZpbHRlclNlbGVjdG9yIiwibmFtZVNlbGVjdG9yIiwiZGF0YUlkU2VsZWN0b3IiLCJmaWVsZHMiLCJmIiwidHlwZSIsIkFMTF9GSUVMRF9UWVBFUyIsImdlb2pzb24iLCJpbmNsdWRlcyIsImZpbmQiLCJkIiwiRmlsdGVyRmlsdGVyQ29tcG9uZW50IiwiYWxsQXZhaWxhYmxlRmllbGRzIiwiYXZhaWxhYmxlRmllbGRzU2VsZWN0b3IiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVB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O0FBRUEsNEJBQ0UsZ0NBQUMsaUJBQUQ7QUFBbUIsVUFBQSxTQUFTLEVBQUM7QUFBN0Isd0JBQ0UsZ0NBQUMscUJBQUQ7QUFBdUIsVUFBQSxrQkFBa0IsRUFBRW1CO0FBQTNDLFdBQW1FLEtBQUtuQixLQUF4RSxFQURGLENBREY7QUFLRDtBQTNDSDtBQUFBO0FBQUEsSUFBaUNxQixnQkFBakM7QUE2Q0Q7O2VBRWMxQyxrQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtjcmVhdGVTZWxlY3Rvcn0gZnJvbSAncmVzZWxlY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgZ2V0IGZyb20gJ2xvZGFzaC5nZXQnO1xuaW1wb3J0IHtBTExfRklFTERfVFlQRVMsIEZJTFRFUl9UWVBFU30gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuXG5pbXBvcnQgTmV3RmlsdGVyUGFuZWxGYWN0b3J5IGZyb20gJy4uLy4uL2ZpbHRlcnMvZmlsdGVyLXBhbmVscy9uZXctZmlsdGVyLXBhbmVsJztcbmltcG9ydCBUaW1lUmFuZ2VGaWx0ZXJQYW5lbEZhY3RvcnkgZnJvbSAnLi4vLi4vZmlsdGVycy9maWx0ZXItcGFuZWxzL3RpbWUtcmFuZ2UtZmlsdGVyLXBhbmVsJztcbmltcG9ydCBTaW5nbGVTZWxlY3RGaWx0ZXJQYW5lbEZhY3RvcnkgZnJvbSAnLi4vLi4vZmlsdGVycy9maWx0ZXItcGFuZWxzL3NpbmdsZS1zZWxlY3QtZmlsdGVyLXBhbmVsJztcbmltcG9ydCBNdWx0aVNlbGVjdEZpbHRlclBhbmVsRmFjdG9yeSBmcm9tICcuLi8uLi9maWx0ZXJzL2ZpbHRlci1wYW5lbHMvbXVsdGktc2VsZWN0LWZpbHRlci1wYW5lbCc7XG5pbXBvcnQgUmFuZ2VGaWx0ZXJQYW5lbEZhY3RvcnkgZnJvbSAnLi4vLi4vZmlsdGVycy9maWx0ZXItcGFuZWxzL3JhbmdlLWZpbHRlci1wYW5lbCc7XG5pbXBvcnQgUG9seWdvbkZpbHRlclBhbmVsRmFjdG9yeSBmcm9tICcuLi8uLi9maWx0ZXJzL2ZpbHRlci1wYW5lbHMvcG9seWdvbi1maWx0ZXItcGFuZWwnO1xuaW1wb3J0IHtGaWVsZCwgRmlsdGVyfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7RmlsdGVyUGFuZWxQcm9wc30gZnJvbSAnLi4vLi4vZmlsdGVycy9maWx0ZXItcGFuZWxzL3R5cGVzJztcbmltcG9ydCB7TGF5ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcblxuY29uc3QgU3R5bGVkRmlsdGVyUGFuZWwgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAxMnB4O1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG5gO1xuXG5pbnRlcmZhY2UgRmlsdGVyUGFuZWxQcm9wc0ltcGwgZXh0ZW5kcyBPbWl0PEZpbHRlclBhbmVsUHJvcHMsICdhbGxBdmFpbGFibGVGaWVsZHMnPiB7XG4gIGZpbHRlcnM6IEZpbHRlcltdO1xuICBsYXllcnM6IFJlYWRvbmx5QXJyYXk8TGF5ZXI+O1xuICBpc0FueUZpbHRlckFuaW1hdGluZzogYm9vbGVhbjtcbiAgZW5sYXJnZUZpbHRlcjogKCkgPT4gdm9pZDtcbiAgdG9nZ2xlQW5pbWF0aW9uOiAoKSA9PiB2b2lkO1xuICB0b2dnbGVGaWx0ZXJGZWF0dXJlOiAoKSA9PiB2b2lkO1xufVxuXG5GaWx0ZXJQYW5lbEZhY3RvcnkuZGVwcyA9IFtcbiAgTmV3RmlsdGVyUGFuZWxGYWN0b3J5LFxuICBUaW1lUmFuZ2VGaWx0ZXJQYW5lbEZhY3RvcnksXG4gIFNpbmdsZVNlbGVjdEZpbHRlclBhbmVsRmFjdG9yeSxcbiAgTXVsdGlTZWxlY3RGaWx0ZXJQYW5lbEZhY3RvcnksXG4gIFJhbmdlRmlsdGVyUGFuZWxGYWN0b3J5LFxuICBQb2x5Z29uRmlsdGVyUGFuZWxGYWN0b3J5XG5dO1xuXG5mdW5jdGlvbiBGaWx0ZXJQYW5lbEZhY3RvcnkoXG4gIE5ld0ZpbHRlclBhbmVsOiBSZXR1cm5UeXBlPHR5cGVvZiBOZXdGaWx0ZXJQYW5lbEZhY3Rvcnk+LFxuICBUaW1lUmFuZ2VGaWx0ZXJQYW5lbDogUmV0dXJuVHlwZTx0eXBlb2YgVGltZVJhbmdlRmlsdGVyUGFuZWxGYWN0b3J5PixcbiAgU2luZ2xlU2VsZWN0RmlsdGVyUGFuZWw6IFJldHVyblR5cGU8dHlwZW9mIFNpbmdsZVNlbGVjdEZpbHRlclBhbmVsRmFjdG9yeT4sXG4gIE11bHRpU2VsZWN0RmlsdGVyUGFuZWw6IFJldHVyblR5cGU8dHlwZW9mIE11bHRpU2VsZWN0RmlsdGVyUGFuZWxGYWN0b3J5PixcbiAgUmFuZ2VGaWx0ZXJQYW5lbDogUmV0dXJuVHlwZTx0eXBlb2YgUmFuZ2VGaWx0ZXJQYW5lbEZhY3Rvcnk+LFxuICBQb2x5Z29uRmlsdGVyUGFuZWw6IFJldHVyblR5cGU8dHlwZW9mIFBvbHlnb25GaWx0ZXJQYW5lbEZhY3Rvcnk+XG4pOiBSZWFjdC5Db21wb25lbnRUeXBlPEZpbHRlclBhbmVsUHJvcHNJbXBsPiB7XG4gIGNvbnN0IEZpbHRlclBhbmVsQ29tcG9uZW50cyA9IHtcbiAgICBkZWZhdWx0OiBOZXdGaWx0ZXJQYW5lbCxcbiAgICBbRklMVEVSX1RZUEVTLnRpbWVSYW5nZV06IFRpbWVSYW5nZUZpbHRlclBhbmVsLFxuICAgIFtGSUxURVJfVFlQRVMuc2VsZWN0XTogU2luZ2xlU2VsZWN0RmlsdGVyUGFuZWwsXG4gICAgW0ZJTFRFUl9UWVBFUy5tdWx0aVNlbGVjdF06IE11bHRpU2VsZWN0RmlsdGVyUGFuZWwsXG4gICAgW0ZJTFRFUl9UWVBFUy5yYW5nZV06IFJhbmdlRmlsdGVyUGFuZWwsXG4gICAgW0ZJTFRFUl9UWVBFUy5wb2x5Z29uXTogUG9seWdvbkZpbHRlclBhbmVsXG4gIH07XG5cbiAgcmV0dXJuIGNsYXNzIEZpbHRlclBhbmVsIGV4dGVuZHMgQ29tcG9uZW50PEZpbHRlclBhbmVsUHJvcHNJbXBsPiB7XG4gICAgLyogc2VsZWN0b3JzICovXG4gICAgZmllbGRzU2VsZWN0b3IgPSAocHJvcHM6IEZpbHRlclBhbmVsUHJvcHNJbXBsKSA9PiB7XG4gICAgICBjb25zdCBkYXRhc2V0SWQgPSBwcm9wcy5maWx0ZXIuZGF0YUlkWzBdO1xuICAgICAgaWYgKCFkYXRhc2V0SWQpIHtcbiAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGdldChwcm9wcywgWydkYXRhc2V0cycsIGRhdGFzZXRJZCwgJ2ZpZWxkcyddLCBbXSk7XG4gICAgfTtcblxuICAgIGZpbHRlclNlbGVjdG9yID0gKHByb3BzOiBGaWx0ZXJQYW5lbFByb3BzSW1wbCkgPT4gcHJvcHMuZmlsdGVycztcbiAgICBuYW1lU2VsZWN0b3IgPSAocHJvcHM6IEZpbHRlclBhbmVsUHJvcHNJbXBsKSA9PiBwcm9wcy5maWx0ZXIubmFtZTtcbiAgICBkYXRhSWRTZWxlY3RvciA9IChwcm9wczogRmlsdGVyUGFuZWxQcm9wc0ltcGwpID0+IHByb3BzLmZpbHRlci5kYXRhSWRbMF07XG5cbiAgICAvLyBvbmx5IHNob3cgY3VycmVudCBmaWVsZCBhbmQgZmllbGQgdGhhdCdzIG5vdCBhbHJlYWR5IGJlZW4gdXNlZCBhcyBhIGZpbHRlclxuICAgIGF2YWlsYWJsZUZpZWxkc1NlbGVjdG9yID0gY3JlYXRlU2VsZWN0b3IoXG4gICAgICB0aGlzLmZpZWxkc1NlbGVjdG9yLFxuICAgICAgdGhpcy5maWx0ZXJTZWxlY3RvcixcbiAgICAgIHRoaXMubmFtZVNlbGVjdG9yLFxuICAgICAgdGhpcy5kYXRhSWRTZWxlY3RvcixcbiAgICAgIChmaWVsZHMsIGZpbHRlcnMsIG5hbWUsIGRhdGFJZCkgPT5cbiAgICAgICAgZmllbGRzLmZpbHRlcihcbiAgICAgICAgICAoZjogRmllbGQpID0+XG4gICAgICAgICAgICBmLnR5cGUgJiZcbiAgICAgICAgICAgIGYudHlwZSAhPT0gQUxMX0ZJRUxEX1RZUEVTLmdlb2pzb24gJiZcbiAgICAgICAgICAgIChuYW1lLmluY2x1ZGVzKGYubmFtZSkgfHxcbiAgICAgICAgICAgICAgIWZpbHRlcnMuZmluZChkID0+IGQubmFtZS5pbmNsdWRlcyhmLm5hbWUpICYmIGQuZGF0YUlkLmluY2x1ZGVzKGRhdGFJZCkpKVxuICAgICAgICApXG4gICAgKTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgIGNvbnN0IHtmaWx0ZXJ9ID0gdGhpcy5wcm9wcztcblxuICAgICAgY29uc3Qge3R5cGV9ID0gZmlsdGVyO1xuICAgICAgY29uc3QgRmlsdGVyRmlsdGVyQ29tcG9uZW50ID1cbiAgICAgICAgKHR5cGUgJiYgRmlsdGVyUGFuZWxDb21wb25lbnRzW3R5cGVdKSB8fCBGaWx0ZXJQYW5lbENvbXBvbmVudHMuZGVmYXVsdDtcbiAgICAgIGNvbnN0IGFsbEF2YWlsYWJsZUZpZWxkcyA9IHRoaXMuYXZhaWxhYmxlRmllbGRzU2VsZWN0b3IodGhpcy5wcm9wcyk7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRGaWx0ZXJQYW5lbCBjbGFzc05hbWU9XCJmaWx0ZXItcGFuZWxcIj5cbiAgICAgICAgICA8RmlsdGVyRmlsdGVyQ29tcG9uZW50IGFsbEF2YWlsYWJsZUZpZWxkcz17YWxsQXZhaWxhYmxlRmllbGRzfSB7Li4udGhpcy5wcm9wc30gLz5cbiAgICAgICAgPC9TdHlsZWRGaWx0ZXJQYW5lbD5cbiAgICAgICk7XG4gICAgfVxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBGaWx0ZXJQYW5lbEZhY3Rvcnk7XG4iXX0=

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { InteractionConfig } from '@kepler.gl/types';
+import InteractionPanelFactory from './interaction-panel/interaction-panel';
+import { VisStateActions } from '@kepler.gl/actions';
+import { Datasets } from '@kepler.gl/table';
+declare type InteractionManagerProps = {
+    interactionConfig: InteractionConfig;
+    datasets: Datasets;
+    visStateActions: typeof VisStateActions;
+};
+declare function InteractionManagerFactory(InteractionPanel: ReturnType<typeof InteractionPanelFactory>): React.FC<InteractionManagerProps>;
+declare namespace InteractionManagerFactory {
+    var deps: (typeof InteractionPanelFactory)[];
+}
+export default InteractionManagerFactory;