@kepler.gl/components 3.1.0-alpha.0 → 3.1.0-alpha.2

package/dist/side-panel/common/types.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { openDeleteModal, VisStateActions, ActionHandler } from '@kepler.gl/actions';
+import { RGBColor } from '@kepler.gl/types';
+import KeplerTable from '@kepler.gl/table';
+export declare type PanelMeta = {
+    id: string;
+    label: string;
+    iconComponent: React.ElementType;
+    onClick: null;
+};
+export declare type UpdateTableColorTypes = {
+    id: string;
+    children: React.ReactNode;
+};
+export declare type ShowDataTableProps = {
+    id: string;
+    showDatasetTable?: ActionHandler<typeof VisStateActions.showDatasetTable>;
+};
+export declare type RemoveDatasetProps = {
+    datasetKey: string;
+    removeDataset?: ActionHandler<typeof openDeleteModal>;
+};
+export declare type StyledDatasetTitleProps = {
+    clickable: boolean;
+};
+export declare type DatasetItemProps = {
+    value: KeplerTable;
+};
+export declare type SelectableDataset = {
+    label?: string;
+    id: string;
+    color: RGBColor;
+};
+export declare type SourceDataSelectorProps = {
+    dataId: string | string[] | null;
+    datasets: {
+        [id: string]: SelectableDataset;
+    };
+    disabled?: boolean;
+    defaultValue?: string;
+    inputTheme?: string;
+    onSelect: (items: ReadonlyArray<string | number | boolean | object> | string | number | boolean | object | null) => void;
+    className?: string;
+};

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvY29tbW9uL3R5cGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge29wZW5EZWxldGVNb2RhbCwgVmlzU3RhdGVBY3Rpb25zLCBBY3Rpb25IYW5kbGVyfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtSR0JDb2xvcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQgS2VwbGVyVGFibGUgZnJvbSAnQGtlcGxlci5nbC90YWJsZSc7XG5cbmV4cG9ydCB0eXBlIFBhbmVsTWV0YSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgaWNvbkNvbXBvbmVudDogUmVhY3QuRWxlbWVudFR5cGU7XG4gIG9uQ2xpY2s6IG51bGw7XG59O1xuXG5leHBvcnQgdHlwZSBVcGRhdGVUYWJsZUNvbG9yVHlwZXMgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgdHlwZSBTaG93RGF0YVRhYmxlUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIHNob3dEYXRhc2V0VGFibGU/OiBBY3Rpb25IYW5kbGVyPHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnMuc2hvd0RhdGFzZXRUYWJsZT47XG59O1xuXG5leHBvcnQgdHlwZSBSZW1vdmVEYXRhc2V0UHJvcHMgPSB7XG4gIGRhdGFzZXRLZXk6IHN0cmluZztcbiAgcmVtb3ZlRGF0YXNldD86IEFjdGlvbkhhbmRsZXI8dHlwZW9mIG9wZW5EZWxldGVNb2RhbD47XG59O1xuXG5leHBvcnQgdHlwZSBTdHlsZWREYXRhc2V0VGl0bGVQcm9wcyA9IHtcbiAgY2xpY2thYmxlOiBib29sZWFuO1xufTtcblxuZXhwb3J0IHR5cGUgRGF0YXNldEl0ZW1Qcm9wcyA9IHtcbiAgdmFsdWU6IEtlcGxlclRhYmxlO1xufTtcblxuZXhwb3J0IHR5cGUgU2VsZWN0YWJsZURhdGFzZXQgPSB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBpZDogc3RyaW5nO1xuICBjb2xvcjogUkdCQ29sb3I7XG59O1xuXG5leHBvcnQgdHlwZSBTb3VyY2VEYXRhU2VsZWN0b3JQcm9wcyA9IHtcbiAgZGF0YUlkOiBzdHJpbmcgfCBzdHJpbmdbXSB8IG51bGw7XG4gIGRhdGFzZXRzOiB7W2lkOiBzdHJpbmddOiBTZWxlY3RhYmxlRGF0YXNldH07XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGVmYXVsdFZhbHVlPzogc3RyaW5nO1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xuICBvblNlbGVjdDogKFxuICAgIGl0ZW1zOlxuICAgICAgfCBSZWFkb25seUFycmF5PHN0cmluZyB8IG51bWJlciB8IGJvb2xlYW4gfCBvYmplY3Q+XG4gICAgICB8IHN0cmluZ1xuICAgICAgfCBudW1iZXJcbiAgICAgIHwgYm9vbGVhblxuICAgICAgfCBvYmplY3RcbiAgICAgIHwgbnVsbFxuICApID0+IHZvaWQ7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG4iXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SidePanelItem, SidePanelProps } from '../types';
+import { RGBColor } from '@kepler.gl/types';
+export declare type CustomPanelsStaticProps<P> = {
+    panels: SidePanelItem[];
+    getProps?: (props: SidePanelProps) => P;
+};
+export declare type CustomPanelsProps = {
+    activeSidePanel: string | null;
+    updateTableColor: (dataId: string, newColor: RGBColor) => void;
+};
+declare function CustomPanelsFactory<P>(): React.FC<CustomPanelsProps> & CustomPanelsStaticProps<P>;
+export default CustomPanelsFactory;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+// 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() {
+    return /*#__PURE__*/_react["default"].createElement("div", null);
+  };
+  // provide a list of additional panels
+  CustomPanels.panels = [
+    // {
+    //   id: 'rocket',
+    //   label: 'Rocket',
+    //   iconComponent: Icons.Rocket
+    // },
+    // {
+    //   id: 'chart',
+    //   label: 'Chart',
+    //   iconComponent: Icons.LineChart
+    // }
+  ];
+
+  // prop selector from side panel props
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  CustomPanels.getProps = function (sidePanelProps) {
+    return {};
+  };
+  return CustomPanels;
+}
+var _default = exports["default"] = CustomPanelsFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIkN1c3RvbVBhbmVsc0ZhY3RvcnkiLCJDdXN0b21QYW5lbHMiLCJjcmVhdGVFbGVtZW50IiwicGFuZWxzIiwiZ2V0UHJvcHMiLCJzaWRlUGFuZWxQcm9wcyIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL2N1c3RvbS1wYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7U2lkZVBhbmVsSXRlbSwgU2lkZVBhbmVsUHJvcHN9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7UkdCQ29sb3J9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBDdXN0b21QYW5lbHNTdGF0aWNQcm9wczxQPiA9IHtcbiAgcGFuZWxzOiBTaWRlUGFuZWxJdGVtW107XG4gIGdldFByb3BzPzogKHByb3BzOiBTaWRlUGFuZWxQcm9wcykgPT4gUDtcbn07XG5leHBvcnQgdHlwZSBDdXN0b21QYW5lbHNQcm9wcyA9IHtcbiAgYWN0aXZlU2lkZVBhbmVsOiBzdHJpbmcgfCBudWxsO1xuICB1cGRhdGVUYWJsZUNvbG9yOiAoZGF0YUlkOiBzdHJpbmcsIG5ld0NvbG9yOiBSR0JDb2xvcikgPT4gdm9pZDtcbn07XG5cbi8vIFRoaXMgaXMgYSBkdW1teSBjb21wb25lbnQgdGhhdCBjYW4gYmUgcmVwbGFjZWQgdG8gaW5qZWN0IG1vcmUgc2lkZSBwYW5lbCBzdWIgcGFuZWxzIGludG8gdGhlIHNpZGUgYmFyXG5mdW5jdGlvbiBDdXN0b21QYW5lbHNGYWN0b3J5PFA+KCkge1xuICBjb25zdCBDdXN0b21QYW5lbHM6IFJlYWN0LkZDPEN1c3RvbVBhbmVsc1Byb3BzPiAmIEN1c3RvbVBhbmVsc1N0YXRpY1Byb3BzPFA+ID0gKCkgPT4ge1xuICAgIHJldHVybiA8ZGl2IC8+O1xuICB9O1xuICAvLyBwcm92aWRlIGEgbGlzdCBvZiBhZGRpdGlvbmFsIHBhbmVsc1xuICBDdXN0b21QYW5lbHMucGFuZWxzID0gW1xuICAgIC8vIHtcbiAgICAvLyAgIGlkOiAncm9ja2V0JyxcbiAgICAvLyAgIGxhYmVsOiAnUm9ja2V0JyxcbiAgICAvLyAgIGljb25Db21wb25lbnQ6IEljb25zLlJvY2tldFxuICAgIC8vIH0sXG4gICAgLy8ge1xuICAgIC8vICAgaWQ6ICdjaGFydCcsXG4gICAgLy8gICBsYWJlbDogJ0NoYXJ0JyxcbiAgICAvLyAgIGljb25Db21wb25lbnQ6IEljb25zLkxpbmVDaGFydFxuICAgIC8vIH1cbiAgXTtcblxuICAvLyBwcm9wIHNlbGVjdG9yIGZyb20gc2lkZSBwYW5lbCBwcm9wc1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gIEN1c3RvbVBhbmVscy5nZXRQcm9wcyA9IChzaWRlUGFuZWxQcm9wczogU2lkZVBhbmVsUHJvcHMpID0+ICh7fSBhcyBQKTtcblxuICByZXR1cm4gQ3VzdG9tUGFuZWxzO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDdXN0b21QYW5lbHNGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBSEE7QUFDQTs7QUFlQTtBQUNBLFNBQVNDLG1CQUFtQkEsQ0FBQSxFQUFNO0VBQ2hDLElBQU1DLFlBQXNFLEdBQUcsU0FBekVBLFlBQXNFQSxDQUFBLEVBQVM7SUFDbkYsb0JBQU9KLE1BQUEsWUFBQUssYUFBQSxZQUFNLENBQUM7RUFDaEIsQ0FBQztFQUNEO0VBQ0FELFlBQVksQ0FBQ0UsTUFBTSxHQUFHO0lBQ3BCO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0VBQUEsQ0FDRDs7RUFFRDtFQUNBO0VBQ0FGLFlBQVksQ0FBQ0csUUFBUSxHQUFHLFVBQUNDLGNBQThCO0lBQUEsT0FBTSxDQUFDLENBQUM7RUFBQSxDQUFNO0VBRXJFLE9BQU9KLFlBQVk7QUFDckI7QUFBQyxJQUFBSyxRQUFBLEdBQUFDLE9BQUEsY0FFY1AsbUJBQW1CIiwiaWdub3JlTGlzdCI6W119

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

@@ -0,0 +1,32 @@
+import React from '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, UIStateActions, ActionHandlers } from '@kepler.gl/actions';
+import { Datasets } from '@kepler.gl/table';
+import PanelViewListToggleFactory from './panel-view-list-toggle';
+import PanelTitleFactory from './panel-title';
+import AddFilterButtonFactory from './filter-panel/add-filter-button';
+import DatasetSectionFactory from './layer-panel/dataset-section';
+import { PanelMeta } from './common/types';
+declare type VisStateActionHandlers = ActionHandlers<typeof VisStateActions>;
+declare type UiStateActionHandlers = ActionHandlers<typeof UIStateActions>;
+export declare type FilterManagerProps = {
+    filters: Filter[];
+    datasets: Datasets;
+    layers: Layer[];
+    showDatasetTable: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    removeDataset: ActionHandler<typeof VisStateActions.removeDataset>;
+    showAddDataModal: () => void;
+    panelMetadata: PanelMeta;
+    panelListView: string;
+    visStateActions: VisStateActionHandlers;
+    uiStateActions: UiStateActionHandlers;
+};
+declare function FilterManagerFactory(DatasetSection: ReturnType<typeof DatasetSectionFactory>, FilterPanel: ReturnType<typeof FilterPanelFactory>, PanelTitle: ReturnType<typeof PanelTitleFactory>, AddFilterButton: ReturnType<typeof AddFilterButtonFactory>, PanelViewListToggle: ReturnType<typeof PanelViewListToggleFactory>, SourceDataCatalog: ReturnType<typeof SourceDataCatalogFactory>): React.FC<FilterManagerProps>;
+declare namespace FilterManagerFactory {
+    var deps: (typeof SourceDataCatalogFactory | typeof PanelViewListToggleFactory | (() => React.FC<import("./panel-title").PanelTitleProps>) | typeof DatasetSectionFactory | typeof FilterPanelFactory | typeof AddFilterButtonFactory)[];
+}
+export default FilterManagerFactory;

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

@@ -0,0 +1,203 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _styledComponents = require("../common/styled-components");
+var _sourceDataCatalog = _interopRequireDefault(require("./common/source-data-catalog"));
+var _filterPanel = _interopRequireDefault(require("./filter-panel/filter-panel"));
+var _constants = require("@kepler.gl/constants");
+var _utils = require("@kepler.gl/utils");
+var _panelViewListToggle = _interopRequireDefault(require("./panel-view-list-toggle"));
+var _panelTitle = _interopRequireDefault(require("./panel-title"));
+var _addFilterButton = _interopRequireDefault(require("./filter-panel/add-filter-button"));
+var _datasetSection = _interopRequireDefault(require("./layer-panel/dataset-section"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+FilterManagerFactory.deps = [_datasetSection["default"], _filterPanel["default"], _panelTitle["default"], _addFilterButton["default"], _panelViewListToggle["default"], _sourceDataCatalog["default"]];
+function FilterManagerFactory(DatasetSection, FilterPanel, PanelTitle, AddFilterButton, PanelViewListToggle, SourceDataCatalog) {
+  var FilterList = function FilterList(_ref) {
+    var filtersByIndex = _ref.filtersByIndex,
+      filters = _ref.filters,
+      datasets = _ref.datasets,
+      layers = _ref.layers,
+      isAnyFilterAnimating = _ref.isAnyFilterAnimating,
+      visStateActions = _ref.visStateActions;
+    var _removeFilter = visStateActions.removeFilter,
+      setFilter = visStateActions.setFilter,
+      setFilterPlot = visStateActions.setFilterPlot,
+      toggleFilterAnimation = visStateActions.toggleFilterAnimation,
+      _toggleFilterFeature = visStateActions.toggleFilterFeature,
+      setFilterView = visStateActions.setFilterView,
+      syncTimeFilterWithLayerTimeline = visStateActions.syncTimeFilterWithLayerTimeline;
+    var filterPanelCallbacks = (0, _react.useMemo)(function () {
+      return filtersByIndex.reduce(function (accu, _ref2) {
+        var filter = _ref2.filter,
+          idx = _ref2.idx;
+        return _objectSpread(_objectSpread({}, accu), {}, (0, _defineProperty2["default"])({}, filter.id, {
+          removeFilter: function removeFilter() {
+            return _removeFilter(idx);
+          },
+          toggleFilterView: function toggleFilterView() {
+            return setFilterView(idx, (0, _utils.isSideFilter)(filter) ? _constants.FILTER_VIEW_TYPES.enlarged : _constants.FILTER_VIEW_TYPES.side);
+          },
+          toggleAnimation: function toggleAnimation() {
+            return toggleFilterAnimation(idx);
+          },
+          toggleFilterFeature: function toggleFilterFeature() {
+            return _toggleFilterFeature(idx);
+          }
+        }));
+      }, {});
+    }, [filtersByIndex, _removeFilter, setFilterView, toggleFilterAnimation, _toggleFilterFeature]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, (0, _toConsumableArray2["default"])(filtersByIndex).reverse().map(function (_ref3) {
+      var filter = _ref3.filter,
+        idx = _ref3.idx;
+      return /*#__PURE__*/_react["default"].createElement(FilterPanel, {
+        key: "".concat(filter.id, "-").concat(idx),
+        idx: idx,
+        filters: filters,
+        filter: filter,
+        datasets: datasets,
+        layers: layers,
+        isAnyFilterAnimating: isAnyFilterAnimating,
+        removeFilter: filterPanelCallbacks[filter.id].removeFilter,
+        enlargeFilter: filterPanelCallbacks[filter.id].toggleFilterView,
+        toggleAnimation: filterPanelCallbacks[filter.id].toggleAnimation,
+        toggleFilterFeature: filterPanelCallbacks[filter.id].toggleFilterFeature,
+        setFilter: setFilter,
+        setFilterPlot: setFilterPlot,
+        syncTimeFilterWithLayerTimeline: syncTimeFilterWithLayerTimeline
+      });
+    }));
+  };
+  var DatasetFilterSection = function DatasetFilterSection(_ref4) {
+    var filtersByIndex = _ref4.filtersByIndex,
+      filters = _ref4.filters,
+      dataset = _ref4.dataset,
+      datasets = _ref4.datasets,
+      layers = _ref4.layers,
+      isAnyFilterAnimating = _ref4.isAnyFilterAnimating,
+      visStateActions = _ref4.visStateActions,
+      showDatasetTable = _ref4.showDatasetTable,
+      updateTableColor = _ref4.updateTableColor,
+      removeDataset = _ref4.removeDataset,
+      showDeleteDataset = _ref4.showDeleteDataset;
+    var datasetCatalog = (0, _react.useMemo)(function () {
+      return (0, _defineProperty2["default"])({}, dataset.id, dataset);
+    }, [dataset]);
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SourceDataCatalog, {
+      datasets: datasetCatalog,
+      showDatasetTable: showDatasetTable,
+      updateTableColor: updateTableColor,
+      removeDataset: removeDataset,
+      showDeleteDataset: showDeleteDataset
+    }), /*#__PURE__*/_react["default"].createElement(FilterList, {
+      filtersByIndex: filtersByIndex,
+      filters: filters,
+      datasets: datasets,
+      layers: layers,
+      isAnyFilterAnimating: isAnyFilterAnimating,
+      visStateActions: visStateActions
+    }));
+  };
+  var FilterManager = function FilterManager(_ref6) {
+    var _ref6$filters = _ref6.filters,
+      filters = _ref6$filters === void 0 ? [] : _ref6$filters,
+      datasets = _ref6.datasets,
+      layers = _ref6.layers,
+      showDatasetTable = _ref6.showDatasetTable,
+      updateTableColor = _ref6.updateTableColor,
+      removeDataset = _ref6.removeDataset,
+      showAddDataModal = _ref6.showAddDataModal,
+      panelMetadata = _ref6.panelMetadata,
+      panelListView = _ref6.panelListView,
+      visStateActions = _ref6.visStateActions,
+      uiStateActions = _ref6.uiStateActions;
+    var addFilter = visStateActions.addFilter;
+    var togglePanelListView = uiStateActions.togglePanelListView;
+    var isAnyFilterAnimating = filters.some(function (f) {
+      return f.isAnimating;
+    });
+    var onClickAddFilter = (0, _react.useCallback)(function (dataset) {
+      return addFilter(dataset);
+    }, [addFilter]);
+    var isSortByDatasetMode = panelListView === _constants.PANEL_VIEW_TOGGLES.byDataset;
+    var filtersByIndex = (0, _react.useMemo)(function () {
+      return filters.map(function (f, idx) {
+        return {
+          filter: f,
+          idx: idx
+        };
+      });
+    }, [filters]);
+    var filtersByDatasets = (0, _react.useMemo)(function () {
+      return Object.keys(datasets).reduce(function (accu, dataId) {
+        return _objectSpread(_objectSpread({}, accu), {}, (0, _defineProperty2["default"])({}, dataId, filtersByIndex.filter(function (fidx) {
+          return fidx.filter.dataId && fidx.filter.dataId[0] === dataId;
+        })));
+      }, {});
+    }, [datasets, filtersByIndex]);
+    var _TogglePanelListView = (0, _react.useCallback)(function (listView) {
+      togglePanelListView({
+        panelId: 'filter',
+        listView: listView
+      });
+    }, [togglePanelListView]);
+    var intl = (0, _reactIntl.useIntl)();
+    var filterListProps = {
+      datasets: datasets,
+      filters: filters,
+      layers: layers,
+      isAnyFilterAnimating: isAnyFilterAnimating,
+      visStateActions: visStateActions
+    };
+    var sourceDataCatalogProps = {
+      showDatasetTable: showDatasetTable,
+      updateTableColor: updateTableColor,
+      removeDataset: removeDataset,
+      showDeleteDataset: true
+    };
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "filter-manager"
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(PanelViewListToggle, {
+      togglePanelListView: _TogglePanelListView,
+      mode: panelListView
+    })), /*#__PURE__*/_react["default"].createElement(DatasetSection, (0, _extends2["default"])({
+      datasets: datasets
+    }, sourceDataCatalogProps, {
+      showDatasetList: !isSortByDatasetMode,
+      showAddDataModal: showAddDataModal
+    })), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelDivider, null), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(PanelTitle, {
+      className: "filter-manager-title",
+      title: intl.formatMessage({
+        id: panelMetadata.label
+      })
+    }, /*#__PURE__*/_react["default"].createElement(AddFilterButton, {
+      datasets: datasets,
+      onAdd: onClickAddFilter
+    }))), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, isSortByDatasetMode ? Object.keys(filtersByDatasets).map(function (dataId) {
+      return /*#__PURE__*/_react["default"].createElement(DatasetFilterSection, (0, _extends2["default"])({
+        key: dataId,
+        filtersByIndex: filtersByDatasets[dataId],
+        dataset: datasets[dataId]
+      }, filterListProps, sourceDataCatalogProps));
+    }) : /*#__PURE__*/_react["default"].createElement(FilterList, (0, _extends2["default"])({
+      filtersByIndex: filtersByIndex
+    }, filterListProps))));
+  };
+  return FilterManager;
+}
+var _default = exports["default"] = FilterManagerFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcmVhY3RJbnRsIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfc291cmNlRGF0YUNhdGFsb2ciLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2ZpbHRlclBhbmVsIiwiX2NvbnN0YW50cyIsIl91dGlscyIsIl9wYW5lbFZpZXdMaXN0VG9nZ2xlIiwiX3BhbmVsVGl0bGUiLCJfYWRkRmlsdGVyQnV0dG9uIiwiX2RhdGFzZXRTZWN0aW9uIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0Iiwib3duS2V5cyIsImtleXMiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJvIiwiZmlsdGVyIiwiZW51bWVyYWJsZSIsInB1c2giLCJhcHBseSIsIl9vYmplY3RTcHJlYWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5MiIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiRmlsdGVyTWFuYWdlckZhY3RvcnkiLCJkZXBzIiwiRGF0YXNldFNlY3Rpb25GYWN0b3J5IiwiRmlsdGVyUGFuZWxGYWN0b3J5IiwiUGFuZWxUaXRsZUZhY3RvcnkiLCJBZGRGaWx0ZXJCdXR0b25GYWN0b3J5IiwiUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3RvcnkiLCJTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3RvcnkiLCJEYXRhc2V0U2VjdGlvbiIsIkZpbHRlclBhbmVsIiwiUGFuZWxUaXRsZSIsIkFkZEZpbHRlckJ1dHRvbiIsIlBhbmVsVmlld0xpc3RUb2dnbGUiLCJTb3VyY2VEYXRhQ2F0YWxvZyIsIkZpbHRlckxpc3QiLCJfcmVmIiwiZmlsdGVyc0J5SW5kZXgiLCJmaWx0ZXJzIiwiZGF0YXNldHMiLCJsYXllcnMiLCJpc0FueUZpbHRlckFuaW1hdGluZyIsInZpc1N0YXRlQWN0aW9ucyIsInJlbW92ZUZpbHRlciIsInNldEZpbHRlciIsInNldEZpbHRlclBsb3QiLCJ0b2dnbGVGaWx0ZXJBbmltYXRpb24iLCJ0b2dnbGVGaWx0ZXJGZWF0dXJlIiwic2V0RmlsdGVyVmlldyIsInN5bmNUaW1lRmlsdGVyV2l0aExheWVyVGltZWxpbmUiLCJmaWx0ZXJQYW5lbENhbGxiYWNrcyIsInVzZU1lbW8iLCJyZWR1Y2UiLCJhY2N1IiwiX3JlZjIiLCJpZHgiLCJpZCIsInRvZ2dsZUZpbHRlclZpZXciLCJpc1NpZGVGaWx0ZXIiLCJGSUxURVJfVklFV19UWVBFUyIsImVubGFyZ2VkIiwic2lkZSIsInRvZ2dsZUFuaW1hdGlvbiIsImNyZWF0ZUVsZW1lbnQiLCJTaWRlUGFuZWxTZWN0aW9uIiwiX3RvQ29uc3VtYWJsZUFycmF5MiIsInJldmVyc2UiLCJtYXAiLCJfcmVmMyIsImtleSIsImNvbmNhdCIsImVubGFyZ2VGaWx0ZXIiLCJEYXRhc2V0RmlsdGVyU2VjdGlvbiIsIl9yZWY0IiwiZGF0YXNldCIsInNob3dEYXRhc2V0VGFibGUiLCJ1cGRhdGVUYWJsZUNvbG9yIiwicmVtb3ZlRGF0YXNldCIsInNob3dEZWxldGVEYXRhc2V0IiwiZGF0YXNldENhdGFsb2ciLCJGcmFnbWVudCIsIkZpbHRlck1hbmFnZXIiLCJfcmVmNiIsIl9yZWY2JGZpbHRlcnMiLCJzaG93QWRkRGF0YU1vZGFsIiwicGFuZWxNZXRhZGF0YSIsInBhbmVsTGlzdFZpZXciLCJ1aVN0YXRlQWN0aW9ucyIsImFkZEZpbHRlciIsInRvZ2dsZVBhbmVsTGlzdFZpZXciLCJzb21lIiwiZiIsImlzQW5pbWF0aW5nIiwib25DbGlja0FkZEZpbHRlciIsInVzZUNhbGxiYWNrIiwiaXNTb3J0QnlEYXRhc2V0TW9kZSIsIlBBTkVMX1ZJRVdfVE9HR0xFUyIsImJ5RGF0YXNldCIsImZpbHRlcnNCeURhdGFzZXRzIiwiZGF0YUlkIiwiZmlkeCIsIl9Ub2dnbGVQYW5lbExpc3RWaWV3IiwibGlzdFZpZXciLCJwYW5lbElkIiwiaW50bCIsInVzZUludGwiLCJmaWx0ZXJMaXN0UHJvcHMiLCJzb3VyY2VEYXRhQ2F0YWxvZ1Byb3BzIiwiY2xhc3NOYW1lIiwibW9kZSIsIl9leHRlbmRzMiIsInNob3dEYXRhc2V0TGlzdCIsIlNpZGVQYW5lbERpdmlkZXIiLCJ0aXRsZSIsImZvcm1hdE1lc3NhZ2UiLCJsYWJlbCIsIm9uQWRkIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3NpZGUtcGFuZWwvZmlsdGVyLW1hbmFnZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCB1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge3VzZUludGx9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHtTaWRlUGFuZWxEaXZpZGVyLCBTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFNvdXJjZURhdGFDYXRhbG9nRmFjdG9yeSBmcm9tICcuL2NvbW1vbi9zb3VyY2UtZGF0YS1jYXRhbG9nJztcbmltcG9ydCBGaWx0ZXJQYW5lbEZhY3RvcnkgZnJvbSAnLi9maWx0ZXItcGFuZWwvZmlsdGVyLXBhbmVsJztcbmltcG9ydCB7RklMVEVSX1ZJRVdfVFlQRVMsIFBBTkVMX1ZJRVdfVE9HR0xFU30gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtGaWx0ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtMYXllcn0gZnJvbSAnQGtlcGxlci5nbC9sYXllcnMnO1xuaW1wb3J0IHtpc1NpZGVGaWx0ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuaW1wb3J0IHtWaXNTdGF0ZUFjdGlvbnMsIEFjdGlvbkhhbmRsZXIsIFVJU3RhdGVBY3Rpb25zLCBBY3Rpb25IYW5kbGVyc30gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcbmltcG9ydCB7RGF0YXNldHN9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuXG5pbXBvcnQgUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3RvcnkgZnJvbSAnLi9wYW5lbC12aWV3LWxpc3QtdG9nZ2xlJztcbmltcG9ydCBQYW5lbFRpdGxlRmFjdG9yeSBmcm9tICcuL3BhbmVsLXRpdGxlJztcbmltcG9ydCBBZGRGaWx0ZXJCdXR0b25GYWN0b3J5IGZyb20gJy4vZmlsdGVyLXBhbmVsL2FkZC1maWx0ZXItYnV0dG9uJztcbmltcG9ydCBEYXRhc2V0U2VjdGlvbkZhY3RvcnkgZnJvbSAnLi9sYXllci1wYW5lbC9kYXRhc2V0LXNlY3Rpb24nO1xuaW1wb3J0IHtQYW5lbE1ldGF9IGZyb20gJy4vY29tbW9uL3R5cGVzJztcblxudHlwZSBWaXNTdGF0ZUFjdGlvbkhhbmRsZXJzID0gQWN0aW9uSGFuZGxlcnM8dHlwZW9mIFZpc1N0YXRlQWN0aW9ucz47XG50eXBlIFVpU3RhdGVBY3Rpb25IYW5kbGVycyA9IEFjdGlvbkhhbmRsZXJzPHR5cGVvZiBVSVN0YXRlQWN0aW9ucz47XG5cbmV4cG9ydCB0eXBlIEZpbHRlck1hbmFnZXJQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyW107XG4gIGRhdGFzZXRzOiBEYXRhc2V0cztcbiAgbGF5ZXJzOiBMYXllcltdO1xuICBzaG93RGF0YXNldFRhYmxlOiBBY3Rpb25IYW5kbGVyPHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnMuc2hvd0RhdGFzZXRUYWJsZT47XG4gIHVwZGF0ZVRhYmxlQ29sb3I6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFZpc1N0YXRlQWN0aW9ucy51cGRhdGVUYWJsZUNvbG9yPjtcbiAgcmVtb3ZlRGF0YXNldDogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnJlbW92ZURhdGFzZXQ+O1xuICBzaG93QWRkRGF0YU1vZGFsOiAoKSA9PiB2b2lkO1xuXG4gIHBhbmVsTWV0YWRhdGE6IFBhbmVsTWV0YTtcbiAgcGFuZWxMaXN0Vmlldzogc3RyaW5nO1xuICB2aXNTdGF0ZUFjdGlvbnM6IFZpc1N0YXRlQWN0aW9uSGFuZGxlcnM7XG4gIHVpU3RhdGVBY3Rpb25zOiBVaVN0YXRlQWN0aW9uSGFuZGxlcnM7XG59O1xuXG50eXBlIEZpbHRlckxpc3RQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyW107XG4gIGRhdGFzZXRzOiBEYXRhc2V0cztcbiAgbGF5ZXJzOiBMYXllcltdO1xuICBmaWx0ZXJzQnlJbmRleDoge1xuICAgIGZpbHRlcjogRmlsdGVyO1xuICAgIGlkeDogbnVtYmVyO1xuICB9W107XG4gIGlzQW55RmlsdGVyQW5pbWF0aW5nOiBib29sZWFuO1xuICB2aXNTdGF0ZUFjdGlvbnM6IFZpc1N0YXRlQWN0aW9uSGFuZGxlcnM7XG59O1xuXG5GaWx0ZXJNYW5hZ2VyRmFjdG9yeS5kZXBzID0gW1xuICBEYXRhc2V0U2VjdGlvbkZhY3RvcnksXG4gIEZpbHRlclBhbmVsRmFjdG9yeSxcbiAgUGFuZWxUaXRsZUZhY3RvcnksXG4gIEFkZEZpbHRlckJ1dHRvbkZhY3RvcnksXG4gIFBhbmVsVmlld0xpc3RUb2dnbGVGYWN0b3J5LFxuICBTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3Rvcnlcbl07XG5cbmZ1bmN0aW9uIEZpbHRlck1hbmFnZXJGYWN0b3J5KFxuICBEYXRhc2V0U2VjdGlvbjogUmV0dXJuVHlwZTx0eXBlb2YgRGF0YXNldFNlY3Rpb25GYWN0b3J5PixcbiAgRmlsdGVyUGFuZWw6IFJldHVyblR5cGU8dHlwZW9mIEZpbHRlclBhbmVsRmFjdG9yeT4sXG4gIFBhbmVsVGl0bGU6IFJldHVyblR5cGU8dHlwZW9mIFBhbmVsVGl0bGVGYWN0b3J5PixcbiAgQWRkRmlsdGVyQnV0dG9uOiBSZXR1cm5UeXBlPHR5cGVvZiBBZGRGaWx0ZXJCdXR0b25GYWN0b3J5PixcbiAgUGFuZWxWaWV3TGlzdFRvZ2dsZTogUmV0dXJuVHlwZTx0eXBlb2YgUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3Rvcnk+LFxuICBTb3VyY2VEYXRhQ2F0YWxvZzogUmV0dXJuVHlwZTx0eXBlb2YgU291cmNlRGF0YUNhdGFsb2dGYWN0b3J5PlxuKSB7XG4gIGNvbnN0IEZpbHRlckxpc3QgPSAoe1xuICAgIGZpbHRlcnNCeUluZGV4LFxuICAgIGZpbHRlcnMsXG4gICAgZGF0YXNldHMsXG4gICAgbGF5ZXJzLFxuICAgIGlzQW55RmlsdGVyQW5pbWF0aW5nLFxuICAgIHZpc1N0YXRlQWN0aW9uc1xuICB9OiBGaWx0ZXJMaXN0UHJvcHMpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICByZW1vdmVGaWx0ZXIsXG4gICAgICBzZXRGaWx0ZXIsXG4gICAgICBzZXRGaWx0ZXJQbG90LFxuICAgICAgdG9nZ2xlRmlsdGVyQW5pbWF0aW9uLFxuICAgICAgdG9nZ2xlRmlsdGVyRmVhdHVyZSxcbiAgICAgIHNldEZpbHRlclZpZXcsXG4gICAgICBzeW5jVGltZUZpbHRlcldpdGhMYXllclRpbWVsaW5lXG4gICAgfSA9IHZpc1N0YXRlQWN0aW9ucztcblxuICAgIGNvbnN0IGZpbHRlclBhbmVsQ2FsbGJhY2tzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICByZXR1cm4gZmlsdGVyc0J5SW5kZXgucmVkdWNlKFxuICAgICAgICAoYWNjdSwge2ZpbHRlciwgaWR4fSkgPT4gKHtcbiAgICAgICAgICAuLi5hY2N1LFxuICAgICAgICAgIFtmaWx0ZXIuaWRdOiB7XG4gICAgICAgICAgICByZW1vdmVGaWx0ZXI6ICgpID0+IHJlbW92ZUZpbHRlcihpZHgpLFxuICAgICAgICAgICAgdG9nZ2xlRmlsdGVyVmlldzogKCkgPT5cbiAgICAgICAgICAgICAgc2V0RmlsdGVyVmlldyhcbiAgICAgICAgICAgICAgICBpZHgsXG4gICAgICAgICAgICAgICAgaXNTaWRlRmlsdGVyKGZpbHRlcikgPyBGSUxURVJfVklFV19UWVBFUy5lbmxhcmdlZCA6IEZJTFRFUl9WSUVXX1RZUEVTLnNpZGVcbiAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRvZ2dsZUFuaW1hdGlvbjogKCkgPT4gdG9nZ2xlRmlsdGVyQW5pbWF0aW9uKGlkeCksXG4gICAgICAgICAgICB0b2dnbGVGaWx0ZXJGZWF0dXJlOiAoKSA9PiB0b2dnbGVGaWx0ZXJGZWF0dXJlKGlkeClcbiAgICAgICAgICB9XG4gICAgICAgIH0pLFxuICAgICAgICB7fVxuICAgICAgKTtcbiAgICB9LCBbZmlsdGVyc0J5SW5kZXgsIHJlbW92ZUZpbHRlciwgc2V0RmlsdGVyVmlldywgdG9nZ2xlRmlsdGVyQW5pbWF0aW9uLCB0b2dnbGVGaWx0ZXJGZWF0dXJlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFNpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgIHtbLi4uZmlsdGVyc0J5SW5kZXhdLnJldmVyc2UoKS5tYXAoKHtmaWx0ZXIsIGlkeH0pID0+IChcbiAgICAgICAgICA8RmlsdGVyUGFuZWxcbiAgICAgICAgICAgIGtleT17YCR7ZmlsdGVyLmlkfS0ke2lkeH1gfVxuICAgICAgICAgICAgaWR4PXtpZHh9XG4gICAgICAgICAgICBmaWx0ZXJzPXtmaWx0ZXJzfVxuICAgICAgICAgICAgZmlsdGVyPXtmaWx0ZXJ9XG4gICAgICAgICAgICBkYXRhc2V0cz17ZGF0YXNldHN9XG4gICAgICAgICAgICBsYXllcnM9e2xheWVyc31cbiAgICAgICAgICAgIGlzQW55RmlsdGVyQW5pbWF0aW5nPXtpc0FueUZpbHRlckFuaW1hdGluZ31cbiAgICAgICAgICAgIHJlbW92ZUZpbHRlcj17ZmlsdGVyUGFuZWxDYWxsYmFja3NbZmlsdGVyLmlkXS5yZW1vdmVGaWx0ZXJ9XG4gICAgICAgICAgICBlbmxhcmdlRmlsdGVyPXtmaWx0ZXJQYW5lbENhbGxiYWNrc1tmaWx0ZXIuaWRdLnRvZ2dsZUZpbHRlclZpZXd9XG4gICAgICAgICAgICB0b2dnbGVBbmltYXRpb249e2ZpbHRlclBhbmVsQ2FsbGJhY2tzW2ZpbHRlci5pZF0udG9nZ2xlQW5pbWF0aW9ufVxuICAgICAgICAgICAgdG9nZ2xlRmlsdGVyRmVhdHVyZT17ZmlsdGVyUGFuZWxDYWxsYmFja3NbZmlsdGVyLmlkXS50b2dnbGVGaWx0ZXJGZWF0dXJlfVxuICAgICAgICAgICAgc2V0RmlsdGVyPXtzZXRGaWx0ZXJ9XG4gICAgICAgICAgICBzZXRGaWx0ZXJQbG90PXtzZXRGaWx0ZXJQbG90fVxuICAgICAgICAgICAgc3luY1RpbWVGaWx0ZXJXaXRoTGF5ZXJUaW1lbGluZT17c3luY1RpbWVGaWx0ZXJXaXRoTGF5ZXJUaW1lbGluZX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvU2lkZVBhbmVsU2VjdGlvbj5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IERhdGFzZXRGaWx0ZXJTZWN0aW9uID0gKHtcbiAgICBmaWx0ZXJzQnlJbmRleCxcbiAgICBmaWx0ZXJzLFxuICAgIGRhdGFzZXQsXG4gICAgZGF0YXNldHMsXG4gICAgbGF5ZXJzLFxuICAgIGlzQW55RmlsdGVyQW5pbWF0aW5nLFxuICAgIHZpc1N0YXRlQWN0aW9ucyxcbiAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgIHVwZGF0ZVRhYmxlQ29sb3IsXG4gICAgcmVtb3ZlRGF0YXNldCxcbiAgICBzaG93RGVsZXRlRGF0YXNldFxuICB9KSA9PiB7XG4gICAgY29uc3QgZGF0YXNldENhdGFsb2cgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiB7W2RhdGFzZXQuaWRdOiBkYXRhc2V0fTtcbiAgICB9LCBbZGF0YXNldF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxTb3VyY2VEYXRhQ2F0YWxvZ1xuICAgICAgICAgIGRhdGFzZXRzPXtkYXRhc2V0Q2F0YWxvZ31cbiAgICAgICAgICBzaG93RGF0YXNldFRhYmxlPXtzaG93RGF0YXNldFRhYmxlfVxuICAgICAgICAgIHVwZGF0ZVRhYmxlQ29sb3I9e3VwZGF0ZVRhYmxlQ29sb3J9XG4gICAgICAgICAgcmVtb3ZlRGF0YXNldD17cmVtb3ZlRGF0YXNldH1cbiAgICAgICAgICBzaG93RGVsZXRlRGF0YXNldD17c2hvd0RlbGV0ZURhdGFzZXR9XG4gICAgICAgIC8+XG4gICAgICAgIDxGaWx0ZXJMaXN0XG4gICAgICAgICAgZmlsdGVyc0J5SW5kZXg9e2ZpbHRlcnNCeUluZGV4fVxuICAgICAgICAgIGZpbHRlcnM9e2ZpbHRlcnN9XG4gICAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICAgIGxheWVycz17bGF5ZXJzfVxuICAgICAgICAgIGlzQW55RmlsdGVyQW5pbWF0aW5nPXtpc0FueUZpbHRlckFuaW1hdGluZ31cbiAgICAgICAgICB2aXNTdGF0ZUFjdGlvbnM9e3Zpc1N0YXRlQWN0aW9uc31cbiAgICAgICAgLz5cbiAgICAgIDwvPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgRmlsdGVyTWFuYWdlcjogUmVhY3QuRkM8RmlsdGVyTWFuYWdlclByb3BzPiA9ICh7XG4gICAgZmlsdGVycyA9IFtdLFxuICAgIGRhdGFzZXRzLFxuICAgIGxheWVycyxcbiAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgIHVwZGF0ZVRhYmxlQ29sb3IsXG4gICAgcmVtb3ZlRGF0YXNldCxcbiAgICBzaG93QWRkRGF0YU1vZGFsLFxuICAgIHBhbmVsTWV0YWRhdGEsXG4gICAgcGFuZWxMaXN0VmlldyxcbiAgICB2aXNTdGF0ZUFjdGlvbnMsXG4gICAgdWlTdGF0ZUFjdGlvbnNcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHthZGRGaWx0ZXJ9ID0gdmlzU3RhdGVBY3Rpb25zO1xuICAgIGNvbnN0IHt0b2dnbGVQYW5lbExpc3RWaWV3fSA9IHVpU3RhdGVBY3Rpb25zO1xuICAgIGNvbnN0IGlzQW55RmlsdGVyQW5pbWF0aW5nID0gZmlsdGVycy5zb21lKGYgPT4gZi5pc0FuaW1hdGluZyk7XG4gICAgY29uc3Qgb25DbGlja0FkZEZpbHRlciA9IHVzZUNhbGxiYWNrKGRhdGFzZXQgPT4gYWRkRmlsdGVyKGRhdGFzZXQpLCBbYWRkRmlsdGVyXSk7XG4gICAgY29uc3QgaXNTb3J0QnlEYXRhc2V0TW9kZSA9IHBhbmVsTGlzdFZpZXcgPT09IFBBTkVMX1ZJRVdfVE9HR0xFUy5ieURhdGFzZXQ7XG4gICAgY29uc3QgZmlsdGVyc0J5SW5kZXggPSB1c2VNZW1vKFxuICAgICAgKCkgPT5cbiAgICAgICAgZmlsdGVycy5tYXAoKGYsIGlkeCkgPT4gKHtcbiAgICAgICAgICBmaWx0ZXI6IGYsXG4gICAgICAgICAgaWR4XG4gICAgICAgIH0pKSxcbiAgICAgIFtmaWx0ZXJzXVxuICAgICk7XG4gICAgY29uc3QgZmlsdGVyc0J5RGF0YXNldHMgPSB1c2VNZW1vKFxuICAgICAgKCkgPT5cbiAgICAgICAgT2JqZWN0LmtleXMoZGF0YXNldHMpLnJlZHVjZShcbiAgICAgICAgICAoYWNjdSwgZGF0YUlkKSA9PiAoe1xuICAgICAgICAgICAgLi4uYWNjdSxcbiAgICAgICAgICAgIC8vIGlmIHN5bmNlZCBmaWx0ZXIsIHNob3cgaXQgdW5mZGVyIGl0cyB0aGUgZmlyc3QgZGF0YXNldFxuICAgICAgICAgICAgW2RhdGFJZF06IGZpbHRlcnNCeUluZGV4LmZpbHRlcihcbiAgICAgICAgICAgICAgZmlkeCA9PiBmaWR4LmZpbHRlci5kYXRhSWQgJiYgZmlkeC5maWx0ZXIuZGF0YUlkWzBdID09PSBkYXRhSWRcbiAgICAgICAgICAgIClcbiAgICAgICAgICB9KSxcbiAgICAgICAgICB7fVxuICAgICAgICApLFxuICAgICAgW2RhdGFzZXRzLCBmaWx0ZXJzQnlJbmRleF1cbiAgICApO1xuICAgIGNvbnN0IF9Ub2dnbGVQYW5lbExpc3RWaWV3ID0gdXNlQ2FsbGJhY2soXG4gICAgICBsaXN0VmlldyA9PiB7XG4gICAgICAgIHRvZ2dsZVBhbmVsTGlzdFZpZXcoe3BhbmVsSWQ6ICdmaWx0ZXInLCBsaXN0Vmlld30pO1xuICAgICAgfSxcbiAgICAgIFt0b2dnbGVQYW5lbExpc3RWaWV3XVxuICAgICk7XG5cbiAgICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICAgIGNvbnN0IGZpbHRlckxpc3RQcm9wcyA9IHtcbiAgICAgIGRhdGFzZXRzLFxuICAgICAgZmlsdGVycyxcbiAgICAgIGxheWVycyxcbiAgICAgIGlzQW55RmlsdGVyQW5pbWF0aW5nLFxuICAgICAgdmlzU3RhdGVBY3Rpb25zXG4gICAgfTtcblxuICAgIGNvbnN0IHNvdXJjZURhdGFDYXRhbG9nUHJvcHMgPSB7XG4gICAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgICAgdXBkYXRlVGFibGVDb2xvcixcbiAgICAgIHJlbW92ZURhdGFzZXQsXG4gICAgICBzaG93RGVsZXRlRGF0YXNldDogdHJ1ZVxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJmaWx0ZXItbWFuYWdlclwiPlxuICAgICAgICA8U2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgICAgICA8UGFuZWxWaWV3TGlzdFRvZ2dsZSB0b2dnbGVQYW5lbExpc3RWaWV3PXtfVG9nZ2xlUGFuZWxMaXN0Vmlld30gbW9kZT17cGFuZWxMaXN0Vmlld30gLz5cbiAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICA8RGF0YXNldFNlY3Rpb25cbiAgICAgICAgICBkYXRhc2V0cz17ZGF0YXNldHN9XG4gICAgICAgICAgey4uLnNvdXJjZURhdGFDYXRhbG9nUHJvcHN9XG4gICAgICAgICAgc2hvd0RhdGFzZXRMaXN0PXshaXNTb3J0QnlEYXRhc2V0TW9kZX1cbiAgICAgICAgICBzaG93QWRkRGF0YU1vZGFsPXtzaG93QWRkRGF0YU1vZGFsfVxuICAgICAgICAvPlxuICAgICAgICA8U2lkZVBhbmVsRGl2aWRlciAvPlxuICAgICAgICA8U2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgICAgICA8UGFuZWxUaXRsZVxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiZmlsdGVyLW1hbmFnZXItdGl0bGVcIlxuICAgICAgICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZSh7aWQ6IHBhbmVsTWV0YWRhdGEubGFiZWx9KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8QWRkRmlsdGVyQnV0dG9uIGRhdGFzZXRzPXtkYXRhc2V0c30gb25BZGQ9e29uQ2xpY2tBZGRGaWx0ZXJ9IC8+XG4gICAgICAgICAgPC9QYW5lbFRpdGxlPlxuICAgICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgIHtpc1NvcnRCeURhdGFzZXRNb2RlID8gKFxuICAgICAgICAgICAgT2JqZWN0LmtleXMoZmlsdGVyc0J5RGF0YXNldHMpLm1hcChkYXRhSWQgPT4gKFxuICAgICAgICAgICAgICA8RGF0YXNldEZpbHRlclNlY3Rpb25cbiAgICAgICAgICAgICAgICBrZXk9e2RhdGFJZH1cbiAgICAgICAgICAgICAgICBmaWx0ZXJzQnlJbmRleD17ZmlsdGVyc0J5RGF0YXNldHNbZGF0YUlkXX1cbiAgICAgICAgICAgICAgICBkYXRhc2V0PXtkYXRhc2V0c1tkYXRhSWRdfVxuICAgICAgICAgICAgICAgIHsuLi5maWx0ZXJMaXN0UHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLnNvdXJjZURhdGFDYXRhbG9nUHJvcHN9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8RmlsdGVyTGlzdCBmaWx0ZXJzQnlJbmRleD17ZmlsdGVyc0J5SW5kZXh9IHsuLi5maWx0ZXJMaXN0UHJvcHN9IC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gRmlsdGVyTWFuYWdlcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRmlsdGVyTWFuYWdlckZhY3Rvcnk7XG4iXSwibWFwcGlu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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Datasets } from '@kepler.gl/table';
+export declare type AddFilterButtonProps = {
+    datasets: Datasets;
+    onAdd: (dataId: string) => void;
+};
+declare function AddFilterButtonFactory(): React.FC<AddFilterButtonProps>;
+export default AddFilterButtonFactory;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _addByDatasetButton = _interopRequireDefault(require("../add-by-dataset-button"));
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+function AddFilterButtonFactory() {
+  var AddFilterButton = function AddFilterButton(_ref) {
+    var datasets = _ref.datasets,
+      onAdd = _ref.onAdd;
+    return /*#__PURE__*/_react["default"].createElement(_addByDatasetButton["default"], {
+      datasets: datasets,
+      className: "add-filter-button",
+      width: "105px",
+      onAdd: onAdd,
+      buttonIntlId: "filterManager.addFilter"
+    });
+  };
+  return AddFilterButton;
+}
+var _default = exports["default"] = AddFilterButtonFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9hZGRCeURhdGFzZXRCdXR0b24iLCJBZGRGaWx0ZXJCdXR0b25GYWN0b3J5IiwiQWRkRmlsdGVyQnV0dG9uIiwiX3JlZiIsImRhdGFzZXRzIiwib25BZGQiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwid2lkdGgiLCJidXR0b25JbnRsSWQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9maWx0ZXItcGFuZWwvYWRkLWZpbHRlci1idXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0RhdGFzZXRzfSBmcm9tICdAa2VwbGVyLmdsL3RhYmxlJztcbmltcG9ydCBBZGRCeURhdGFzZXRCdXR0b24gZnJvbSAnLi4vYWRkLWJ5LWRhdGFzZXQtYnV0dG9uJztcblxuZXhwb3J0IHR5cGUgQWRkRmlsdGVyQnV0dG9uUHJvcHMgPSB7XG4gIGRhdGFzZXRzOiBEYXRhc2V0cztcbiAgb25BZGQ6IChkYXRhSWQ6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmZ1bmN0aW9uIEFkZEZpbHRlckJ1dHRvbkZhY3RvcnkoKSB7XG4gIGNvbnN0IEFkZEZpbHRlckJ1dHRvbjogUmVhY3QuRkM8QWRkRmlsdGVyQnV0dG9uUHJvcHM+ID0gKHtkYXRhc2V0cywgb25BZGR9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxBZGRCeURhdGFzZXRCdXR0b25cbiAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICBjbGFzc05hbWU9XCJhZGQtZmlsdGVyLWJ1dHRvblwiXG4gICAgICAgIHdpZHRoPVwiMTA1cHhcIlxuICAgICAgICBvbkFkZD17b25BZGR9XG4gICAgICAgIGJ1dHRvbkludGxJZD1cImZpbHRlck1hbmFnZXIuYWRkRmlsdGVyXCJcbiAgICAgIC8+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gQWRkRmlsdGVyQnV0dG9uO1xufVxuXG5leHBvcnQgZGVmYXVsdCBBZGRGaWx0ZXJCdXR0b25GYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUMsbUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUxBO0FBQ0E7O0FBV0EsU0FBU0Usc0JBQXNCQSxDQUFBLEVBQUc7RUFDaEMsSUFBTUMsZUFBK0MsR0FBRyxTQUFsREEsZUFBK0NBLENBQUFDLElBQUEsRUFBMEI7SUFBQSxJQUFyQkMsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7TUFBRUMsS0FBSyxHQUFBRixJQUFBLENBQUxFLEtBQUs7SUFDdkUsb0JBQ0VSLE1BQUEsWUFBQVMsYUFBQSxDQUFDTixtQkFBQSxXQUFrQjtNQUNqQkksUUFBUSxFQUFFQSxRQUFTO01BQ25CRyxTQUFTLEVBQUMsbUJBQW1CO01BQzdCQyxLQUFLLEVBQUMsT0FBTztNQUNiSCxLQUFLLEVBQUVBLEtBQU07TUFDYkksWUFBWSxFQUFDO0lBQXlCLENBQ3ZDLENBQUM7RUFFTixDQUFDO0VBRUQsT0FBT1AsZUFBZTtBQUN4QjtBQUFDLElBQUFRLFFBQUEsR0FBQUMsT0FBQSxjQUVjVixzQkFBc0IiLCJpZ25vcmVMaXN0IjpbXX0=

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

@@ -0,0 +1,26 @@
+import React, { ComponentType } from 'react';
+import PanelHeaderActionFactory from '../../side-panel/panel-header-action';
+import { StyledPanelHeaderProps } from '../../common/styled-components';
+import { RGBColor, Filter, Field } 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>;
+export declare type FilterPanelHeaderProps = {
+    className?: string;
+    datasets: KeplerTable[];
+    filter: Filter;
+    removeFilter: () => void;
+    actionIcons?: {
+        delete: ComponentType;
+    };
+    allAvailableFields?: Field[];
+    idx?: number;
+    children: React.ReactNode;
+};
+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,53 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var StyledFilterHeader = exports.StyledFilterHeader = (0, _styledComponents["default"])(_styledComponents2.StyledPanelHeader)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  cursor: pointer;\n  padding: 10px 12px;\n\n  .field-selector {\n    width: 100%;\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;';
+});
+var StyledChildrenContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n"])));
+FilterPanelHeaderFactory.deps = [_panelHeaderAction["default"]];
+function FilterPanelHeaderFactory(PanelHeaderAction) {
+  var defaultActionIcons = {
+    "delete": _icons.Trash
+  };
+  var FilterPanelHeader = function FilterPanelHeader(_ref) {
+    var children = _ref.children,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      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: (0, _classnames["default"])('filter-panel__header', className),
+      $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 = exports["default"] = FilterPanelHeaderFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NsYXNzbmFtZXMiLCJfcGFuZWxIZWFkZXJBY3Rpb24iLCJfaWNvbnMiLCJfdXRpbHMiLCJfc3R5bGVkQ29tcG9uZW50czIiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiU3R5bGVkRmlsdGVySGVhZGVyIiwiZXhwb3J0cyIsInN0eWxlZCIsIlN0eWxlZFBhbmVsSGVhZGVyIiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsIiRsYWJlbFJDR0NvbG9yVmFsdWVzIiwibGVuZ3RoIiwiY29uY2F0IiwiY3JlYXRlTGluZWFyR3JhZGllbnQiLCJTdHlsZWRDaGlsZHJlbkNvbnRhaW5lciIsImRpdiIsIkZpbHRlclBhbmVsSGVhZGVyRmFjdG9yeSIsImRlcHMiLCJQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkiLCJQYW5lbEhlYWRlckFjdGlvbiIsImRlZmF1bHRBY3Rpb25JY29ucyIsIlRyYXNoIiwiRmlsdGVyUGFuZWxIZWFkZXIiLCJfcmVmIiwiY2hpbGRyZW4iLCJfcmVmJGNsYXNzTmFtZSIsImNsYXNzTmFtZSIsImRhdGFzZXRzIiwiZmlsdGVyIiwicmVtb3ZlRmlsdGVyIiwiX3JlZiRhY3Rpb25JY29ucyIsImFjdGlvbkljb25zIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzbmFtZXMiLCJtYXAiLCJkIiwiY29sb3IiLCJpZCIsInRvb2x0aXAiLCJ0b29sdGlwVHlwZSIsIm9uQ2xpY2siLCJob3ZlckNvbG9yIiwiSWNvbkNvbXBvbmVudCIsIl9kZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvZmlsdGVyLXBhbmVsL2ZpbHRlci1wYW5lbC1oZWFkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudFR5cGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IGZyb20gJy4uLy4uL3NpZGUtcGFuZWwvcGFuZWwtaGVhZGVyLWFjdGlvbic7XG5pbXBvcnQge1RyYXNofSBmcm9tICcuLi8uLi9jb21tb24vaWNvbnMnO1xuaW1wb3J0IHtjcmVhdGVMaW5lYXJHcmFkaWVudH0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge1N0eWxlZFBhbmVsSGVhZGVyLCBTdHlsZWRQYW5lbEhlYWRlclByb3BzfSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtSR0JDb2xvciwgRmlsdGVyLCBGaWVsZH0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge0tlcGxlclRhYmxlfSBmcm9tICdAa2VwbGVyLmdsL3RhYmxlJztcblxuaW50ZXJmYWNlIFN0eWxlZEZpbHRlckhlYWRlclByb3BzIGV4dGVuZHMgU3R5bGVkUGFuZWxIZWFkZXJQcm9wcyB7XG4gICRsYWJlbFJDR0NvbG9yVmFsdWVzOiBSR0JDb2xvcltdO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsdGVySGVhZGVyID0gc3R5bGVkKFN0eWxlZFBhbmVsSGVhZGVyKTxTdHlsZWRGaWx0ZXJIZWFkZXJQcm9wcz5gXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZzogMTBweCAxMnB4O1xuXG4gIC5maWVsZC1zZWxlY3RvciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZmxleDogMjtcbiAgfVxuXG4gIGJvcmRlci1sZWZ0OiAzcHggc29saWQ7XG4gICR7cHJvcHMgPT5cbiAgICBwcm9wcy4kbGFiZWxSQ0dDb2xvclZhbHVlcyAmJiBwcm9wcy4kbGFiZWxSQ0dDb2xvclZhbHVlcy5sZW5ndGggPiAwXG4gICAgICA/IGBib3JkZXItaW1hZ2U6ICR7Y3JlYXRlTGluZWFyR3JhZGllbnQoJ2JvdHRvbScsIHByb3BzLiRsYWJlbFJDR0NvbG9yVmFsdWVzKX0gMztgXG4gICAgICA6ICdib3JkZXItY29sb3I6IHRyYW5zcGFyZW50Oyd9O1xuYDtcblxuY29uc3QgU3R5bGVkQ2hpbGRyZW5Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IHR5cGUgRmlsdGVyUGFuZWxIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBkYXRhc2V0czogS2VwbGVyVGFibGVbXTtcbiAgZmlsdGVyOiBGaWx0ZXI7XG4gIHJlbW92ZUZpbHRlcjogKCkgPT4gdm9pZDtcbiAgYWN0aW9uSWNvbnM/OiB7XG4gICAgZGVsZXRlOiBDb21wb25lbnRUeXBlO1xuICB9O1xuICBhbGxBdmFpbGFibGVGaWVsZHM/OiBGaWVsZFtdO1xuICBpZHg/OiBudW1iZXI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5GaWx0ZXJQYW5lbEhlYWRlckZhY3RvcnkuZGVwcyA9IFtQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnldO1xuXG5mdW5jdGlvbiBGaWx0ZXJQYW5lbEhlYWRlckZhY3RvcnkoXG4gIFBhbmVsSGVhZGVyQWN0aW9uOiBSZXR1cm5UeXBlPHR5cGVvZiBQYW5lbEhlYWRlckFjdGlvbkZhY3Rvcnk+XG4pOiBSZWFjdC5Db21wb25lbnRUeXBlPEZpbHRlclBhbmVsSGVhZGVyUHJvcHM+IHtcbiAgY29uc3QgZGVmYXVsdEFjdGlvbkljb25zID0ge1xuICAgIGRlbGV0ZTogVHJhc2hcbiAgfTtcbiAgY29uc3QgRmlsdGVyUGFuZWxIZWFkZXI6IFJlYWN0LkZDPEZpbHRlclBhbmVsSGVhZGVyUHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUgPSAnJyxcbiAgICBkYXRhc2V0cyxcbiAgICBmaWx0ZXIsXG4gICAgcmVtb3ZlRmlsdGVyLFxuICAgIGFjdGlvbkljb25zID0gZGVmYXVsdEFjdGlvbkljb25zXG4gIH06IEZpbHRlclBhbmVsSGVhZGVyUHJvcHMpID0+IChcbiAgICA8U3R5bGVkRmlsdGVySGVhZGVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ2ZpbHRlci1wYW5lbF9faGVhZGVyJywgY2xhc3NOYW1lKX1cbiAgICAgICRsYWJlbFJDR0NvbG9yVmFsdWVzPXtkYXRhc2V0cy5tYXAoKGQ6IEtlcGxlclRhYmxlKSA9PiBkLmNvbG9yKX1cbiAgICA+XG4gICAgICA8U3R5bGVkQ2hpbGRyZW5Db250YWluZXI+e2NoaWxkcmVufTwvU3R5bGVkQ2hpbGRyZW5Db250YWluZXI+XG4gICAgICA8UGFuZWxIZWFkZXJBY3Rpb25cbiAgICAgICAgaWQ9e2ZpbHRlci5pZH1cbiAgICAgICAgdG9vbHRpcD1cInRvb2x0aXAuZGVsZXRlXCJcbiAgICAgICAgdG9vbHRpcFR5cGU9XCJlcnJvclwiXG4gICAgICAgIG9uQ2xpY2s9e3JlbW92ZUZpbHRlcn1cbiAgICAgICAgaG92ZXJDb2xvcj17J2Vycm9yQ29sb3InfVxuICAgICAgICBJY29uQ29tcG9uZW50PXthY3Rpb25JY29ucy5kZWxldGV9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkRmlsdGVySGVhZGVyPlxuICApO1xuXG4gIHJldHVybiBGaWx0ZXJQYW5lbEhlYWRlcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRmlsdGVyUGFuZWxIZWFkZXJGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxXQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJ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

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;
+    toggleAnimation: () => void;
+    enlargeFilter: () => 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;