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

package/dist/side-panel/common/dataset-tag.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DatasetTagFactory;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _localization = require("@kepler.gl/localization");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ = require("../..");
+var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function nop() {
+  return;
+}
+var DatasetTagWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  color: ", ";\n  font-size: 11px;\n  letter-spacing: 0.2px;\n  overflow: auto;\n\n  .dataset-color {\n    flex-shrink: 0;\n    margin-top: 3px;\n  }\n\n  .dataset-name {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])), function (props) {
+  return props.theme.textColor;
+});
+var DatasetColorPicker = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n"])));
+var UpdateTableColor = function UpdateTableColor(_ref) {
+  var children = _ref.children,
+    id = _ref.id;
+  return /*#__PURE__*/_react["default"].createElement(DatasetColorPicker, {
+    className: "dataset-action update-color",
+    "data-tip": true,
+    "data-for": "update-color-".concat(id)
+  }, children);
+};
+function DatasetTagFactory() {
+  var DatasetTag = function DatasetTag(_ref2) {
+    var _ref2$onClick = _ref2.onClick,
+      onClick = _ref2$onClick === void 0 ? nop : _ref2$onClick,
+      _ref2$onClickSquare = _ref2.onClickSquare,
+      onClickSquare = _ref2$onClickSquare === void 0 ? nop : _ref2$onClickSquare,
+      dataset = _ref2.dataset,
+      updateTableColor = _ref2.updateTableColor;
+    return /*#__PURE__*/_react["default"].createElement(DatasetTagWrapper, {
+      className: "source-data-tag"
+    }, /*#__PURE__*/_react["default"].createElement(UpdateTableColor, {
+      id: dataset.id
+    }, /*#__PURE__*/_react["default"].createElement(_.DatasetSquare, {
+      className: "dataset-color",
+      backgroundColor: dataset.color,
+      onClick: onClickSquare,
+      "data-tip": true,
+      "data-for": "update-color-".concat(dataset.id)
+    }), updateTableColor ? /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
+      id: "update-color-".concat(dataset.id),
+      effect: "solid"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'Update color'
+    }))) : null), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "dataset-name",
+      title: dataset.label,
+      onClick: onClick
+    }, dataset.label));
+  };
+  return DatasetTag;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9sb2NhbGl6YXRpb24iLCJfc3R5bGVkQ29tcG9uZW50cyIsIl8iLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwibm9wIiwiRGF0YXNldFRhZ1dyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJ0ZXh0Q29sb3IiLCJEYXRhc2V0Q29sb3JQaWNrZXIiLCJVcGRhdGVUYWJsZUNvbG9yIiwiX3JlZiIsImNoaWxkcmVuIiwiaWQiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiRGF0YXNldFRhZ0ZhY3RvcnkiLCJEYXRhc2V0VGFnIiwiX3JlZjIiLCJfcmVmMiRvbkNsaWNrIiwib25DbGljayIsIl9yZWYyJG9uQ2xpY2tTcXVhcmUiLCJvbkNsaWNrU3F1YXJlIiwiZGF0YXNldCIsInVwZGF0ZVRhYmxlQ29sb3IiLCJEYXRhc2V0U3F1YXJlIiwiYmFja2dyb3VuZENvbG9yIiwiY29sb3IiLCJUb29sdGlwIiwiZWZmZWN0IiwiRm9ybWF0dGVkTWVzc2FnZSIsInRpdGxlIiwibGFiZWwiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9jb21tb24vZGF0YXNldC10YWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtEYXRhc2V0U3F1YXJlLCBUb29sdGlwfSBmcm9tICcuLi8uLic7XG5pbXBvcnQge1VwZGF0ZVRhYmxlQ29sb3JUeXBlc30gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1JHQkNvbG9yfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7VmlzU3RhdGVBY3Rpb25zLCBBY3Rpb25IYW5kbGVyfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuXG5mdW5jdGlvbiBub3AoKSB7XG4gIHJldHVybjtcbn1cblxuY29uc3QgRGF0YXNldFRhZ1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBmb250LXNpemU6IDExcHg7XG4gIGxldHRlci1zcGFjaW5nOiAwLjJweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgLmRhdGFzZXQtY29sb3Ige1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi10b3A6IDNweDtcbiAgfVxuXG4gIC5kYXRhc2V0LW5hbWUge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgfVxuYDtcblxuY29uc3QgRGF0YXNldENvbG9yUGlja2VyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IFVwZGF0ZVRhYmxlQ29sb3IgPSAoe2NoaWxkcmVuLCBpZH06IFVwZGF0ZVRhYmxlQ29sb3JUeXBlcykgPT4gKFxuICA8RGF0YXNldENvbG9yUGlja2VyXG4gICAgY2xhc3NOYW1lPVwiZGF0YXNldC1hY3Rpb24gdXBkYXRlLWNvbG9yXCJcbiAgICBkYXRhLXRpcFxuICAgIGRhdGEtZm9yPXtgdXBkYXRlLWNvbG9yLSR7aWR9YH1cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9EYXRhc2V0Q29sb3JQaWNrZXI+XG4pO1xuXG50eXBlIE1pbmlEYXRhc2V0ID0ge1xuICBpZDogc3RyaW5nO1xuICBjb2xvcjogUkdCQ29sb3I7XG4gIGxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRGF0YXNldFRhZ1Byb3BzID0ge1xuICBpZD86IHN0cmluZztcbiAgZGF0YXNldDogTWluaURhdGFzZXQ7XG4gIHVwZGF0ZVRhYmxlQ29sb3I/OiBBY3Rpb25IYW5kbGVyPHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnMudXBkYXRlVGFibGVDb2xvcj47XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD47XG4gIG9uQ2xpY2tTcXVhcmU/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBEYXRhc2V0VGFnRmFjdG9yeSgpOiBSZWFjdC5GQzxEYXRhc2V0VGFnUHJvcHM+IHtcbiAgY29uc3QgRGF0YXNldFRhZyA9ICh7XG4gICAgb25DbGljayA9IG5vcCxcbiAgICBvbkNsaWNrU3F1YXJlID0gbm9wLFxuICAgIGRhdGFzZXQsXG4gICAgdXBkYXRlVGFibGVDb2xvclxuICB9OiBEYXRhc2V0VGFnUHJvcHMpID0+IChcbiAgICA8RGF0YXNldFRhZ1dyYXBwZXIgY2xhc3NOYW1lPVwic291cmNlLWRhdGEtdGFnXCI+XG4gICAgICA8VXBkYXRlVGFibGVDb2xvciBpZD17ZGF0YXNldC5pZH0+XG4gICAgICAgIDxEYXRhc2V0U3F1YXJlXG4gICAgICAgICAgY2xhc3NOYW1lPVwiZGF0YXNldC1jb2xvclwiXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtkYXRhc2V0LmNvbG9yfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2tTcXVhcmV9XG4gICAgICAgICAgZGF0YS10aXBcbiAgICAgICAgICBkYXRhLWZvcj17YHVwZGF0ZS1jb2xvci0ke2RhdGFzZXQuaWR9YH1cbiAgICAgICAgLz5cbiAgICAgICAge3VwZGF0ZVRhYmxlQ29sb3IgPyAoXG4gICAgICAgICAgPFRvb2x0aXAgaWQ9e2B1cGRhdGUtY29sb3ItJHtkYXRhc2V0LmlkfWB9IGVmZmVjdD1cInNvbGlkXCI+XG4gICAgICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydVcGRhdGUgY29sb3InfSAvPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1VwZGF0ZVRhYmxlQ29sb3I+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImRhdGFzZXQtbmFtZVwiIHRpdGxlPXtkYXRhc2V0LmxhYmVsfSBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgICAge2RhdGFzZXQubGFiZWx9XG4gICAgICA8L2Rpdj5cbiAgICA8L0RhdGFzZXRUYWdXcmFwcGVyPlxuICApO1xuXG4gIHJldHVybiBEYXRhc2V0VGFnO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGFBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLGlCQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxDQUFBLEdBQUFILE9BQUE7QUFBNkMsSUFBQUksZUFBQSxFQUFBQyxnQkFBQSxFQU43QztBQUNBO0FBVUEsU0FBU0MsR0FBR0EsQ0FBQSxFQUFHO0VBQ2I7QUFDRjtBQUVBLElBQU1DLGlCQUFpQixHQUFHQyw0QkFBTSxDQUFDQyxHQUFHLENBQUFMLGVBQUEsS0FBQUEsZUFBQSxPQUFBTSx1QkFBQSx5U0FFekIsVUFBQUMsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDQyxTQUFTO0FBQUEsRUFleEM7QUFFRCxJQUFNQyxrQkFBa0IsR0FBR04sNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBSixnQkFBQSxLQUFBQSxnQkFBQSxPQUFBSyx1QkFBQSx3Q0FFcEM7QUFFRCxJQUFNSyxnQkFBZ0IsR0FBRyxTQUFuQkEsZ0JBQWdCQSxDQUFBQyxJQUFBO0VBQUEsSUFBS0MsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7SUFBRUMsRUFBRSxHQUFBRixJQUFBLENBQUZFLEVBQUU7RUFBQSxvQkFDckNwQixNQUFBLFlBQUFxQixhQUFBLENBQUNMLGtCQUFrQjtJQUNqQk0sU0FBUyxFQUFDLDZCQUE2QjtJQUN2QyxnQkFBUTtJQUNSLDRCQUFBQyxNQUFBLENBQTBCSCxFQUFFO0VBQUcsR0FFOUJELFFBQ2lCLENBQUM7QUFBQSxDQUN0QjtBQWdCYyxTQUFTSyxpQkFBaUJBLENBQUEsRUFBOEI7RUFDckUsSUFBTUMsVUFBVSxHQUFHLFNBQWJBLFVBQVVBLENBQUFDLEtBQUE7SUFBQSxJQUFBQyxhQUFBLEdBQUFELEtBQUEsQ0FDZEUsT0FBTztNQUFQQSxPQUFPLEdBQUFELGFBQUEsY0FBR25CLEdBQUcsR0FBQW1CLGFBQUE7TUFBQUUsbUJBQUEsR0FBQUgsS0FBQSxDQUNiSSxhQUFhO01BQWJBLGFBQWEsR0FBQUQsbUJBQUEsY0FBR3JCLEdBQUcsR0FBQXFCLG1CQUFBO01BQ25CRSxPQUFPLEdBQUFMLEtBQUEsQ0FBUEssT0FBTztNQUNQQyxnQkFBZ0IsR0FBQU4sS0FBQSxDQUFoQk0sZ0JBQWdCO0lBQUEsb0JBRWhCaEMsTUFBQSxZQUFBcUIsYUFBQSxDQUFDWixpQkFBaUI7TUFBQ2EsU0FBUyxFQUFDO0lBQWlCLGdCQUM1Q3RCLE1BQUEsWUFBQXFCLGFBQUEsQ0FBQ0osZ0JBQWdCO01BQUNHLEVBQUUsRUFBRVcsT0FBTyxDQUFDWDtJQUFHLGdCQUMvQnBCLE1BQUEsWUFBQXFCLGFBQUEsQ0FBQ2hCLENBQUEsQ0FBQTRCLGFBQWE7TUFDWlgsU0FBUyxFQUFDLGVBQWU7TUFDekJZLGVBQWUsRUFBRUgsT0FBTyxDQUFDSSxLQUFNO01BQy9CUCxPQUFPLEVBQUVFLGFBQWM7TUFDdkIsZ0JBQVE7TUFDUiw0QkFBQVAsTUFBQSxDQUEwQlEsT0FBTyxDQUFDWCxFQUFFO0lBQUcsQ0FDeEMsQ0FBQyxFQUNEWSxnQkFBZ0IsZ0JBQ2ZoQyxNQUFBLFlBQUFxQixhQUFBLENBQUNoQixDQUFBLENBQUErQixPQUFPO01BQUNoQixFQUFFLGtCQUFBRyxNQUFBLENBQWtCUSxPQUFPLENBQUNYLEVBQUUsQ0FBRztNQUFDaUIsTUFBTSxFQUFDO0lBQU8sZ0JBQ3ZEckMsTUFBQSxZQUFBcUIsYUFBQSw0QkFDRXJCLE1BQUEsWUFBQXFCLGFBQUEsQ0FBQ2xCLGFBQUEsQ0FBQW1DLGdCQUFnQjtNQUFDbEIsRUFBRSxFQUFFO0lBQWUsQ0FBRSxDQUNuQyxDQUNDLENBQUMsR0FDUixJQUNZLENBQUMsZUFDbkJwQixNQUFBLFlBQUFxQixhQUFBO01BQUtDLFNBQVMsRUFBQyxjQUFjO01BQUNpQixLQUFLLEVBQUVSLE9BQU8sQ0FBQ1MsS0FBTTtNQUFDWixPQUFPLEVBQUVBO0lBQVEsR0FDbEVHLE9BQU8sQ0FBQ1MsS0FDTixDQUNZLENBQUM7RUFBQSxDQUNyQjtFQUVELE9BQU9mLFVBQVU7QUFDbkIiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/side-panel/common/dataset-title.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import DatasetTagFactory from './dataset-tag';
+import { openDeleteModal, VisStateActions, ActionHandler } from '@kepler.gl/actions';
+import { RGBColor } from '@kepler.gl/types';
+declare type MiniDataset = {
+    id: string;
+    color: RGBColor;
+    label?: string;
+};
+export declare type DatasetTitleProps = {
+    dataset: MiniDataset;
+    showDeleteDataset: boolean;
+    onTitleClick?: () => void;
+    showDatasetTable?: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    removeDataset?: ActionHandler<typeof openDeleteModal>;
+};
+declare function DatasetTitleFactory(DatasetTag: ReturnType<typeof DatasetTagFactory>): React.FC<DatasetTitleProps>;
+declare namespace DatasetTitleFactory {
+    var deps: (typeof DatasetTagFactory)[];
+}
+export default DatasetTitleFactory;

package/dist/side-panel/common/dataset-title.js

@@ -0,0 +1,143 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DatasetTitleFactory;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _localization = require("@kepler.gl/localization");
+var _layers = require("@kepler.gl/layers");
+var _styledComponents2 = require("../../common/styled-components");
+var _icons = require("../../common/icons");
+var _datasetTag = _interopRequireDefault(require("./dataset-tag"));
+var _customPicker = _interopRequireDefault(require("../layer-panel/custom-picker"));
+var _ = require("../..");
+var _utils = require("@kepler.gl/utils");
+var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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; }
+var StyledDatasetTitle = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n\n  .source-data-arrow {\n    height: 16px;\n  }\n  :hover {\n    cursor: ", ";\n\n    .dataset-name {\n      color: ", ";\n    }\n\n    .dataset-action {\n      color: ", ";\n      opacity: 1;\n    }\n\n    .dataset-action:hover {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.textColor;
+}, function (props) {
+  return props.clickable ? 'pointer' : 'auto';
+}, function (props) {
+  return props.clickable ? props.theme.textColorHl : props.theme.textColor;
+}, function (props) {
+  return props.theme.textColor;
+}, function (props) {
+  return props.theme.textColorHl;
+});
+var DataTagAction = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 12px;\n  height: 16px;\n  opacity: 0;\n"])));
+var ShowDataTable = function ShowDataTable(_ref) {
+  var id = _ref.id,
+    showDatasetTable = _ref.showDatasetTable;
+  return /*#__PURE__*/_react["default"].createElement(DataTagAction, {
+    className: "dataset-action show-data-table",
+    "data-tip": true,
+    "data-for": "data-table-".concat(id)
+  }, /*#__PURE__*/_react["default"].createElement(_layers.Table, {
+    height: "16px",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      showDatasetTable === null || showDatasetTable === void 0 || showDatasetTable(id);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
+    id: "data-table-".concat(id),
+    effect: "solid"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: 'datasetTitle.showDataTable'
+  }))));
+};
+var RemoveDataset = function RemoveDataset(_ref2) {
+  var datasetKey = _ref2.datasetKey,
+    removeDataset = _ref2.removeDataset;
+  return /*#__PURE__*/_react["default"].createElement(DataTagAction, {
+    className: "dataset-action remove-dataset",
+    "data-tip": true,
+    "data-for": "delete-".concat(datasetKey)
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Trash, {
+    height: "16px",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      removeDataset === null || removeDataset === void 0 || removeDataset(datasetKey);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
+    id: "delete-".concat(datasetKey),
+    effect: "solid",
+    type: "error"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: 'datasetTitle.removeDataset'
+  }))));
+};
+DatasetTitleFactory.deps = [_datasetTag["default"]];
+function DatasetTitleFactory(DatasetTag) {
+  var DatasetTitle = function DatasetTitle(_ref3) {
+    var showDatasetTable = _ref3.showDatasetTable,
+      showDeleteDataset = _ref3.showDeleteDataset,
+      onTitleClick = _ref3.onTitleClick,
+      removeDataset = _ref3.removeDataset,
+      dataset = _ref3.dataset,
+      updateTableColor = _ref3.updateTableColor;
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      displayColorPicker = _useState2[0],
+      setDisplayColorPicker = _useState2[1];
+    var root = (0, _react.useRef)(null);
+    var datasetId = dataset.id;
+    var _handleClick = (0, _react.useCallback)(function () {
+      setDisplayColorPicker(!displayColorPicker);
+    }, [setDisplayColorPicker, displayColorPicker]);
+    var _handleClosePicker = (0, _react.useCallback)(function () {
+      setDisplayColorPicker(false);
+    }, [setDisplayColorPicker]);
+    var _handleCustomPicker = (0, _react.useCallback)(function (color) {
+      updateTableColor(datasetId, [color.rgb.r, color.rgb.g, color.rgb.b]);
+    }, [updateTableColor, datasetId]);
+    var _onClickTitle = (0, _react.useCallback)(function (e) {
+      e.stopPropagation();
+      if (typeof onTitleClick === 'function') {
+        onTitleClick();
+      } else if (typeof showDatasetTable === 'function') {
+        showDatasetTable(datasetId);
+      }
+    }, [onTitleClick, showDatasetTable, datasetId]);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "custom-palette-panel",
+      ref: root
+    }, /*#__PURE__*/_react["default"].createElement(StyledDatasetTitle, {
+      className: "source-data-title",
+      clickable: Boolean(showDatasetTable || onTitleClick)
+    }, /*#__PURE__*/_react["default"].createElement(DatasetTag, {
+      dataset: dataset,
+      onClick: _onClickTitle,
+      updateTableColor: updateTableColor,
+      onClickSquare: _handleClick
+    }), /*#__PURE__*/_react["default"].createElement(_.Portaled, {
+      isOpened: displayColorPicker !== false,
+      left: 110,
+      top: -50,
+      onClose: _handleClosePicker
+    }, /*#__PURE__*/_react["default"].createElement(_customPicker["default"], {
+      color: (0, _utils.rgbToHex)(dataset.color),
+      onChange: _handleCustomPicker
+    })), showDatasetTable ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.CenterFlexbox, {
+      className: "source-data-arrow"
+    }, /*#__PURE__*/_react["default"].createElement(_icons.ArrowRight, {
+      height: "12px"
+    })) : null, showDatasetTable ? /*#__PURE__*/_react["default"].createElement(ShowDataTable, {
+      id: datasetId,
+      showDatasetTable: showDatasetTable
+    }) : null, showDeleteDataset ? /*#__PURE__*/_react["default"].createElement(RemoveDataset, {
+      datasetKey: datasetId,
+      removeDataset: removeDataset
+    }) : null));
+  };
+  return DatasetTitle;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfbG9jYWxpemF0aW9uIiwiX2xheWVycyIsIl9zdHlsZWRDb21wb25lbnRzMiIsIl9pY29ucyIsIl9kYXRhc2V0VGFnIiwiX2N1c3RvbVBpY2tlciIsIl8iLCJfdXRpbHMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiU3R5bGVkRGF0YXNldFRpdGxlIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsInRoZW1lIiwidGV4dENvbG9yIiwiY2xpY2thYmxlIiwidGV4dENvbG9ySGwiLCJEYXRhVGFnQWN0aW9uIiwiU2hvd0RhdGFUYWJsZSIsIl9yZWYiLCJpZCIsInNob3dEYXRhc2V0VGFibGUiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiVGFibGUiLCJoZWlnaHQiLCJvbkNsaWNrIiwic3RvcFByb3BhZ2F0aW9uIiwiVG9vbHRpcCIsImVmZmVjdCIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJSZW1vdmVEYXRhc2V0IiwiX3JlZjIiLCJkYXRhc2V0S2V5IiwicmVtb3ZlRGF0YXNldCIsIlRyYXNoIiwidHlwZSIsIkRhdGFzZXRUaXRsZUZhY3RvcnkiLCJkZXBzIiwiRGF0YXNldFRhZ0ZhY3RvcnkiLCJEYXRhc2V0VGFnIiwiRGF0YXNldFRpdGxlIiwiX3JlZjMiLCJzaG93RGVsZXRlRGF0YXNldCIsIm9uVGl0bGVDbGljayIsImRhdGFzZXQiLCJ1cGRhdGVUYWJsZUNvbG9yIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwiZGlzcGxheUNvbG9yUGlja2VyIiwic2V0RGlzcGxheUNvbG9yUGlja2VyIiwicm9vdCIsInVzZVJlZiIsImRhdGFzZXRJZCIsIl9oYW5kbGVDbGljayIsInVzZUNhbGxiYWNrIiwiX2hhbmRsZUNsb3NlUGlja2VyIiwiX2hhbmRsZUN1c3RvbVBpY2tlciIsImNvbG9yIiwicmdiIiwiZyIsImIiLCJfb25DbGlja1RpdGxlIiwicmVmIiwiQm9vbGVhbiIsIm9uQ2xpY2tTcXVhcmUiLCJQb3J0YWxlZCIsImlzT3BlbmVkIiwibGVmdCIsInRvcCIsIm9uQ2xvc2UiLCJyZ2JUb0hleCIsIm9uQ2hhbmdlIiwiQ2VudGVyRmxleGJveCIsIkFycm93UmlnaHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9jb21tb24vZGF0YXNldC10aXRsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5cbmltcG9ydCB7VGFibGV9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7Q2VudGVyRmxleGJveCwgVG9vbHRpcH0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7QXJyb3dSaWdodCwgVHJhc2h9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQgRGF0YXNldFRhZ0ZhY3RvcnkgZnJvbSAnLi9kYXRhc2V0LXRhZyc7XG5pbXBvcnQgQ3VzdG9tUGlja2VyIGZyb20gJy4uL2xheWVyLXBhbmVsL2N1c3RvbS1waWNrZXInO1xuaW1wb3J0IHtQb3J0YWxlZH0gZnJvbSAnLi4vLi4nO1xuaW1wb3J0IHtyZ2JUb0hleH0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge29wZW5EZWxldGVNb2RhbCwgVmlzU3RhdGVBY3Rpb25zLCBBY3Rpb25IYW5kbGVyfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtSR0JDb2xvcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge1N0eWxlZERhdGFzZXRUaXRsZVByb3BzLCBSZW1vdmVEYXRhc2V0UHJvcHMsIFNob3dEYXRhVGFibGVQcm9wc30gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IFN0eWxlZERhdGFzZXRUaXRsZSA9IHN0eWxlZC5kaXY8U3R5bGVkRGF0YXNldFRpdGxlUHJvcHM+YFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAuc291cmNlLWRhdGEtYXJyb3cge1xuICAgIGhlaWdodDogMTZweDtcbiAgfVxuICA6aG92ZXIge1xuICAgIGN1cnNvcjogJHtwcm9wcyA9PiAocHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nKX07XG5cbiAgICAuZGF0YXNldC1uYW1lIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IChwcm9wcy5jbGlja2FibGUgPyBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbCA6IHByb3BzLnRoZW1lLnRleHRDb2xvcil9O1xuICAgIH1cblxuICAgIC5kYXRhc2V0LWFjdGlvbiB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG5cbiAgICAuZGF0YXNldC1hY3Rpb246aG92ZXIge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9ySGx9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgRGF0YVRhZ0FjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAxMnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIG9wYWNpdHk6IDA7XG5gO1xuXG50eXBlIE1pbmlEYXRhc2V0ID0ge1xuICBpZDogc3RyaW5nO1xuICBjb2xvcjogUkdCQ29sb3I7XG4gIGxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRGF0YXNldFRpdGxlUHJvcHMgPSB7XG4gIGRhdGFzZXQ6IE1pbmlEYXRhc2V0O1xuICBzaG93RGVsZXRlRGF0YXNldDogYm9vbGVhbjtcbiAgb25UaXRsZUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgc2hvd0RhdGFzZXRUYWJsZT86IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFZpc1N0YXRlQWN0aW9ucy5zaG93RGF0YXNldFRhYmxlPjtcbiAgdXBkYXRlVGFibGVDb2xvcjogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnVwZGF0ZVRhYmxlQ29sb3I+O1xuICByZW1vdmVEYXRhc2V0PzogQWN0aW9uSGFuZGxlcjx0eXBlb2Ygb3BlbkRlbGV0ZU1vZGFsPjtcbn07XG5cbmNvbnN0IFNob3dEYXRhVGFibGUgPSAoe2lkLCBzaG93RGF0YXNldFRhYmxlfTogU2hvd0RhdGFUYWJsZVByb3BzKSA9PiAoXG4gIDxEYXRhVGFnQWN0aW9uIGNsYXNzTmFtZT1cImRhdGFzZXQtYWN0aW9uIHNob3ctZGF0YS10YWJsZVwiIGRhdGEtdGlwIGRhdGEtZm9yPXtgZGF0YS10YWJsZS0ke2lkfWB9PlxuICAgIDxUYWJsZVxuICAgICAgaGVpZ2h0PVwiMTZweFwiXG4gICAgICBvbkNsaWNrPXtlID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2hvd0RhdGFzZXRUYWJsZT8uKGlkKTtcbiAgICAgIH19XG4gICAgLz5cbiAgICA8VG9vbHRpcCBpZD17YGRhdGEtdGFibGUtJHtpZH1gfSBlZmZlY3Q9XCJzb2xpZFwiPlxuICAgICAgPHNwYW4+XG4gICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnZGF0YXNldFRpdGxlLnNob3dEYXRhVGFibGUnfSAvPlxuICAgICAgPC9zcGFuPlxuICAgIDwvVG9vbHRpcD5cbiAgPC9EYXRhVGFnQWN0aW9uPlxuKTtcblxuY29uc3QgUmVtb3ZlRGF0YXNldCA9ICh7ZGF0YXNldEtleSwgcmVtb3ZlRGF0YXNldH06IFJlbW92ZURhdGFzZXRQcm9wcykgPT4gKFxuICA8RGF0YVRhZ0FjdGlvblxuICAgIGNsYXNzTmFtZT1cImRhdGFzZXQtYWN0aW9uIHJlbW92ZS1kYXRhc2V0XCJcbiAgICBkYXRhLXRpcFxuICAgIGRhdGEtZm9yPXtgZGVsZXRlLSR7ZGF0YXNldEtleX1gfVxuICA+XG4gICAgPFRyYXNoXG4gICAgICBoZWlnaHQ9XCIxNnB4XCJcbiAgICAgIG9uQ2xpY2s9e2UgPT4ge1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICByZW1vdmVEYXRhc2V0Py4oZGF0YXNldEtleSk7XG4gICAgICB9fVxuICAgIC8+XG4gICAgPFRvb2x0aXAgaWQ9e2BkZWxldGUtJHtkYXRhc2V0S2V5fWB9IGVmZmVjdD1cInNvbGlkXCIgdHlwZT1cImVycm9yXCI+XG4gICAgICA8c3Bhbj5cbiAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydkYXRhc2V0VGl0bGUucmVtb3ZlRGF0YXNldCd9IC8+XG4gICAgICA8L3NwYW4+XG4gICAgPC9Ub29sdGlwPlxuICA8L0RhdGFUYWdBY3Rpb24+XG4pO1xuXG5EYXRhc2V0VGl0bGVGYWN0b3J5LmRlcHMgPSBbRGF0YXNldFRhZ0ZhY3RvcnldO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBEYXRhc2V0VGl0bGVGYWN0b3J5KFxuICBEYXRhc2V0VGFnOiBSZXR1cm5UeXBlPHR5cGVvZiBEYXRhc2V0VGFnRmFjdG9yeT5cbik6IFJlYWN0LkZDPERhdGFzZXRUaXRsZVByb3BzPiB7XG4gIGNvbnN0IERhdGFzZXRUaXRsZTogUmVhY3QuRkM8RGF0YXNldFRpdGxlUHJvcHM+ID0gKHtcbiAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgIHNob3dEZWxldGVEYXRhc2V0LFxuICAgIG9uVGl0bGVDbGljayxcbiAgICByZW1vdmVEYXRhc2V0LFxuICAgIGRhdGFzZXQsXG4gICAgdXBkYXRlVGFibGVDb2xvclxuICB9KSA9PiB7XG4gICAgY29uc3QgW2Rpc3BsYXlDb2xvclBpY2tlciwgc2V0RGlzcGxheUNvbG9yUGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCByb290ID0gdXNlUmVmKG51bGwpO1xuICAgIGNvbnN0IGRhdGFzZXRJZCA9IGRhdGFzZXQuaWQ7XG4gICAgY29uc3QgX2hhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgc2V0RGlzcGxheUNvbG9yUGlja2VyKCFkaXNwbGF5Q29sb3JQaWNrZXIpO1xuICAgIH0sIFtzZXREaXNwbGF5Q29sb3JQaWNrZXIsIGRpc3BsYXlDb2xvclBpY2tlcl0pO1xuXG4gICAgY29uc3QgX2hhbmRsZUNsb3NlUGlja2VyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgc2V0RGlzcGxheUNvbG9yUGlja2VyKGZhbHNlKTtcbiAgICB9LCBbc2V0RGlzcGxheUNvbG9yUGlja2VyXSk7XG4gICAgY29uc3QgX2hhbmRsZUN1c3RvbVBpY2tlciA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGNvbG9yOiB7cmdiOiBSZWNvcmQ8c3RyaW5nLCBudW1iZXI+fSkgPT4ge1xuICAgICAgICB1cGRhdGVUYWJsZUNvbG9yKGRhdGFzZXRJZCwgW2NvbG9yLnJnYi5yLCBjb2xvci5yZ2IuZywgY29sb3IucmdiLmJdKTtcbiAgICAgIH0sXG4gICAgICBbdXBkYXRlVGFibGVDb2xvciwgZGF0YXNldElkXVxuICAgICk7XG5cbiAgICBjb25zdCBfb25DbGlja1RpdGxlID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgaWYgKHR5cGVvZiBvblRpdGxlQ2xpY2sgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICBvblRpdGxlQ2xpY2soKTtcbiAgICAgICAgfSBlbHNlIGlmICh0eXBlb2Ygc2hvd0RhdGFzZXRUYWJsZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICAgIHNob3dEYXRhc2V0VGFibGUoZGF0YXNldElkKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtvblRpdGxlQ2xpY2ssIHNob3dEYXRhc2V0VGFibGUsIGRhdGFzZXRJZF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY3VzdG9tLXBhbGV0dGUtcGFuZWxcIiByZWY9e3Jvb3R9PlxuICAgICAgICA8U3R5bGVkRGF0YXNldFRpdGxlXG4gICAgICAgICAgY2xhc3NOYW1lPVwic291cmNlLWRhdGEtdGl0bGVcIlxuICAgICAgICAgIGNsaWNrYWJsZT17Qm9vbGVhbihzaG93RGF0YXNldFRhYmxlIHx8IG9uVGl0bGVDbGljayl9XG4gICAgICAgID5cbiAgICAgICAgICA8RGF0YXNldFRhZ1xuICAgICAgICAgICAgZGF0YXNldD17ZGF0YXNldH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e19vbkNsaWNrVGl0bGV9XG4gICAgICAgICAgICB1cGRhdGVUYWJsZUNvbG9yPXt1cGRhdGVUYWJsZUNvbG9yfVxuICAgICAgICAgICAgb25DbGlja1NxdWFyZT17X2hhbmRsZUNsaWNrfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFBvcnRhbGVkXG4gICAgICAgICAgICBpc09wZW5lZD17ZGlzcGxheUNvbG9yUGlja2VyICE9PSBmYWxzZX1cbiAgICAgICAgICAgIGxlZnQ9ezExMH1cbiAgICAgICAgICAgIHRvcD17LTUwfVxuICAgICAgICAgICAgb25DbG9zZT17X2hhbmRsZUNsb3NlUGlja2VyfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDdXN0b21QaWNrZXIgY29sb3I9e3JnYlRvSGV4KGRhdGFzZXQuY29sb3IpfSBvbkNoYW5nZT17X2hhbmRsZUN1c3RvbVBpY2tlcn0gLz5cbiAgICAgICAgICA8L1BvcnRhbGVkPlxuICAgICAgICAgIHtzaG93RGF0YXNldFRhYmxlID8gKFxuICAgICAgICAgICAgPENlbnRlckZsZXhib3ggY2xhc3NOYW1lPVwic291cmNlLWRhdGEtYXJyb3dcIj5cbiAgICAgICAgICAgICAgPEFycm93UmlnaHQgaGVpZ2h0PVwiMTJweFwiIC8+XG4gICAgICAgICAgICA8L0NlbnRlckZsZXhib3g+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge3Nob3dEYXRhc2V0VGFibGUgPyAoXG4gICAgICAgICAgICA8U2hvd0RhdGFUYWJsZSBpZD17ZGF0YXNldElkfSBzaG93RGF0YXNldFRhYmxlPXtzaG93RGF0YXNldFRhYmxlfSAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIHtzaG93RGVsZXRlRGF0YXNldCA/IChcbiAgICAgICAgICAgIDxSZW1vdmVEYXRhc2V0IGRhdGFzZXRLZXk9e2RhdGFzZXRJZH0gcmVtb3ZlRGF0YXNldD17cmVtb3ZlRGF0YXNldH0gLz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9TdHlsZWREYXRhc2V0VGl0bGU+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBEYXRhc2V0VGl0bGU7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcs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b0JBQ0VuRixNQUFBLFlBQUFpRCxhQUFBO01BQUtDLFNBQVMsRUFBQyxzQkFBc0I7TUFBQzJDLEdBQUcsRUFBRVo7SUFBSyxnQkFDOUNqRixNQUFBLFlBQUFpRCxhQUFBLENBQUNkLGtCQUFrQjtNQUNqQmUsU0FBUyxFQUFDLG1CQUFtQjtNQUM3QlIsU0FBUyxFQUFFb0QsT0FBTyxDQUFDOUMsZ0JBQWdCLElBQUl3QixZQUFZO0lBQUUsZ0JBRXJEeEUsTUFBQSxZQUFBaUQsYUFBQSxDQUFDbUIsVUFBVTtNQUNUSyxPQUFPLEVBQUVBLE9BQVE7TUFDakJuQixPQUFPLEVBQUVzQyxhQUFjO01BQ3ZCbEIsZ0JBQWdCLEVBQUVBLGdCQUFpQjtNQUNuQ3FCLGFBQWEsRUFBRVg7SUFBYSxDQUM3QixDQUFDLGVBQ0ZwRixNQUFBLFlBQUFpRCxhQUFBLENBQUN0QyxDQUFBLENBQUFxRixRQUFRO01BQ1BDLFFBQVEsRUFBRWxCLGtCQUFrQixLQUFLLEtBQU07TUFDdkNtQixJQUFJLEVBQUUsR0FBSTtNQUNWQyxHQUFHLEVBQUUsQ0FBQyxFQUFHO01BQ1RDLE9BQU8sRUFBRWQ7SUFBbUIsZ0JBRTVCdEYsTUFBQSxZQUFBaUQsYUFBQSxDQUFDdkMsYUFBQSxXQUFZO01BQUM4RSxLQUFLLEVBQUUsSUFBQWEsZUFBUSxFQUFDNUIsT0FBTyxDQUFDZSxLQUFLLENBQUU7TUFBQ2MsUUFBUSxFQUFFZjtJQUFvQixDQUFFLENBQ3RFLENBQUMsRUFDVnZDLGdCQUFnQixnQkFDZmhELE1BQUEsWUFBQWlELGFBQUEsQ0FBQzFDLGtCQUFBLENBQUFnRyxhQUFhO01BQUNyRCxTQUFTLEVBQUM7SUFBbUIsZ0JBQzFDbEQsTUFBQSxZQUFBaUQsYUFBQSxDQUFDekMsTUFBQSxDQUFBZ0csVUFBVTtNQUFDbkQsTUFBTSxFQUFDO0lBQU0sQ0FBRSxDQUNkLENBQUMsR0FDZCxJQUFJLEVBQ1BMLGdCQUFnQixnQkFDZmhELE1BQUEsWUFBQWlELGFBQUEsQ0FBQ0osYUFBYTtNQUFDRSxFQUFFLEVBQUVvQyxTQUFVO01BQUNuQyxnQkFBZ0IsRUFBRUE7SUFBaUIsQ0FBRSxDQUFDLEdBQ2xFLElBQUksRUFDUHVCLGlCQUFpQixnQkFDaEJ2RSxNQUFBLFlBQUFpRCxhQUFBLENBQUNVLGFBQWE7TUFBQ0UsVUFBVSxFQUFFc0IsU0FBVTtNQUFDckIsYUFBYSxFQUFFQTtJQUFjLENBQUUsQ0FBQyxHQUNwRSxJQUNjLENBQ2pCLENBQUM7RUFFVixDQUFDO0VBRUQsT0FBT08sWUFBWTtBQUNyQiIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/side-panel/common/source-data-catalog.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { openDeleteModal, VisStateActions, ActionHandler } from '@kepler.gl/actions';
+import { DataContainerInterface } from '@kepler.gl/utils';
+import { RGBColor } from '@kepler.gl/types';
+import DatasetTitleFactory from './dataset-title';
+import DatasetInfoFactory from './dataset-info';
+declare type MiniDataset = {
+    id: string;
+    color: RGBColor;
+    label?: string;
+    dataContainer: DataContainerInterface;
+    type?: string;
+};
+declare type MiniDatasets = {
+    [key: string]: MiniDataset;
+};
+export declare type SourceDataCatalogProps = {
+    datasets: MiniDatasets;
+    showDeleteDataset?: boolean;
+    onTitleClick?: () => void;
+    showDatasetTable?: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    removeDataset?: ActionHandler<typeof openDeleteModal>;
+};
+declare function SourceDataCatalogFactory(DatasetTitle: ReturnType<typeof DatasetTitleFactory>, DatasetInfo: ReturnType<typeof DatasetInfoFactory>): React.FC<SourceDataCatalogProps>;
+declare namespace SourceDataCatalogFactory {
+    var deps: (typeof DatasetInfoFactory | typeof DatasetTitleFactory)[];
+}
+export default SourceDataCatalogFactory;

package/dist/side-panel/common/source-data-catalog.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents2 = require("../../common/styled-components");
+var _datasetTitle = _interopRequireDefault(require("./dataset-title"));
+var _datasetInfo = _interopRequireDefault(require("./dataset-info"));
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var SourceDataCatalogWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  transition: ", ";\n"])), function (props) {
+  return props.theme.transition;
+});
+SourceDataCatalogFactory.deps = [_datasetTitle["default"], _datasetInfo["default"]];
+function SourceDataCatalogFactory(DatasetTitle, DatasetInfo) {
+  var SourceDataCatalog = function SourceDataCatalog(_ref) {
+    var datasets = _ref.datasets,
+      showDatasetTable = _ref.showDatasetTable,
+      removeDataset = _ref.removeDataset,
+      onTitleClick = _ref.onTitleClick,
+      updateTableColor = _ref.updateTableColor,
+      _ref$showDeleteDatase = _ref.showDeleteDataset,
+      showDeleteDataset = _ref$showDeleteDatase === void 0 ? false : _ref$showDeleteDatase;
+    return /*#__PURE__*/_react["default"].createElement(SourceDataCatalogWrapper, {
+      className: "source-data-catalog"
+    }, Object.values(datasets).map(function (dataset) {
+      return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, {
+        key: dataset.id
+      }, /*#__PURE__*/_react["default"].createElement(DatasetTitle, {
+        showDatasetTable: showDatasetTable,
+        showDeleteDataset: showDeleteDataset,
+        removeDataset: removeDataset,
+        dataset: dataset,
+        onTitleClick: onTitleClick,
+        updateTableColor: updateTableColor
+      }), showDatasetTable ? /*#__PURE__*/_react["default"].createElement(DatasetInfo, {
+        dataset: dataset
+      }) : null);
+    }));
+  };
+  return SourceDataCatalog;
+}
+var _default = exports["default"] = SourceDataCatalogFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2RhdGFzZXRUaXRsZSIsIl9kYXRhc2V0SW5mbyIsIl90ZW1wbGF0ZU9iamVjdCIsIlNvdXJjZURhdGFDYXRhbG9nV3JhcHBlciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJ0aGVtZSIsInRyYW5zaXRpb24iLCJTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3RvcnkiLCJkZXBzIiwiRGF0YXNldFRpdGxlRmFjdG9yeSIsIkRhdGFzZXRJbmZvRmFjdG9yeSIsIkRhdGFzZXRUaXRsZSIsIkRhdGFzZXRJbmZvIiwiU291cmNlRGF0YUNhdGFsb2ciLCJfcmVmIiwiZGF0YXNldHMiLCJzaG93RGF0YXNldFRhYmxlIiwicmVtb3ZlRGF0YXNldCIsIm9uVGl0bGVDbGljayIsInVwZGF0ZVRhYmxlQ29sb3IiLCJfcmVmJHNob3dEZWxldGVEYXRhc2UiLCJzaG93RGVsZXRlRGF0YXNldCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJPYmplY3QiLCJ2YWx1ZXMiLCJtYXAiLCJkYXRhc2V0IiwiU2lkZVBhbmVsU2VjdGlvbiIsImtleSIsImlkIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvY29tbW9uL3NvdXJjZS1kYXRhLWNhdGFsb2cudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtvcGVuRGVsZXRlTW9kYWwsIFZpc1N0YXRlQWN0aW9ucywgQWN0aW9uSGFuZGxlcn0gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcbmltcG9ydCB7RGF0YUNvbnRhaW5lckludGVyZmFjZX0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge1JHQkNvbG9yfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcblxuaW1wb3J0IHtTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IERhdGFzZXRUaXRsZUZhY3RvcnkgZnJvbSAnLi9kYXRhc2V0LXRpdGxlJztcbmltcG9ydCBEYXRhc2V0SW5mb0ZhY3RvcnkgZnJvbSAnLi9kYXRhc2V0LWluZm8nO1xuXG5jb25zdCBTb3VyY2VEYXRhQ2F0YWxvZ1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICB0cmFuc2l0aW9uOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRyYW5zaXRpb259O1xuYDtcblxudHlwZSBNaW5pRGF0YXNldCA9IHtcbiAgaWQ6IHN0cmluZztcbiAgY29sb3I6IFJHQkNvbG9yO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGF0YUNvbnRhaW5lcjogRGF0YUNvbnRhaW5lckludGVyZmFjZTtcbiAgdHlwZT86IHN0cmluZztcbn07XG5cbnR5cGUgTWluaURhdGFzZXRzID0ge1xuICBba2V5OiBzdHJpbmddOiBNaW5pRGF0YXNldDtcbn07XG5cbmV4cG9ydCB0eXBlIFNvdXJjZURhdGFDYXRhbG9nUHJvcHMgPSB7XG4gIGRhdGFzZXRzOiBNaW5pRGF0YXNldHM7XG4gIHNob3dEZWxldGVEYXRhc2V0PzogYm9vbGVhbjtcbiAgb25UaXRsZUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgc2hvd0RhdGFzZXRUYWJsZT86IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFZpc1N0YXRlQWN0aW9ucy5zaG93RGF0YXNldFRhYmxlPjtcbiAgdXBkYXRlVGFibGVDb2xvcjogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnVwZGF0ZVRhYmxlQ29sb3I+O1xuICByZW1vdmVEYXRhc2V0PzogQWN0aW9uSGFuZGxlcjx0eXBlb2Ygb3BlbkRlbGV0ZU1vZGFsPjtcbn07XG5cblNvdXJjZURhdGFDYXRhbG9nRmFjdG9yeS5kZXBzID0gW0RhdGFzZXRUaXRsZUZhY3RvcnksIERhdGFzZXRJbmZvRmFjdG9yeV07XG5cbmZ1bmN0aW9uIFNvdXJjZURhdGFDYXRhbG9nRmFjdG9yeShcbiAgRGF0YXNldFRpdGxlOiBSZXR1cm5UeXBlPHR5cGVvZiBEYXRhc2V0VGl0bGVGYWN0b3J5PixcbiAgRGF0YXNldEluZm86IFJldHVyblR5cGU8dHlwZW9mIERhdGFzZXRJbmZvRmFjdG9yeT5cbikge1xuICBjb25zdCBTb3VyY2VEYXRhQ2F0YWxvZzogUmVhY3QuRkM8U291cmNlRGF0YUNhdGFsb2dQcm9wcz4gPSAoe1xuICAgIGRhdGFzZXRzLFxuICAgIHNob3dEYXRhc2V0VGFibGUsXG4gICAgcmVtb3ZlRGF0YXNldCxcbiAgICBvblRpdGxlQ2xpY2ssXG4gICAgdXBkYXRlVGFibGVDb2xvcixcbiAgICBzaG93RGVsZXRlRGF0YXNldCA9IGZhbHNlXG4gIH06IFNvdXJjZURhdGFDYXRhbG9nUHJvcHMpID0+IChcbiAgICA8U291cmNlRGF0YUNhdGFsb2dXcmFwcGVyIGNsYXNzTmFtZT1cInNvdXJjZS1kYXRhLWNhdGFsb2dcIj5cbiAgICAgIHtPYmplY3QudmFsdWVzKGRhdGFzZXRzKS5tYXAoZGF0YXNldCA9PiAoXG4gICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uIGtleT17ZGF0YXNldC5pZH0+XG4gICAgICAgICAgPERhdGFzZXRUaXRsZVxuICAgICAgICAgICAgc2hvd0RhdGFzZXRUYWJsZT17c2hvd0RhdGFzZXRUYWJsZX1cbiAgICAgICAgICAgIHNob3dEZWxldGVEYXRhc2V0PXtzaG93RGVsZXRlRGF0YXNldH1cbiAgICAgICAgICAgIHJlbW92ZURhdGFzZXQ9e3JlbW92ZURhdGFzZXR9XG4gICAgICAgICAgICBkYXRhc2V0PXtkYXRhc2V0fVxuICAgICAgICAgICAgb25UaXRsZUNsaWNrPXtvblRpdGxlQ2xpY2t9XG4gICAgICAgICAgICB1cGRhdGVUYWJsZUNvbG9yPXt1cGRhdGVUYWJsZUNvbG9yfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge3Nob3dEYXRhc2V0VGFibGUgPyA8RGF0YXNldEluZm8gZGF0YXNldD17ZGF0YXNldH0gLz4gOiBudWxsfVxuICAgICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgICApKX1cbiAgICA8L1NvdXJjZURhdGFDYXRhbG9nV3JhcHBlcj5cbiAgKTtcblxuICByZXR1cm4gU291cmNlRGF0YUNhdGFsb2c7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFNvdXJjZURhdGFDYXRhbG9nRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBTUEsSUFBQUUsa0JBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLGFBQUEsR0FBQUosc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFJLFlBQUEsR0FBQUwsc0JBQUEsQ0FBQUMsT0FBQTtBQUFnRCxJQUFBSyxlQUFBLEVBWmhEO0FBQ0E7QUFhQSxJQUFNQyx3QkFBd0IsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBSCxlQUFBLEtBQUFBLGVBQUEsT0FBQUksdUJBQUEsNENBQzNCLFVBQUFDLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0MsVUFBVTtBQUFBLEVBQzlDO0FBdUJEQyx3QkFBd0IsQ0FBQ0MsSUFBSSxHQUFHLENBQUNDLHdCQUFtQixFQUFFQyx1QkFBa0IsQ0FBQztBQUV6RSxTQUFTSCx3QkFBd0JBLENBQy9CSSxZQUFvRCxFQUNwREMsV0FBa0QsRUFDbEQ7RUFDQSxJQUFNQyxpQkFBbUQsR0FBRyxTQUF0REEsaUJBQW1EQSxDQUFBQyxJQUFBO0lBQUEsSUFDdkRDLFFBQVEsR0FBQUQsSUFBQSxDQUFSQyxRQUFRO01BQ1JDLGdCQUFnQixHQUFBRixJQUFBLENBQWhCRSxnQkFBZ0I7TUFDaEJDLGFBQWEsR0FBQUgsSUFBQSxDQUFiRyxhQUFhO01BQ2JDLFlBQVksR0FBQUosSUFBQSxDQUFaSSxZQUFZO01BQ1pDLGdCQUFnQixHQUFBTCxJQUFBLENBQWhCSyxnQkFBZ0I7TUFBQUMscUJBQUEsR0FBQU4sSUFBQSxDQUNoQk8saUJBQWlCO01BQWpCQSxpQkFBaUIsR0FBQUQscUJBQUEsY0FBRyxLQUFLLEdBQUFBLHFCQUFBO0lBQUEsb0JBRXpCNUIsTUFBQSxZQUFBOEIsYUFBQSxDQUFDdEIsd0JBQXdCO01BQUN1QixTQUFTLEVBQUM7SUFBcUIsR0FDdERDLE1BQU0sQ0FBQ0MsTUFBTSxDQUFDVixRQUFRLENBQUMsQ0FBQ1csR0FBRyxDQUFDLFVBQUFDLE9BQU87TUFBQSxvQkFDbENuQyxNQUFBLFlBQUE4QixhQUFBLENBQUMxQixrQkFBQSxDQUFBZ0MsZ0JBQWdCO1FBQUNDLEdBQUcsRUFBRUYsT0FBTyxDQUFDRztNQUFHLGdCQUNoQ3RDLE1BQUEsWUFBQThCLGFBQUEsQ0FBQ1gsWUFBWTtRQUNYSyxnQkFBZ0IsRUFBRUEsZ0JBQWlCO1FBQ25DSyxpQkFBaUIsRUFBRUEsaUJBQWtCO1FBQ3JDSixhQUFhLEVBQUVBLGFBQWM7UUFDN0JVLE9BQU8sRUFBRUEsT0FBUTtRQUNqQlQsWUFBWSxFQUFFQSxZQUFhO1FBQzNCQyxnQkFBZ0IsRUFBRUE7TUFBaUIsQ0FDcEMsQ0FBQyxFQUNESCxnQkFBZ0IsZ0JBQUd4QixNQUFBLFlBQUE4QixhQUFBLENBQUNWLFdBQVc7UUFBQ2UsT0FBTyxFQUFFQTtNQUFRLENBQUUsQ0FBQyxHQUFHLElBQ3hDLENBQUM7SUFBQSxDQUNwQixDQUN1QixDQUFDO0VBQUEsQ0FDNUI7RUFFRCxPQUFPZCxpQkFBaUI7QUFDMUI7QUFBQyxJQUFBa0IsUUFBQSxHQUFBQyxPQUFBLGNBRWN6Qix3QkFBd0IiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/side-panel/common/source-data-selector-content.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import DatasetTagFactory from './dataset-tag';
+import { SourceDataSelectorProps } from './types';
+declare function SourceDataSelectorContentFactory(DatasetTag: any): ({ className, datasets, dataId, inputTheme, onSelect, defaultValue, disabled }: SourceDataSelectorProps) => React.JSX.Element;
+declare namespace SourceDataSelectorContentFactory {
+    var deps: (typeof DatasetTagFactory)[];
+}
+export default SourceDataSelectorContentFactory;

package/dist/side-panel/common/source-data-selector-content.js

@@ -0,0 +1,65 @@
+"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 _react = _interopRequireWildcard(require("react"));
+var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));
+var _datasetTag = _interopRequireDefault(require("./dataset-tag"));
+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; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+SourceDataSelectorContentFactory.deps = [_datasetTag["default"]];
+function SourceDataSelectorContentFactory(DatasetTag) {
+  var DatasetItem = function DatasetItem(_ref) {
+    var value = _ref.value;
+    return /*#__PURE__*/_react["default"].createElement(DatasetTag, {
+      dataset: value
+    });
+  };
+  var SourceDataSelectorContent = function SourceDataSelectorContent(_ref2) {
+    var className = _ref2.className,
+      datasets = _ref2.datasets,
+      dataId = _ref2.dataId,
+      inputTheme = _ref2.inputTheme,
+      onSelect = _ref2.onSelect,
+      defaultValue = _ref2.defaultValue,
+      disabled = _ref2.disabled;
+    var dsOptions = (0, _react.useMemo)(function () {
+      return Object.values(datasets).map(function (ds) {
+        return {
+          label: ds.label,
+          value: ds.id,
+          color: ds.color
+        };
+      });
+    }, [datasets]);
+    var selectedItems = (0, _react.useMemo)(function () {
+      return dataId ? (Array.isArray(dataId) && dataId || [dataId]).map(function (id) {
+        return datasets[id];
+      }) : [];
+    }, [dataId, datasets]);
+    return /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
+      className: className,
+      inputTheme: inputTheme,
+      selectedItems: selectedItems,
+      options: dsOptions,
+      getOptionValue: 'value',
+      filterOption: 'label',
+      multiSelect: false,
+      onChange: onSelect,
+      placeholder: defaultValue,
+      disabled: disabled,
+      displayOption: 'label',
+      DropDownLineItemRenderComponent: DatasetItem
+    });
+  };
+  return SourceDataSelectorContent;
+}
+var _default = exports["default"] = SourceDataSelectorContentFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfaXRlbVNlbGVjdG9yIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9kYXRhc2V0VGFnIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiU291cmNlRGF0YVNlbGVjdG9yQ29udGVudEZhY3RvcnkiLCJkZXBzIiwiRGF0YXNldFRhZ0ZhY3RvcnkiLCJEYXRhc2V0VGFnIiwiRGF0YXNldEl0ZW0iLCJfcmVmIiwidmFsdWUiLCJjcmVhdGVFbGVtZW50IiwiZGF0YXNldCIsIlNvdXJjZURhdGFTZWxlY3RvckNvbnRlbnQiLCJfcmVmMiIsImNsYXNzTmFtZSIsImRhdGFzZXRzIiwiZGF0YUlkIiwiaW5wdXRUaGVtZSIsIm9uU2VsZWN0IiwiZGVmYXVsdFZhbHVlIiwiZGlzYWJsZWQiLCJkc09wdGlvbnMiLCJ1c2VNZW1vIiwidmFsdWVzIiwibWFwIiwiZHMiLCJsYWJlbCIsImlkIiwiY29sb3IiLCJzZWxlY3RlZEl0ZW1zIiwiQXJyYXkiLCJpc0FycmF5Iiwib3B0aW9ucyIsImdldE9wdGlvblZhbHVlIiwiZmlsdGVyT3B0aW9uIiwibXVsdGlTZWxlY3QiLCJvbkNoYW5nZSIsInBsYWNlaG9sZGVyIiwiZGlzcGxheU9wdGlvbiIsIkRyb3BEb3duTGluZUl0ZW1SZW5kZXJDb21wb25lbnQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9jb21tb24vc291cmNlLWRhdGEtc2VsZWN0b3ItY29udGVudC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlTWVtb30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgSXRlbVNlbGVjdG9yIGZyb20gJy4uLy4uL2NvbW1vbi9pdGVtLXNlbGVjdG9yL2l0ZW0tc2VsZWN0b3InO1xuaW1wb3J0IERhdGFzZXRUYWdGYWN0b3J5IGZyb20gJy4vZGF0YXNldC10YWcnO1xuaW1wb3J0IHtTb3VyY2VEYXRhU2VsZWN0b3JQcm9wc30gZnJvbSAnLi90eXBlcyc7XG5cblNvdXJjZURhdGFTZWxlY3RvckNvbnRlbnRGYWN0b3J5LmRlcHMgPSBbRGF0YXNldFRhZ0ZhY3RvcnldO1xuXG5mdW5jdGlvbiBTb3VyY2VEYXRhU2VsZWN0b3JDb250ZW50RmFjdG9yeShEYXRhc2V0VGFnKSB7XG4gIGNvbnN0IERhdGFzZXRJdGVtID0gKHt2YWx1ZX0pID0+IDxEYXRhc2V0VGFnIGRhdGFzZXQ9e3ZhbHVlfSAvPjtcblxuICBjb25zdCBTb3VyY2VEYXRhU2VsZWN0b3JDb250ZW50ID0gKHtcbiAgICBjbGFzc05hbWUsXG4gICAgZGF0YXNldHMsXG4gICAgZGF0YUlkLFxuICAgIGlucHV0VGhlbWUsXG4gICAgb25TZWxlY3QsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIGRpc2FibGVkXG4gIH06IFNvdXJjZURhdGFTZWxlY3RvclByb3BzKSA9PiB7XG4gICAgY29uc3QgZHNPcHRpb25zID0gdXNlTWVtbyhcbiAgICAgICgpID0+XG4gICAgICAgIE9iamVjdC52YWx1ZXMoZGF0YXNldHMpLm1hcChkcyA9PiAoe1xuICAgICAgICAgIGxhYmVsOiBkcy5sYWJlbCxcbiAgICAgICAgICB2YWx1ZTogZHMuaWQsXG4gICAgICAgICAgY29sb3I6IGRzLmNvbG9yXG4gICAgICAgIH0pKSxcbiAgICAgIFtkYXRhc2V0c11cbiAgICApO1xuXG4gICAgY29uc3Qgc2VsZWN0ZWRJdGVtcyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiAoZGF0YUlkID8gKChBcnJheS5pc0FycmF5KGRhdGFJZCkgJiYgZGF0YUlkKSB8fCBbZGF0YUlkXSkubWFwKGlkID0+IGRhdGFzZXRzW2lkXSkgOiBbXSksXG4gICAgICBbZGF0YUlkLCBkYXRhc2V0c11cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxJdGVtU2VsZWN0b3JcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGlucHV0VGhlbWU9e2lucHV0VGhlbWV9XG4gICAgICAgIHNlbGVjdGVkSXRlbXM9e3NlbGVjdGVkSXRlbXN9XG4gICAgICAgIG9wdGlvbnM9e2RzT3B0aW9uc31cbiAgICAgICAgZ2V0T3B0aW9uVmFsdWU9eyd2YWx1ZSd9XG4gICAgICAgIGZpbHRlck9wdGlvbj17J2xhYmVsJ31cbiAgICAgICAgbXVsdGlTZWxlY3Q9e2ZhbHNlfVxuICAgICAgICBvbkNoYW5nZT17b25TZWxlY3R9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgZGlzcGxheU9wdGlvbj17J2xhYmVsJ31cbiAgICAgICAgRHJvcERvd25MaW5lSXRlbVJlbmRlckNvbXBvbmVudD17RGF0YXNldEl0ZW19XG4gICAgICAvPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIFNvdXJjZURhdGFTZWxlY3RvckNvbnRlbnQ7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFNvdXJjZURhdGFTZWxlY3RvckNvbnRlbnRGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFDLGFBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLFdBQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUE4QyxTQUFBSSx5QkFBQUMsQ0FBQSw2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

package/dist/side-panel/common/source-data-selector.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import SourceDataSelectorContentFactory from './source-data-selector-content';
+import { SourceDataSelectorProps } from './types';
+declare function SourceDataSelectorFactory(DataSourceSelectorContent: ReturnType<typeof SourceDataSelectorContentFactory>): React.FC<SourceDataSelectorProps>;
+declare namespace SourceDataSelectorFactory {
+    var deps: (typeof SourceDataSelectorContentFactory)[];
+}
+export default SourceDataSelectorFactory;

package/dist/side-panel/common/source-data-selector.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = SourceDataSelectorFactory;
+var _react = _interopRequireDefault(require("react"));
+var _localization = require("@kepler.gl/localization");
+var _styledComponents = require("../../common/styled-components");
+var _sourceDataSelectorContent = _interopRequireDefault(require("./source-data-selector-content"));
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+SourceDataSelectorFactory.deps = [_sourceDataSelectorContent["default"]];
+function SourceDataSelectorFactory(DataSourceSelectorContent) {
+  var SourceDataSelector = /*#__PURE__*/_react["default"].memo(function (_ref) {
+    var dataId = _ref.dataId,
+      datasets = _ref.datasets,
+      disabled = _ref.disabled,
+      onSelect = _ref.onSelect,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? 'Select A Dataset' : _ref$defaultValue,
+      inputTheme = _ref.inputTheme;
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, {
+      className: "data-source-selector"
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'misc.dataSource'
+    })), /*#__PURE__*/_react["default"].createElement(DataSourceSelectorContent, {
+      inputTheme: inputTheme,
+      datasets: datasets,
+      dataId: dataId,
+      onSelect: onSelect,
+      defaultValue: defaultValue,
+      disabled: disabled
+    }));
+  });
+  SourceDataSelector.displayName = 'SourceDataSelector';
+  return SourceDataSelector;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9sb2NhbGl6YXRpb24iLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9zb3VyY2VEYXRhU2VsZWN0b3JDb250ZW50IiwiU291cmNlRGF0YVNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJTb3VyY2VEYXRhU2VsZWN0b3JDb250ZW50RmFjdG9yeSIsIkRhdGFTb3VyY2VTZWxlY3RvckNvbnRlbnQiLCJTb3VyY2VEYXRhU2VsZWN0b3IiLCJSZWFjdCIsIm1lbW8iLCJfcmVmIiwiZGF0YUlkIiwiZGF0YXNldHMiLCJkaXNhYmxlZCIsIm9uU2VsZWN0IiwiX3JlZiRkZWZhdWx0VmFsdWUiLCJkZWZhdWx0VmFsdWUiLCJpbnB1dFRoZW1lIiwiY3JlYXRlRWxlbWVudCIsIlNpZGVQYW5lbFNlY3Rpb24iLCJjbGFzc05hbWUiLCJQYW5lbExhYmVsIiwiRm9ybWF0dGVkTWVzc2FnZSIsImlkIiwiZGlzcGxheU5hbWUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9jb21tb24vc291cmNlLWRhdGEtc2VsZWN0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuXG5pbXBvcnQge1BhbmVsTGFiZWwsIFNpZGVQYW5lbFNlY3Rpb259IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgU291cmNlRGF0YVNlbGVjdG9yQ29udGVudEZhY3RvcnkgZnJvbSAnLi9zb3VyY2UtZGF0YS1zZWxlY3Rvci1jb250ZW50JztcbmltcG9ydCB7U291cmNlRGF0YVNlbGVjdG9yUHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5Tb3VyY2VEYXRhU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbU291cmNlRGF0YVNlbGVjdG9yQ29udGVudEZhY3RvcnldO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTb3VyY2VEYXRhU2VsZWN0b3JGYWN0b3J5KFxuICBEYXRhU291cmNlU2VsZWN0b3JDb250ZW50OiBSZXR1cm5UeXBlPHR5cGVvZiBTb3VyY2VEYXRhU2VsZWN0b3JDb250ZW50RmFjdG9yeT5cbik6IFJlYWN0LkZDPFNvdXJjZURhdGFTZWxlY3RvclByb3BzPiB7XG4gIGNvbnN0IFNvdXJjZURhdGFTZWxlY3RvcjogUmVhY3QuRkM8U291cmNlRGF0YVNlbGVjdG9yUHJvcHM+ID0gUmVhY3QubWVtbyhcbiAgICAoe1xuICAgICAgZGF0YUlkLFxuICAgICAgZGF0YXNldHMsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIG9uU2VsZWN0LFxuICAgICAgZGVmYXVsdFZhbHVlID0gJ1NlbGVjdCBBIERhdGFzZXQnLFxuICAgICAgaW5wdXRUaGVtZVxuICAgIH06IFNvdXJjZURhdGFTZWxlY3RvclByb3BzKSA9PiAoXG4gICAgICA8U2lkZVBhbmVsU2VjdGlvbiBjbGFzc05hbWU9XCJkYXRhLXNvdXJjZS1zZWxlY3RvclwiPlxuICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J21pc2MuZGF0YVNvdXJjZSd9IC8+XG4gICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgPERhdGFTb3VyY2VTZWxlY3RvckNvbnRlbnRcbiAgICAgICAgICBpbnB1dFRoZW1lPXtpbnB1dFRoZW1lfVxuICAgICAgICAgIGRhdGFzZXRzPXtkYXRhc2V0c31cbiAgICAgICAgICBkYXRhSWQ9e2RhdGFJZH1cbiAgICAgICAgICBvblNlbGVjdD17b25TZWxlY3R9XG4gICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAvPlxuICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgIClcbiAgKTtcblxuICBTb3VyY2VEYXRhU2VsZWN0b3IuZGlzcGxheU5hbWUgPSAnU291cmNlRGF0YVNlbGVjdG9yJztcbiAgcmV0dXJuIFNvdXJjZURhdGFTZWxlY3Rvcjtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFDLGFBQUEsR0FBQUQsT0FBQTtBQUVBLElBQUFFLGlCQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRywwQkFBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBUkE7QUFDQTs7QUFVQUkseUJBQXlCLENBQUNDLElBQUksR0FBRyxDQUFDQyxxQ0FBZ0MsQ0FBQztBQUVwRCxTQUFTRix5QkFBeUJBLENBQy9DRyx5QkFBOEUsRUFDM0M7RUFDbkMsSUFBTUMsa0JBQXFELGdCQUFHQyxpQkFBSyxDQUFDQyxJQUFJLENBQ3RFLFVBQUFDLElBQUE7SUFBQSxJQUNFQyxNQUFNLEdBQUFELElBQUEsQ0FBTkMsTUFBTTtNQUNOQyxRQUFRLEdBQUFGLElBQUEsQ0FBUkUsUUFBUTtNQUNSQyxRQUFRLEdBQUFILElBQUEsQ0FBUkcsUUFBUTtNQUNSQyxRQUFRLEdBQUFKLElBQUEsQ0FBUkksUUFBUTtNQUFBQyxpQkFBQSxHQUFBTCxJQUFBLENBQ1JNLFlBQVk7TUFBWkEsWUFBWSxHQUFBRCxpQkFBQSxjQUFHLGtCQUFrQixHQUFBQSxpQkFBQTtNQUNqQ0UsVUFBVSxHQUFBUCxJQUFBLENBQVZPLFVBQVU7SUFBQSxvQkFFVnBCLE1BQUEsWUFBQXFCLGFBQUEsQ0FBQ2pCLGlCQUFBLENBQUFrQixnQkFBZ0I7TUFBQ0MsU0FBUyxFQUFDO0lBQXNCLGdCQUNoRHZCLE1BQUEsWUFBQXFCLGFBQUEsQ0FBQ2pCLGlCQUFBLENBQUFvQixVQUFVLHFCQUNUeEIsTUFBQSxZQUFBcUIsYUFBQSxDQUFDbEIsYUFBQSxDQUFBc0IsZ0JBQWdCO01BQUNDLEVBQUUsRUFBRTtJQUFrQixDQUFFLENBQ2hDLENBQUMsZUFDYjFCLE1BQUEsWUFBQXFCLGFBQUEsQ0FBQ1oseUJBQXlCO01BQ3hCVyxVQUFVLEVBQUVBLFVBQVc7TUFDdkJMLFFBQVEsRUFBRUEsUUFBUztNQUNuQkQsTUFBTSxFQUFFQSxNQUFPO01BQ2ZHLFFBQVEsRUFBRUEsUUFBUztNQUNuQkUsWUFBWSxFQUFFQSxZQUFhO01BQzNCSCxRQUFRLEVBQUVBO0lBQVMsQ0FDcEIsQ0FDZSxDQUFDO0VBQUEsQ0FFdkIsQ0FBQztFQUVETixrQkFBa0IsQ0FBQ2lCLFdBQVcsR0FBRyxvQkFBb0I7RUFDckQsT0FBT2pCLGtCQUFrQjtBQUMzQiIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/side-panel/common/source-selector.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import SourceDataSelectorContentFactory from './source-data-selector-content';
+import FieldSelectorFactory from '../../common/field-selector';
+declare function SourceSelectorFactory(SourceDataSelectorContent: any, FieldSelector: any): {
+    ({ className, datasets, dataId, disabled, onSelectDataset, fields, fieldValue, onFieldSelector, inputTheme }: {
+        className: any;
+        datasets: any;
+        dataId: any;
+        disabled: any;
+        onSelectDataset: any;
+        fields: any;
+        fieldValue: any;
+        onFieldSelector: any;
+        inputTheme: any;
+    }): React.JSX.Element;
+    displayName: string;
+};
+declare namespace SourceSelectorFactory {
+    var deps: (typeof FieldSelectorFactory | typeof SourceDataSelectorContentFactory)[];
+}
+export default SourceSelectorFactory;

package/dist/side-panel/common/source-selector.js

@@ -0,0 +1,57 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _sourceDataSelectorContent = _interopRequireDefault(require("./source-data-selector-content"));
+var _fieldSelector = _interopRequireDefault(require("../../common/field-selector"));
+var _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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; }
+var StyledSourceContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: #1c2233;\n"])));
+SourceSelectorFactory.deps = [_sourceDataSelectorContent["default"], _fieldSelector["default"]];
+function SourceSelectorFactory(SourceDataSelectorContent, FieldSelector) {
+  var StyledSourceDataSelectorContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-bottom: 2px;\n\n    .item-selector__dropdown {\n      border-top-left-radius: 2px;\n      border-top-right-radius: 2px;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  "])));
+  var StyledFieldSelector = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    .item-selector__dropdown {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-left-radius: 2px;\n      border-bottom-right-radius: 2px;\n    }\n  "])));
+  var SourceSelector = function SourceSelector(_ref) {
+    var className = _ref.className,
+      datasets = _ref.datasets,
+      dataId = _ref.dataId,
+      disabled = _ref.disabled,
+      onSelectDataset = _ref.onSelectDataset,
+      fields = _ref.fields,
+      fieldValue = _ref.fieldValue,
+      onFieldSelector = _ref.onFieldSelector,
+      inputTheme = _ref.inputTheme;
+    var datasetFields = (0, _react.useMemo)(function () {
+      var _datasets$dataId;
+      return fields || ((_datasets$dataId = datasets[dataId]) === null || _datasets$dataId === void 0 ? void 0 : _datasets$dataId.fields);
+    }, [dataId, datasets, fields]);
+    return /*#__PURE__*/_react["default"].createElement(StyledSourceContainer, {
+      className: className
+    }, /*#__PURE__*/_react["default"].createElement(StyledSourceDataSelectorContent, null, /*#__PURE__*/_react["default"].createElement(SourceDataSelectorContent, {
+      inputTheme: inputTheme,
+      datasets: datasets,
+      disabled: disabled,
+      dataId: dataId,
+      onSelect: onSelectDataset
+    })), dataId && /*#__PURE__*/_react["default"].createElement(StyledFieldSelector, null, /*#__PURE__*/_react["default"].createElement(FieldSelector, {
+      inputTheme: inputTheme,
+      fields: datasetFields,
+      value: fieldValue,
+      erasable: false,
+      onSelect: onFieldSelector
+    })));
+  };
+  SourceSelector.displayName = 'SourceSelector';
+  return SourceSelector;
+}
+var _default = exports["default"] = SourceSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfc291cmNlRGF0YVNlbGVjdG9yQ29udGVudCIsIl9maWVsZFNlbGVjdG9yIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJTdHlsZWRTb3VyY2VDb250YWluZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlNvdXJjZVNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJTb3VyY2VEYXRhU2VsZWN0b3JDb250ZW50RmFjdG9yeSIsIkZpZWxkU2VsZWN0b3JGYWN0b3J5IiwiU291cmNlRGF0YVNlbGVjdG9yQ29udGVudCIsIkZpZWxkU2VsZWN0b3IiLCJTdHlsZWRTb3VyY2VEYXRhU2VsZWN0b3JDb250ZW50IiwiU3R5bGVkRmllbGRTZWxlY3RvciIsIlNvdXJjZVNlbGVjdG9yIiwiX3JlZiIsImNsYXNzTmFtZSIsImRhdGFzZXRzIiwiZGF0YUlkIiwiZGlzYWJsZWQiLCJvblNlbGVjdERhdGFzZXQiLCJmaWVsZHMiLCJmaWVsZFZhbHVlIiwib25GaWVsZFNlbGVjdG9yIiwiaW5wdXRUaGVtZSIsImRhdGFzZXRGaWVsZHMiLCJ1c2VNZW1vIiwiX2RhdGFzZXRzJGRhdGFJZCIsImNyZWF0ZUVsZW1lbnQiLCJvblNlbGVjdCIsInZhbHVlIiwiZXJhc2FibGUiLCJkaXNwbGF5TmFtZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2NvbW1vbi9zb3VyY2Utc2VsZWN0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgU291cmNlRGF0YVNlbGVjdG9yQ29udGVudEZhY3RvcnkgZnJvbSAnLi9zb3VyY2UtZGF0YS1zZWxlY3Rvci1jb250ZW50JztcbmltcG9ydCBGaWVsZFNlbGVjdG9yRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vZmllbGQtc2VsZWN0b3InO1xuXG5jb25zdCBTdHlsZWRTb3VyY2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWMyMjMzO1xuYDtcblxuU291cmNlU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbU291cmNlRGF0YVNlbGVjdG9yQ29udGVudEZhY3RvcnksIEZpZWxkU2VsZWN0b3JGYWN0b3J5XTtcblxuZnVuY3Rpb24gU291cmNlU2VsZWN0b3JGYWN0b3J5KFNvdXJjZURhdGFTZWxlY3RvckNvbnRlbnQsIEZpZWxkU2VsZWN0b3IpIHtcbiAgY29uc3QgU3R5bGVkU291cmNlRGF0YVNlbGVjdG9yQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLWJvdHRvbTogMnB4O1xuXG4gICAgLml0ZW0tc2VsZWN0b3JfX2Ryb3Bkb3duIHtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDJweDtcbiAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAycHg7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgfVxuICBgO1xuXG4gIGNvbnN0IFN0eWxlZEZpZWxkU2VsZWN0b3IgPSBzdHlsZWQuZGl2YFxuICAgIC5pdGVtLXNlbGVjdG9yX19kcm9wZG93biB7XG4gICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAycHg7XG4gICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMnB4O1xuICAgIH1cbiAgYDtcblxuICBjb25zdCBTb3VyY2VTZWxlY3RvciA9ICh7XG4gICAgY2xhc3NOYW1lLFxuICAgIGRhdGFzZXRzLFxuICAgIGRhdGFJZCxcbiAgICBkaXNhYmxlZCxcbiAgICBvblNlbGVjdERhdGFzZXQsXG4gICAgZmllbGRzLFxuICAgIGZpZWxkVmFsdWUsXG4gICAgb25GaWVsZFNlbGVjdG9yLFxuICAgIGlucHV0VGhlbWVcbiAgfSkgPT4ge1xuICAgIGNvbnN0IGRhdGFzZXRGaWVsZHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBmaWVsZHMgfHwgZGF0YXNldHNbZGF0YUlkXT8uZmllbGRzO1xuICAgIH0sIFtkYXRhSWQsIGRhdGFzZXRzLCBmaWVsZHNdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkU291cmNlQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgPFN0eWxlZFNvdXJjZURhdGFTZWxlY3RvckNvbnRlbnQ+XG4gICAgICAgICAgPFNvdXJjZURhdGFTZWxlY3RvckNvbnRlbnRcbiAgICAgICAgICAgIGlucHV0VGhlbWU9e2lucHV0VGhlbWV9XG4gICAgICAgICAgICBkYXRhc2V0cz17ZGF0YXNldHN9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBkYXRhSWQ9e2RhdGFJZH1cbiAgICAgICAgICAgIG9uU2VsZWN0PXtvblNlbGVjdERhdGFzZXR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRTb3VyY2VEYXRhU2VsZWN0b3JDb250ZW50PlxuICAgICAgICB7ZGF0YUlkICYmIChcbiAgICAgICAgICA8U3R5bGVkRmllbGRTZWxlY3Rvcj5cbiAgICAgICAgICAgIDxGaWVsZFNlbGVjdG9yXG4gICAgICAgICAgICAgIGlucHV0VGhlbWU9e2lucHV0VGhlbWV9XG4gICAgICAgICAgICAgIGZpZWxkcz17ZGF0YXNldEZpZWxkc31cbiAgICAgICAgICAgICAgdmFsdWU9e2ZpZWxkVmFsdWV9XG4gICAgICAgICAgICAgIGVyYXNhYmxlPXtmYWxzZX1cbiAgICAgICAgICAgICAgb25TZWxlY3Q9e29uRmllbGRTZWxlY3Rvcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRGaWVsZFNlbGVjdG9yPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRTb3VyY2VDb250YWluZXI+XG4gICAgKTtcbiAgfTtcblxuICBTb3VyY2VTZWxlY3Rvci5kaXNwbGF5TmFtZSA9ICdTb3VyY2VTZWxlY3Rvcic7XG5cbiAgcmV0dXJuIFNvdXJjZVNlbGVjdG9yO1xufVxuXG5leHBvcnQgZGVmYXVsdCBTb3VyY2VTZWxlY3RvckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFFQSxJQUFBRywwQkFBQSxHQUFBRCxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUksY0FBQSxHQUFBRixzQkFBQSxDQUFBRixPQUFBO0FBQStELElBQUFLLGVBQUEsRUFBQUMsZ0JBQUEsRUFBQUMsZ0JBQUEsRUFQL0Q7QUFDQTtBQUFBLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFB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