@kepler.gl/components 3.0.0-alpha.0

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

@@ -0,0 +1,89 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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;
+
+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 onClick = _ref2.onClick,
+        onClickSquare = _ref2.onClickSquare,
+        dataset = _ref2.dataset,
+        updateTableColor = _ref2.updateTableColor,
+        id = _ref2.id;
+    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(id)
+    }), updateTableColor ? /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
+      id: "update-color-".concat(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2NvbW1vbi9kYXRhc2V0LXRhZy50c3giXSwibmFtZXMiOlsiRGF0YXNldFRhZ1dyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsInRoZW1lIiwidGV4dENvbG9yIiwiRGF0YXNldENvbG9yUGlja2VyIiwiVXBkYXRlVGFibGVDb2xvciIsImNoaWxkcmVuIiwiaWQiLCJEYXRhc2V0VGFnRmFjdG9yeSIsIkRhdGFzZXRUYWciLCJvbkNsaWNrIiwib25DbGlja1NxdWFyZSIsImRhdGFzZXQiLCJ1cGRhdGVUYWJsZUNvbG9yIiwiY29sb3IiLCJsYWJlbCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFHQSxJQUFNQSxpQkFBaUIsR0FBR0MsNkJBQU9DLEdBQVYsMldBRVosVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxTQUFoQjtBQUFBLENBRk8sQ0FBdkI7O0FBbUJBLElBQU1DLGtCQUFrQixHQUFHTCw2QkFBT0MsR0FBViw0R0FBeEI7O0FBSUEsSUFBTUssZ0JBQWdCLEdBQUcsU0FBbkJBLGdCQUFtQjtBQUFBLE1BQUVDLFFBQUYsUUFBRUEsUUFBRjtBQUFBLE1BQVlDLEVBQVosUUFBWUEsRUFBWjtBQUFBLHNCQUN2QixnQ0FBQyxrQkFBRDtBQUNFLElBQUEsU0FBUyxFQUFDLDZCQURaO0FBRUUsb0JBRkY7QUFHRSx1Q0FBMEJBLEVBQTFCO0FBSEYsS0FLR0QsUUFMSCxDQUR1QjtBQUFBLENBQXpCOztBQVVlLFNBQVNFLGlCQUFULEdBQXdEO0FBQ3JFLE1BQU1DLFVBQVUsR0FBRyxTQUFiQSxVQUFhO0FBQUEsUUFBRUMsT0FBRixTQUFFQSxPQUFGO0FBQUEsUUFBV0MsYUFBWCxTQUFXQSxhQUFYO0FBQUEsUUFBMEJDLE9BQTFCLFNBQTBCQSxPQUExQjtBQUFBLFFBQW1DQyxnQkFBbkMsU0FBbUNBLGdCQUFuQztBQUFBLFFBQXFETixFQUFyRCxTQUFxREEsRUFBckQ7QUFBQSx3QkFDakIsZ0NBQUMsaUJBQUQ7QUFBbUIsTUFBQSxTQUFTLEVBQUM7QUFBN0Isb0JBQ0UsZ0NBQUMsZ0JBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUVLLE9BQU8sQ0FBQ0w7QUFBOUIsb0JBQ0UsZ0NBQUMsZUFBRDtBQUNFLE1BQUEsU0FBUyxFQUFDLGVBRFo7QUFFRSxNQUFBLGVBQWUsRUFBRUssT0FBTyxDQUFDRSxLQUYzQjtBQUdFLE1BQUEsT0FBTyxFQUFFSCxhQUhYO0FBSUUsc0JBSkY7QUFLRSx5Q0FBMEJKLEVBQTFCO0FBTEYsTUFERixFQVFHTSxnQkFBZ0IsZ0JBQ2YsZ0NBQUMsU0FBRDtBQUFTLE1BQUEsRUFBRSx5QkFBa0JOLEVBQWxCLENBQVg7QUFBbUMsTUFBQSxNQUFNLEVBQUM7QUFBMUMsb0JBQ0UsMkRBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUU7QUFBdEIsTUFERixDQURGLENBRGUsR0FNYixJQWROLENBREYsZUFpQkU7QUFBSyxNQUFBLFNBQVMsRUFBQyxjQUFmO0FBQThCLE1BQUEsS0FBSyxFQUFFSyxPQUFPLENBQUNHLEtBQTdDO0FBQW9ELE1BQUEsT0FBTyxFQUFFTDtBQUE3RCxPQUNHRSxPQUFPLENBQUNHLEtBRFgsQ0FqQkYsQ0FEaUI7QUFBQSxHQUFuQjs7QUF3QkEsU0FBT04sVUFBUDtBQUNEIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0RhdGFzZXRTcXVhcmUsIFRvb2x0aXB9IGZyb20gJy4uLy4uJztcbmltcG9ydCB7RGF0YXNldFRhZ1Byb3BzLCBVcGRhdGVUYWJsZUNvbG9yVHlwZXN9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBEYXRhc2V0VGFnV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvcn07XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMnB4O1xuICBvdmVyZmxvdzogYXV0bztcblxuICAuZGF0YXNldC1jb2xvciB7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICB9XG5cbiAgLmRhdGFzZXQtbmFtZSB7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB9XG5gO1xuXG5jb25zdCBEYXRhc2V0Q29sb3JQaWNrZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgVXBkYXRlVGFibGVDb2xvciA9ICh7Y2hpbGRyZW4sIGlkfTogVXBkYXRlVGFibGVDb2xvclR5cGVzKSA9PiAoXG4gIDxEYXRhc2V0Q29sb3JQaWNrZXJcbiAgICBjbGFzc05hbWU9XCJkYXRhc2V0LWFjdGlvbiB1cGRhdGUtY29sb3JcIlxuICAgIGRhdGEtdGlwXG4gICAgZGF0YS1mb3I9e2B1cGRhdGUtY29sb3ItJHtpZH1gfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0RhdGFzZXRDb2xvclBpY2tlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERhdGFzZXRUYWdGYWN0b3J5KCk6IFJlYWN0LkZDPERhdGFzZXRUYWdQcm9wcz4ge1xuICBjb25zdCBEYXRhc2V0VGFnID0gKHtvbkNsaWNrLCBvbkNsaWNrU3F1YXJlLCBkYXRhc2V0LCB1cGRhdGVUYWJsZUNvbG9yLCBpZH06IERhdGFzZXRUYWdQcm9wcykgPT4gKFxuICAgIDxEYXRhc2V0VGFnV3JhcHBlciBjbGFzc05hbWU9XCJzb3VyY2UtZGF0YS10YWdcIj5cbiAgICAgIDxVcGRhdGVUYWJsZUNvbG9yIGlkPXtkYXRhc2V0LmlkfT5cbiAgICAgICAgPERhdGFzZXRTcXVhcmVcbiAgICAgICAgICBjbGFzc05hbWU9XCJkYXRhc2V0LWNvbG9yXCJcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2RhdGFzZXQuY29sb3J9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja1NxdWFyZX1cbiAgICAgICAgICBkYXRhLXRpcFxuICAgICAgICAgIGRhdGEtZm9yPXtgdXBkYXRlLWNvbG9yLSR7aWR9YH1cbiAgICAgICAgLz5cbiAgICAgICAge3VwZGF0ZVRhYmxlQ29sb3IgPyAoXG4gICAgICAgICAgPFRvb2x0aXAgaWQ9e2B1cGRhdGUtY29sb3ItJHtpZH1gfSBlZmZlY3Q9XCJzb2xpZFwiPlxuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnVXBkYXRlIGNvbG9yJ30gLz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9VcGRhdGVUYWJsZUNvbG9yPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJkYXRhc2V0LW5hbWVcIiB0aXRsZT17ZGF0YXNldC5sYWJlbH0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgIHtkYXRhc2V0LmxhYmVsfVxuICAgICAgPC9kaXY+XG4gICAgPC9EYXRhc2V0VGFnV3JhcHBlcj5cbiAgKTtcblxuICByZXR1cm4gRGF0YXNldFRhZztcbn1cbiJdfQ==

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import DatasetTagFactory from './dataset-tag';
+import { DatasetTitleProps } from './types';
+declare function DatasetTitleFactory(DatasetTag: ReturnType<typeof DatasetTagFactory>): React.ComponentType<DatasetTitleProps>;
+declare namespace DatasetTitleFactory {
+    var deps: (typeof DatasetTagFactory)[];
+}
+export default DatasetTitleFactory;

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

@@ -0,0 +1,225 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DatasetTitleFactory;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _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;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var 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 ? 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 ? 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 = /*#__PURE__*/function (_PureComponent) {
+    (0, _inherits2["default"])(DatasetTitle, _PureComponent);
+
+    var _super = _createSuper(DatasetTitle);
+
+    function DatasetTitle() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, DatasetTitle);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+        displayColorPicker: false
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_handleClick", function () {
+        _this.setState({
+          displayColorPicker: !_this.state.displayColorPicker
+        });
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_handleClosePicker", function () {
+        _this.setState({
+          displayColorPicker: false
+        });
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "root", /*#__PURE__*/(0, _react.createRef)());
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onClickTitle", function (e) {
+        e.stopPropagation();
+
+        if (typeof _this.props.onTitleClick === 'function') {
+          _this.props.onTitleClick();
+        } else if (typeof _this.props.showDatasetTable === 'function') {
+          _this.props.showDatasetTable(_this.props.dataset.id);
+        }
+      });
+      return _this;
+    }
+
+    (0, _createClass2["default"])(DatasetTitle, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            showDatasetTable = _this$props.showDatasetTable,
+            showDeleteDataset = _this$props.showDeleteDataset,
+            onTitleClick = _this$props.onTitleClick,
+            removeDataset = _this$props.removeDataset,
+            dataset = _this$props.dataset,
+            updateTableColor = _this$props.updateTableColor;
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "custom-palette-panel",
+          ref: this.root
+        }, /*#__PURE__*/_react["default"].createElement(StyledDatasetTitle, {
+          className: "source-data-title",
+          clickable: Boolean(showDatasetTable || onTitleClick)
+        }, /*#__PURE__*/_react["default"].createElement(DatasetTag, {
+          dataset: dataset,
+          onClick: this._onClickTitle,
+          updateTableColor: updateTableColor,
+          onClickSquare: this._handleClick
+        }), /*#__PURE__*/_react["default"].createElement(_.Portaled, {
+          isOpened: this.state.displayColorPicker !== false,
+          left: 110,
+          top: -50,
+          onClose: this._handleClosePicker
+        }, /*#__PURE__*/_react["default"].createElement(_customPicker["default"], {
+          color: (0, _utils.rgbToHex)(dataset.color),
+          onChange: function onChange(color) {
+            return updateTableColor(dataset.id, [color.rgb.r, color.rgb.g, color.rgb.b]);
+          },
+          onSwatchClose: this._handleClosePicker
+        })), 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: dataset.id,
+          showDatasetTable: showDatasetTable
+        }) : null, showDeleteDataset ? /*#__PURE__*/_react["default"].createElement(RemoveDataset, {
+          datasetKey: dataset.id,
+          removeDataset: removeDataset
+        }) : null));
+      }
+    }]);
+    return DatasetTitle;
+  }(_react.PureComponent);
+
+  return DatasetTitle;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2NvbW1vbi9kYXRhc2V0LXRpdGxlLnRzeCJdLCJuYW1lcyI6WyJTdHlsZWREYXRhc2V0VGl0bGUiLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsInRoZW1lIiwidGV4dENvbG9yIiwiY2xpY2thYmxlIiwidGV4dENvbG9ySGwiLCJEYXRhVGFnQWN0aW9uIiwiU2hvd0RhdGFUYWJsZSIsImlkIiwic2hvd0RhdGFzZXRUYWJsZSIsImUiLCJzdG9wUHJvcGFnYXRpb24iLCJSZW1vdmVEYXRhc2V0IiwiZGF0YXNldEtleSIsInJlbW92ZURhdGFzZXQiLCJEYXRhc2V0VGl0bGVGYWN0b3J5IiwiZGVwcyIsIkRhdGFzZXRUYWdGYWN0b3J5IiwiRGF0YXNldFRhZyIsIkRhdGFzZXRUaXRsZSIsImRpc3BsYXlDb2xvclBpY2tlciIsInNldFN0YXRlIiwic3RhdGUiLCJvblRpdGxlQ2xpY2siLCJkYXRhc2V0Iiwic2hvd0RlbGV0ZURhdGFzZXQiLCJ1cGRhdGVUYWJsZUNvbG9yIiwicm9vdCIsIkJvb2xlYW4iLCJfb25DbGlja1RpdGxlIiwiX2hhbmRsZUNsaWNrIiwiX2hhbmRsZUNsb3NlUGlja2VyIiwiY29sb3IiLCJyZ2IiLCJyIiwiZyIsImIiLCJQdXJlQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7Ozs7O0FBUUEsSUFBTUEsa0JBQWtCLEdBQUdDLDZCQUFPQyxHQUFWLGdhQUNiLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsU0FBaEI7QUFBQSxDQURRLEVBU1YsVUFBQUYsS0FBSztBQUFBLFNBQUtBLEtBQUssQ0FBQ0csU0FBTixHQUFrQixTQUFsQixHQUE4QixNQUFuQztBQUFBLENBVEssRUFZVCxVQUFBSCxLQUFLO0FBQUEsU0FB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QUVFLFVBQUEsSUFBSSxFQUFFLEdBRlI7QUFHRSxVQUFBLEdBQUcsRUFBRSxDQUFDLEVBSFI7QUFJRSxVQUFBLE9BQU8sRUFBRSxLQUFLVztBQUpoQix3QkFNRSxnQ0FBQyx3QkFBRDtBQUNFLFVBQUEsS0FBSyxFQUFFLHFCQUFTUCxPQUFPLENBQUNRLEtBQWpCLENBRFQ7QUFFRSxVQUFBLFFBQVEsRUFBRSxrQkFBQ0EsS0FBRDtBQUFBLG1CQUNSTixnQkFBZ0IsQ0FBQ0YsT0FBTyxDQUFDaEIsRUFBVCxFQUFhLENBQUN3QixLQUFLLENBQUNDLEdBQU4sQ0FBVUMsQ0FBWCxFQUFjRixLQUFLLENBQUNDLEdBQU4sQ0FBVUUsQ0FBeEIsRUFBMkJILEtBQUssQ0FBQ0MsR0FBTixDQUFVRyxDQUFyQyxDQUFiLENBRFI7QUFBQSxXQUZaO0FBS0UsVUFBQSxhQUFhLEVBQUUsS0FBS0w7QUFMdEIsVUFORixDQVZGLEVBd0JHdEIsZ0JBQWdCLGdCQUNmLGdDQUFDLGdDQUFEO0FBQWUsVUFBQSxTQUFTLEVBQUM7QUFBekIsd0JBQ0UsZ0NBQUMsaUJBQUQ7QUFBWSxVQUFBLE1BQU0sRUFBQztBQUFuQixVQURGLENBRGUsR0FJYixJQTVCTixFQTZCR0EsZ0JBQWdCLGdCQUNmLGdDQUFDLGFBQUQ7QUFBZSxVQUFBLEVBQUUsRUFBRWUsT0FBTyxDQUFDaEIsRUFBM0I7QUFBK0IsVUFBQSxnQkFBZ0IsRUFBRUM7QUFBakQsVUFEZSxHQUViLElBL0JOLEVBZ0NHZ0IsaUJBQWlCLGdCQUNoQixnQ0FBQyxhQUFEO0FBQWUsVUFBQSxVQUFVLEVBQUVELE9BQU8sQ0FBQ2hCLEVBQW5DO0FBQXVDLFVBQUEsYUFBYSxFQUFFTTtBQUF0RCxVQURnQixHQUVkLElBbENOLENBREYsQ0FERjtBQXdDRDtBQTNFcUM7QUFBQTtBQUFBLElBQ2J1QixvQkFEYTs7QUE4RXhDLFNBQU9sQixZQUFQO0FBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHtjcmVhdGVSZWYsIE1vdXNlRXZlbnQsIFB1cmVDb21wb25lbnR9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5cbmltcG9ydCB7VGFibGV9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7Q2VudGVyRmxleGJveCwgVG9vbHRpcH0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7QXJyb3dSaWdodCwgVHJhc2h9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQgRGF0YXNldFRhZ0ZhY3RvcnkgZnJvbSAnLi9kYXRhc2V0LXRhZyc7XG5pbXBvcnQgQ3VzdG9tUGlja2VyIGZyb20gJy4uL2xheWVyLXBhbmVsL2N1c3RvbS1waWNrZXInO1xuaW1wb3J0IHtQb3J0YWxlZH0gZnJvbSAnLi4vLi4nO1xuaW1wb3J0IHtyZ2JUb0hleH0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge1xuICBTdHlsZWREYXRhc2V0VGl0bGVQcm9wcyxcbiAgRGF0YXNldFRpdGxlUHJvcHMsXG4gIFJlbW92ZURhdGFzZXRQcm9wcyxcbiAgU2hvd0RhdGFUYWJsZVByb3BzXG59IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBTdHlsZWREYXRhc2V0VGl0bGUgPSBzdHlsZWQuZGl2PFN0eWxlZERhdGFzZXRUaXRsZVByb3BzPmBcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cbiAgLnNvdXJjZS1kYXRhLWFycm93IHtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gIH1cbiAgOmhvdmVyIHtcbiAgICBjdXJzb3I6ICR7cHJvcHMgPT4gKHByb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuXG4gICAgLmRhdGFzZXQtbmFtZSB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiAocHJvcHMuY2xpY2thYmxlID8gcHJvcHMudGhlbWUudGV4dENvbG9ySGwgOiBwcm9wcy50aGVtZS50ZXh0Q29sb3IpfTtcbiAgICB9XG5cbiAgICAuZGF0YXNldC1hY3Rpb24ge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuXG4gICAgLmRhdGFzZXQtYWN0aW9uOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IERhdGFUYWdBY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMTJweDtcbiAgaGVpZ2h0OiAxNnB4O1xuICBvcGFjaXR5OiAwO1xuYDtcblxuY29uc3QgU2hvd0RhdGFUYWJsZSA9ICh7aWQsIHNob3dEYXRhc2V0VGFibGV9OiBTaG93RGF0YVRhYmxlUHJvcHMpID0+IChcbiAgPERhdGFUYWdBY3Rpb24gY2xhc3NOYW1lPVwiZGF0YXNldC1hY3Rpb24gc2hvdy1kYXRhLXRhYmxlXCIgZGF0YS10aXAgZGF0YS1mb3I9e2BkYXRhLXRhYmxlLSR7aWR9YH0+XG4gICAgPFRhYmxlXG4gICAgICBoZWlnaHQ9XCIxNnB4XCJcbiAgICAgIG9uQ2xpY2s9e2UgPT4ge1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICBzaG93RGF0YXNldFRhYmxlPy4oaWQpO1xuICAgICAgfX1cbiAgICAvPlxuICAgIDxUb29sdGlwIGlkPXtgZGF0YS10YWJsZS0ke2lkfWB9IGVmZmVjdD1cInNvbGlkXCI+XG4gICAgICA8c3Bhbj5cbiAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydkYXRhc2V0VGl0bGUuc2hvd0RhdGFUYWJsZSd9IC8+XG4gICAgICA8L3NwYW4+XG4gICAgPC9Ub29sdGlwPlxuICA8L0RhdGFUYWdBY3Rpb24+XG4pO1xuXG5jb25zdCBSZW1vdmVEYXRhc2V0ID0gKHtkYXRhc2V0S2V5LCByZW1vdmVEYXRhc2V0fTogUmVtb3ZlRGF0YXNldFByb3BzKSA9PiAoXG4gIDxEYXRhVGFnQWN0aW9uXG4gICAgY2xhc3NOYW1lPVwiZGF0YXNldC1hY3Rpb24gcmVtb3ZlLWRhdGFzZXRcIlxuICAgIGRhdGEtdGlwXG4gICAgZGF0YS1mb3I9e2BkZWxldGUtJHtkYXRhc2V0S2V5fWB9XG4gID5cbiAgICA8VHJhc2hcbiAgICAgIGhlaWdodD1cIjE2cHhcIlxuICAgICAgb25DbGljaz17ZSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHJlbW92ZURhdGFzZXQ/LihkYXRhc2V0S2V5KTtcbiAgICAgIH19XG4gICAgLz5cbiAgICA8VG9vbHRpcCBpZD17YGRlbGV0ZS0ke2RhdGFzZXRLZXl9YH0gZWZmZWN0PVwic29saWRcIiB0eXBlPVwiZXJyb3JcIj5cbiAgICAgIDxzcGFuPlxuICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J2RhdGFzZXRUaXRsZS5yZW1vdmVEYXRhc2V0J30gLz5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L1Rvb2x0aXA+XG4gIDwvRGF0YVRhZ0FjdGlvbj5cbik7XG5cbkRhdGFzZXRUaXRsZUZhY3RvcnkuZGVwcyA9IFtEYXRhc2V0VGFnRmFjdG9yeV07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERhdGFzZXRUaXRsZUZhY3RvcnkoXG4gIERhdGFzZXRUYWc6IFJldHVyblR5cGU8dHlwZW9mIERhdGFzZXRUYWdGYWN0b3J5PlxuKTogUmVhY3QuQ29tcG9uZW50VHlwZTxEYXRhc2V0VGl0bGVQcm9wcz4ge1xuICBjbGFzcyBEYXRhc2V0VGl0bGUgZXh0ZW5kcyBQdXJlQ29tcG9uZW50PERhdGFzZXRUaXRsZVByb3BzPiB7XG4gICAgc3RhdGUgPSB7XG4gICAgICBkaXNwbGF5Q29sb3JQaWNrZXI6IGZhbHNlXG4gICAgfTtcblxuICAgIF9oYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoe2Rpc3BsYXlDb2xvclBpY2tlcjogIXRoaXMuc3RhdGUuZGlzcGxheUNvbG9yUGlja2VyfSk7XG4gICAgfTtcblxuICAgIF9oYW5kbGVDbG9zZVBpY2tlciA9ICgpID0+IHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoe2Rpc3BsYXlDb2xvclBpY2tlcjogZmFsc2V9KTtcbiAgICB9O1xuXG4gICAgcm9vdCA9IGNyZWF0ZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcblxuICAgIF9vbkNsaWNrVGl0bGUgPSAoZTogTW91c2VFdmVudCkgPT4ge1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmICh0eXBlb2YgdGhpcy5wcm9wcy5vblRpdGxlQ2xpY2sgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgdGhpcy5wcm9wcy5vblRpdGxlQ2xpY2soKTtcbiAgICAgIH0gZWxzZSBpZiAodHlwZW9mIHRoaXMucHJvcHMuc2hvd0RhdGFzZXRUYWJsZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICB0aGlzLnByb3BzLnNob3dEYXRhc2V0VGFibGUodGhpcy5wcm9wcy5kYXRhc2V0LmlkKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmVuZGVyKCkge1xuICAgICAgY29uc3Qge1xuICAgICAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgICAgICBzaG93RGVsZXRlRGF0YXNldCxcbiAgICAgICAgb25UaXRsZUNsaWNrLFxuICAgICAgICByZW1vdmVEYXRhc2V0LFxuICAgICAgICBkYXRhc2V0LFxuICAgICAgICB1cGRhdGVUYWJsZUNvbG9yXG4gICAgICB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjdXN0b20tcGFsZXR0ZS1wYW5lbFwiIHJlZj17dGhpcy5yb290fT5cbiAgICAgICAgICA8U3R5bGVkRGF0YXNldFRpdGxlXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJzb3VyY2UtZGF0YS10aXRsZVwiXG4gICAgICAgICAgICBjbGlja2FibGU9e0Jvb2xlYW4oc2hvd0RhdGFzZXRUYWJsZSB8fCBvblRpdGxlQ2xpY2spfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEYXRhc2V0VGFnXG4gICAgICAgICAgICAgIGRhdGFzZXQ9e2RhdGFzZXR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e3RoaXMuX29uQ2xpY2tUaXRsZX1cbiAgICAgICAgICAgICAgdXBkYXRlVGFibGVDb2xvcj17dXBkYXRlVGFibGVDb2xvcn1cbiAgICAgICAgICAgICAgb25DbGlja1NxdWFyZT17dGhpcy5faGFuZGxlQ2xpY2t9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFBvcnRhbGVkXG4gICAgICAgICAgICAgIGlzT3BlbmVkPXt0aGlzLnN0YXRlLmRpc3BsYXlDb2xvclBpY2tlciAhPT0gZmFsc2V9XG4gICAgICAgICAgICAgIGxlZnQ9ezExMH1cbiAgICAgICAgICAgICAgdG9wPXstNTB9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9e3RoaXMuX2hhbmRsZUNsb3NlUGlja2VyfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8Q3VzdG9tUGlja2VyXG4gICAgICAgICAgICAgICAgY29sb3I9e3JnYlRvSGV4KGRhdGFzZXQuY29sb3IpfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsoY29sb3I6IHtyZ2I6IFJlY29yZDxzdHJpbmcsIG51bWJlcj59KSA9PlxuICAgICAgICAgICAgICAgICAgdXBkYXRlVGFibGVDb2xvcihkYXRhc2V0LmlkLCBbY29sb3IucmdiLnIsIGNvbG9yLnJnYi5nLCBjb2xvci5yZ2IuYl0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uU3dhdGNoQ2xvc2U9e3RoaXMuX2hhbmRsZUNsb3NlUGlja2VyfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Qb3J0YWxlZD5cbiAgICAgICAgICAgIHtzaG93RGF0YXNldFRhYmxlID8gKFxuICAgICAgICAgICAgICA8Q2VudGVyRmxleGJveCBjbGFzc05hbWU9XCJzb3VyY2UtZGF0YS1hcnJvd1wiPlxuICAgICAgICAgICAgICAgIDxBcnJvd1JpZ2h0IGhlaWdodD1cIjEycHhcIiAvPlxuICAgICAgICAgICAgICA8L0NlbnRlckZsZXhib3g+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIHtzaG93RGF0YXNldFRhYmxlID8gKFxuICAgICAgICAgICAgICA8U2hvd0RhdGFUYWJsZSBpZD17ZGF0YXNldC5pZH0gc2hvd0RhdGFzZXRUYWJsZT17c2hvd0RhdGFzZXRUYWJsZX0gLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAge3Nob3dEZWxldGVEYXRhc2V0ID8gKFxuICAgICAgICAgICAgICA8UmVtb3ZlRGF0YXNldCBkYXRhc2V0S2V5PXtkYXRhc2V0LmlkfSByZW1vdmVEYXRhc2V0PXtyZW1vdmVEYXRhc2V0fSAvPlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9TdHlsZWREYXRhc2V0VGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gRGF0YXNldFRpdGxlO1xufVxuIl19

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import DatasetTitleFactory from './dataset-title';
+import DatasetInfoFactory from './dataset-info';
+import { SourceDataCatalogProps } from './types';
+declare function SourceDataCatalogFactory(DatasetTitle: ReturnType<typeof DatasetTitleFactory>, DatasetInfo: ReturnType<typeof DatasetInfoFactory>): ({ datasets, showDatasetTable, removeDataset, onTitleClick, updateTableColor, showDeleteDataset }: SourceDataCatalogProps) => JSX.Element;
+declare namespace SourceDataCatalogFactory {
+    var deps: (typeof DatasetInfoFactory | typeof DatasetTitleFactory)[];
+}
+export default SourceDataCatalogFactory;

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

@@ -0,0 +1,82 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _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;
+
+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 = SourceDataCatalogFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2NvbW1vbi9zb3VyY2UtZGF0YS1jYXRhbG9nLnRzeCJdLCJuYW1lcyI6WyJTb3VyY2VEYXRhQ2F0YWxvZ1dyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsInRoZW1lIiwidHJhbnNpdGlvbiIsIlNvdXJjZURhdGFDYXRhbG9nRmFjdG9yeSIsImRlcHMiLCJEYXRhc2V0VGl0bGVGYWN0b3J5IiwiRGF0YXNldEluZm9GYWN0b3J5IiwiRGF0YXNldFRpdGxlIiwiRGF0YXNldEluZm8iLCJTb3VyY2VEYXRhQ2F0YWxvZyIsImRhdGFzZXRzIiwic2hvd0RhdGFzZXRUYWJsZSIsInJlbW92ZURhdGFzZXQiLCJvblRpdGxlQ2xpY2siLCJ1cGRhdGVUYWJsZUNvbG9yIiwic2hvd0RlbGV0ZURhdGFzZXQiLCJPYmplY3QiLCJ2YWx1ZXMiLCJtYXAiLCJkYXRhc2V0IiwiaWQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUVBOztBQUNBOztBQUNBOzs7O0FBR0EsSUFBTUEsd0JBQXdCLEdBQUdDLDZCQUFPQyxHQUFWLDhHQUNkLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsVUFBaEI7QUFBQSxDQURTLENBQTlCOztBQUlBQyx3QkFBd0IsQ0FBQ0MsSUFBekIsR0FBZ0MsQ0FBQ0Msd0JBQUQsRUFBc0JDLHVCQUF0QixDQUFoQzs7QUFFQSxTQUFTSCx3QkFBVCxDQUNFSSxZQURGLEVBRUVDLFdBRkYsRUFHRTtBQUNBLE1BQU1DLGlCQUFpQixHQUFHLFNBQXBCQSxpQkFBb0I7QUFBQSxRQUN4QkMsUUFEd0IsUUFDeEJBLFFBRHdCO0FBQUEsUUFFeEJDLGdCQUZ3QixRQUV4QkEsZ0JBRndCO0FBQUEsUUFHeEJDLGFBSHdCLFFBR3hCQSxhQUh3QjtBQUFBLFFBSXhCQyxZQUp3QixRQUl4QkEsWUFKd0I7QUFBQSxRQUt4QkMsZ0JBTHdCLFFBS3hCQSxnQkFMd0I7QUFBQSxxQ0FNeEJDLGlCQU53QjtBQUFBLFFBTXhCQSxpQkFOd0Isc0NBTUosS0FOSTtBQUFBLHdCQVF4QixnQ0FBQyx3QkFBRDtBQUEwQixNQUFBLFNBQVMsRUFBQztBQUFwQyxPQUNHQyxNQUFNLENBQUNDLE1BQVAsQ0FBY1AsUUFBZCxFQUF3QlEsR0FBeEIsQ0FBNEIsVUFBQUMsT0FBTztBQUFBLDBCQUNsQyxnQ0FBQyxtQ0FBRDtBQUFrQixRQUFBLEdBQUcsRUFBRUEsT0FBTyxDQUFDQztBQUEvQixzQkFDRSxnQ0FBQyxZQUFEO0FBQ0UsUUFBQSxnQkFBZ0IsRUFBRVQsZ0JBRHBCO0FBRUUsUUFBQSxpQkFBaUIsRUFBRUksaUJBRnJCO0FBR0UsUUFBQSxhQUFhLEVBQUVILGFBSGpCO0FBSUUsUUFBQSxPQUFPLEVBQUVPLE9BSlg7QUFLRSxRQUFBLFlBQVksRUFBRU4sWUFMaEI7QUFNRSxRQUFBLGdCQUFnQixFQUFFQztBQU5wQixRQURGLEVBU0dILGdCQUFnQixnQkFBRyxnQ0FBQyxXQUFEO0FBQWEsUUFBQSxPQUFPLEVBQUVRO0FBQXRCLFFBQUgsR0FBdUMsSUFUMUQsQ0FEa0M7QUFBQSxLQUFuQyxDQURILENBUndCO0FBQUEsR0FBMUI7O0FBeUJBLFNBQU9WLGlCQUFQO0FBQ0Q7O2VBRWNOLHdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQge1NpZGVQYW5lbFNlY3Rpb259IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgRGF0YXNldFRpdGxlRmFjdG9yeSBmcm9tICcuL2RhdGFzZXQtdGl0bGUnO1xuaW1wb3J0IERhdGFzZXRJbmZvRmFjdG9yeSBmcm9tICcuL2RhdGFzZXQtaW5mbyc7XG5pbXBvcnQge1NvdXJjZURhdGFDYXRhbG9nUHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBTb3VyY2VEYXRhQ2F0YWxvZ1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICB0cmFuc2l0aW9uOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRyYW5zaXRpb259O1xuYDtcblxuU291cmNlRGF0YUNhdGFsb2dGYWN0b3J5LmRlcHMgPSBbRGF0YXNldFRpdGxlRmFjdG9yeSwgRGF0YXNldEluZm9GYWN0b3J5XTtcblxuZnVuY3Rpb24gU291cmNlRGF0YUNhdGFsb2dGYWN0b3J5KFxuICBEYXRhc2V0VGl0bGU6IFJldHVyblR5cGU8dHlwZW9mIERhdGFzZXRUaXRsZUZhY3Rvcnk+LFxuICBEYXRhc2V0SW5mbzogUmV0dXJuVHlwZTx0eXBlb2YgRGF0YXNldEluZm9GYWN0b3J5PlxuKSB7XG4gIGNvbnN0IFNvdXJjZURhdGFDYXRhbG9nID0gKHtcbiAgICBkYXRhc2V0cyxcbiAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgIHJlbW92ZURhdGFzZXQsXG4gICAgb25UaXRsZUNsaWNrLFxuICAgIHVwZGF0ZVRhYmxlQ29sb3IsXG4gICAgc2hvd0RlbGV0ZURhdGFzZXQgPSBmYWxzZVxuICB9OiBTb3VyY2VEYXRhQ2F0YWxvZ1Byb3BzKSA9PiAoXG4gICAgPFNvdXJjZURhdGFDYXRhbG9nV3JhcHBlciBjbGFzc05hbWU9XCJzb3VyY2UtZGF0YS1jYXRhbG9nXCI+XG4gICAgICB7T2JqZWN0LnZhbHVlcyhkYXRhc2V0cykubWFwKGRhdGFzZXQgPT4gKFxuICAgICAgICA8U2lkZVBhbmVsU2VjdGlvbiBrZXk9e2RhdGFzZXQuaWR9PlxuICAgICAgICAgIDxEYXRhc2V0VGl0bGVcbiAgICAgICAgICAgIHNob3dEYXRhc2V0VGFibGU9e3Nob3dEYXRhc2V0VGFibGV9XG4gICAgICAgICAgICBzaG93RGVsZXRlRGF0YXNldD17c2hvd0RlbGV0ZURhdGFzZXR9XG4gICAgICAgICAgICByZW1vdmVEYXRhc2V0PXtyZW1vdmVEYXRhc2V0fVxuICAgICAgICAgICAgZGF0YXNldD17ZGF0YXNldH1cbiAgICAgICAgICAgIG9uVGl0bGVDbGljaz17b25UaXRsZUNsaWNrfVxuICAgICAgICAgICAgdXBkYXRlVGFibGVDb2xvcj17dXBkYXRlVGFibGVDb2xvcn1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtzaG93RGF0YXNldFRhYmxlID8gPERhdGFzZXRJbmZvIGRhdGFzZXQ9e2RhdGFzZXR9IC8+IDogbnVsbH1cbiAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgKSl9XG4gICAgPC9Tb3VyY2VEYXRhQ2F0YWxvZ1dyYXBwZXI+XG4gICk7XG5cbiAgcmV0dXJuIFNvdXJjZURhdGFDYXRhbG9nO1xufVxuXG5leHBvcnQgZGVmYXVsdCBTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3Rvcnk7XG4iXX0=

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import DatasetTagFactory from './dataset-tag';
+import { SourceDataSelectorProps } from './types';
+declare function SourceDataSelectorFactory(DatasetTag: ReturnType<typeof DatasetTagFactory>): React.FC<SourceDataSelectorProps>;
+declare namespace SourceDataSelectorFactory {
+    var deps: (typeof DatasetTagFactory)[];
+}
+export default SourceDataSelectorFactory;

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

@@ -0,0 +1,96 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = SourceDataSelectorFactory;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = require("../../common/styled-components");
+
+var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));
+
+var _datasetTag = _interopRequireDefault(require("./dataset-tag"));
+
+var _localization = require("@kepler.gl/localization");var defaultPlaceHolder = 'Select A Dataset';
+SourceDataSelectorFactory.deps = [_datasetTag["default"]];
+
+function SourceDataSelectorFactory(DatasetTag) {
+  var DatasetItem = function DatasetItem(_ref) {
+    var value = _ref.value;
+    return /*#__PURE__*/_react["default"].createElement(DatasetTag, {
+      dataset: value
+    });
+  };
+
+  var SourceDataSelector = function SourceDataSelector(_ref2) {
+    var dataId = _ref2.dataId,
+        datasets = _ref2.datasets,
+        disabled = _ref2.disabled,
+        onSelect = _ref2.onSelect,
+        defaultValue = _ref2.defaultValue,
+        inputTheme = _ref2.inputTheme;
+    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(_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(_itemSelector["default"], {
+      inputTheme: inputTheme,
+      selectedItems: selectedItems,
+      options: dsOptions,
+      getOptionValue: 'value',
+      filterOption: 'label',
+      multiSelect: false,
+      onChange: onSelect,
+      placeholder: defaultValue,
+      disabled: Boolean(disabled),
+      displayOption: 'label',
+      DropDownLineItemRenderComponent: DatasetItem
+    }));
+  };
+
+  SourceDataSelector.defaultProps = {
+    defaultValue: defaultPlaceHolder
+  };
+  return SourceDataSelector;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2NvbW1vbi9zb3VyY2UtZGF0YS1zZWxlY3Rvci50c3giXSwibmFtZXMiOlsiZGVmYXVsdFBsYWNlSG9sZGVyIiwiU291cmNlRGF0YVNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJEYXRhc2V0VGFnRmFjdG9yeSIsIkRhdGFzZXRUYWciLCJEYXRhc2V0SXRlbSIsInZhbHVlIiwiU291cmNlRGF0YVNlbGVjdG9yIiwiZGF0YUlkIiwiZGF0YXNldHMiLCJkaXNhYmxlZCIsIm9uU2VsZWN0IiwiZGVmYXVsdFZhbHVlIiwiaW5wdXRUaGVtZSIsImRzT3B0aW9ucyIsIk9iamVjdCIsInZhbHVlcyIsIm1hcCIsImRzIiwibGFiZWwiLCJpZCIsImNvbG9yIiwic2VsZWN0ZWRJdGVtcyIsIkFycmF5IiwiaXNBcnJheSIsIkJvb2xlYW4iLCJkZWZhdWx0UHJvcHMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQXhCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVNBLElBQU1BLGtCQUFrQixHQUFHLGtCQUEzQjtBQUVBQyx5QkFBeUIsQ0FBQ0MsSUFBMUIsR0FBaUMsQ0FBQ0Msc0JBQUQsQ0FBakM7O0FBRWUsU0FBU0YseUJBQVQsQ0FDYkcsVUFEYSxFQUVzQjtBQUNuQyxNQUFNQyxXQUFXLEdBQUcsU0FBZEEsV0FBYztBQUFBLFFBQUVDLEtBQUYsUUFBRUEsS0FBRjtBQUFBLHdCQUErQixnQ0FBQyxVQUFEO0FBQVksTUFBQSxPQUFPLEVBQUVBO0FBQXJCLE1BQS9CO0FBQUEsR0FBcEI7O0FBRUEsTUFBTUMsa0JBQXFELEdBQUcsU0FBeERBLGtCQUF3RCxRQU8vQjtBQUFBLFFBTjdCQyxNQU02QixTQU43QkEsTUFNNkI7QUFBQSxRQUw3QkMsUUFLNkIsU0FMN0JBLFFBSzZCO0FBQUEsUUFKN0JDLFFBSTZCLFNBSjdCQSxRQUk2QjtBQUFBLFFBSDdCQyxRQUc2QixTQUg3QkEsUUFHNkI7QUFBQSxRQUY3QkMsWUFFNkIsU0FGN0JBLFlBRTZCO0FBQUEsUUFEN0JDLFVBQzZCLFNBRDdCQSxVQUM2QjtBQUM3QixRQUFNQyxTQUFTLEdBQUcsb0JBQ2hCO0FBQUEsYUFDRUMsTUFBTSxDQUFDQyxNQUFQLENBQWNQLFFBQWQsRUFBd0JRLEdBQXhCLENBQTRCLFVBQUFDLEVBQUU7QUFBQSxlQUFLO0FBQ2pDQyxVQUFBQSxLQUFLLEVBQUVELEVBQUUsQ0FBQ0MsS0FEdUI7QUFFakNiLFVBQUFBLEtBQUssRUFBRVksRUFBRSxDQUFDRSxFQUZ1QjtBQUdqQ0MsVUFBQUEsS0FBSyxFQUFFSCxFQUFFLENBQUNHO0FBSHVCLFNBQUw7QUFBQSxPQUE5QixDQURGO0FBQUEsS0FEZ0IsRUFPaEIsQ0FBQ1osUUFBRCxDQVBnQixDQUFsQjtBQVVBLFFBQU1hLGFBQWEsR0FBRyxvQkFDcEI7QUFBQSxhQUFPZCxNQUFNLEdBQUcsQ0FBRWUsS0FBSyxDQUFDQyxPQUFOLENBQWNoQixNQUFkLEtBQXlCQSxNQUExQixJQUFxQyxDQUFDQSxNQUFELENBQXRDLEVBQWdEUyxHQUFoRCxDQUFvRCxVQUFBRyxFQUFFO0FBQUEsZUFBSVgsUUFBUSxDQUFDVyxFQUFELENBQVo7QUFBQSxPQUF0RCxDQUFILEdBQTZFLEVBQTFGO0FBQUEsS0FEb0IsRUFFcEIsQ0FBQ1osTUFBRCxFQUFTQyxRQUFULENBRm9CLENBQXRCO0FBS0Esd0JBQ0UsZ0NBQUMsa0NBQUQ7QUFBa0IsTUFBQSxTQUFTLEVBQUM7QUFBNUIsb0JBQ0UsZ0NBQUMsNEJBQUQscUJBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUU7QUFBdEIsTUFERixDQURGLGVBSUUsZ0NBQUMsd0JBQUQ7QUFDRSxNQUFBLFVBQVUsRUFBRUksVUFEZDtBQUVFLE1BQUEsYUFBYSxFQUFFUyxhQUZqQjtBQUdFLE1BQUEsT0FBTyxFQUFFUixTQUhYO0FBSUUsTUFBQSxjQUFjLEVBQUUsT0FKbEI7QUFLRSxNQUFBLFlBQVksRUFBRSxPQUxoQjtBQU1FLE1BQUEsV0FBVyxFQUFFLEtBTmY7QUFPRSxNQUFBLFFBQVEsRUFBRUgsUUFQWjtBQVFFLE1BQUEsV0FBVyxFQUFFQyxZQVJmO0FBU0UsTUFBQSxRQUFRLEVBQUVhLE9BQU8sQ0FBQ2YsUUFBRCxDQVRuQjtBQVVFLE1BQUEsYUFBYSxFQUFFLE9BVmpCO0FBV0UsTUFBQSwrQkFBK0IsRUFBRUw7QUFYbkMsTUFKRixDQURGO0FBb0JELEdBM0NEOztBQTZDQUUsRUFBQUEsa0JBQWtCLENBQUNtQixZQUFuQixHQUFrQztBQUNoQ2QsSUFBQUEsWUFBWSxFQUFFWjtBQURrQixHQUFsQztBQUdBLFNBQU9PLGtCQUFQO0FBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge1BhbmVsTGFiZWwsIFNpZGVQYW5lbFNlY3Rpb259IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgSXRlbVNlbGVjdG9yIGZyb20gJy4uLy4uL2NvbW1vbi9pdGVtLXNlbGVjdG9yL2l0ZW0tc2VsZWN0b3InO1xuaW1wb3J0IERhdGFzZXRUYWdGYWN0b3J5IGZyb20gJy4vZGF0YXNldC10YWcnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge0RhdGFzZXRJdGVtUHJvcHMsIFNvdXJjZURhdGFTZWxlY3RvclByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZGVmYXVsdFBsYWNlSG9sZGVyID0gJ1NlbGVjdCBBIERhdGFzZXQnO1xuXG5Tb3VyY2VEYXRhU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbRGF0YXNldFRhZ0ZhY3RvcnldO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTb3VyY2VEYXRhU2VsZWN0b3JGYWN0b3J5KFxuICBEYXRhc2V0VGFnOiBSZXR1cm5UeXBlPHR5cGVvZiBEYXRhc2V0VGFnRmFjdG9yeT5cbik6IFJlYWN0LkZDPFNvdXJjZURhdGFTZWxlY3RvclByb3BzPiB7XG4gIGNvbnN0IERhdGFzZXRJdGVtID0gKHt2YWx1ZX06IERhdGFzZXRJdGVtUHJvcHMpID0+IDxEYXRhc2V0VGFnIGRhdGFzZXQ9e3ZhbHVlfSAvPjtcblxuICBjb25zdCBTb3VyY2VEYXRhU2VsZWN0b3I6IFJlYWN0LkZDPFNvdXJjZURhdGFTZWxlY3RvclByb3BzPiA9ICh7XG4gICAgZGF0YUlkLFxuICAgIGRhdGFzZXRzLFxuICAgIGRpc2FibGVkLFxuICAgIG9uU2VsZWN0LFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBpbnB1dFRoZW1lXG4gIH06IFNvdXJjZURhdGFTZWxlY3RvclByb3BzKSA9PiB7XG4gICAgY29uc3QgZHNPcHRpb25zID0gdXNlTWVtbyhcbiAgICAgICgpID0+XG4gICAgICAgIE9iamVjdC52YWx1ZXMoZGF0YXNldHMpLm1hcChkcyA9PiAoe1xuICAgICAgICAgIGxhYmVsOiBkcy5sYWJlbCxcbiAgICAgICAgICB2YWx1ZTogZHMuaWQsXG4gICAgICAgICAgY29sb3I6IGRzLmNvbG9yXG4gICAgICAgIH0pKSxcbiAgICAgIFtkYXRhc2V0c11cbiAgICApO1xuXG4gICAgY29uc3Qgc2VsZWN0ZWRJdGVtcyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiAoZGF0YUlkID8gKChBcnJheS5pc0FycmF5KGRhdGFJZCkgJiYgZGF0YUlkKSB8fCBbZGF0YUlkXSkubWFwKGlkID0+IGRhdGFzZXRzW2lkXSkgOiBbXSksXG4gICAgICBbZGF0YUlkLCBkYXRhc2V0c11cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTaWRlUGFuZWxTZWN0aW9uIGNsYXNzTmFtZT1cImRhdGEtc291cmNlLXNlbGVjdG9yXCI+XG4gICAgICAgIDxQYW5lbExhYmVsPlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnbWlzYy5kYXRhU291cmNlJ30gLz5cbiAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgICA8SXRlbVNlbGVjdG9yXG4gICAgICAgICAgaW5wdXRUaGVtZT17aW5wdXRUaGVtZX1cbiAgICAgICAgICBzZWxlY3RlZEl0ZW1zPXtzZWxlY3RlZEl0ZW1zfVxuICAgICAgICAgIG9wdGlvbnM9e2RzT3B0aW9uc31cbiAgICAgICAgICBnZXRPcHRpb25WYWx1ZT17J3ZhbHVlJ31cbiAgICAgICAgICBmaWx0ZXJPcHRpb249eydsYWJlbCd9XG4gICAgICAgICAgbXVsdGlTZWxlY3Q9e2ZhbHNlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvblNlbGVjdH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17ZGVmYXVsdFZhbHVlfVxuICAgICAgICAgIGRpc2FibGVkPXtCb29sZWFuKGRpc2FibGVkKX1cbiAgICAgICAgICBkaXNwbGF5T3B0aW9uPXsnbGFiZWwnfVxuICAgICAgICAgIERyb3BEb3duTGluZUl0ZW1SZW5kZXJDb21wb25lbnQ9e0RhdGFzZXRJdGVtfVxuICAgICAgICAvPlxuICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICk7XG4gIH07XG5cbiAgU291cmNlRGF0YVNlbGVjdG9yLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBkZWZhdWx0VmFsdWU6IGRlZmF1bHRQbGFjZUhvbGRlclxuICB9O1xuICByZXR1cm4gU291cmNlRGF0YVNlbGVjdG9yO1xufVxuIl19

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

@@ -0,0 +1,63 @@
+import React, { MouseEvent } from 'react';
+import { openDeleteModal, VisStateActions, ActionHandler } from '@kepler.gl/actions';
+import { RGBColor } from '@kepler.gl/types';
+import KeplerTable, { Datasets } from '@kepler.gl/table';
+export declare type DatasetInfoProps = {
+    dataset: KeplerTable;
+};
+export declare type UpdateTableColorTypes = {
+    id: string;
+    children: React.ReactNode;
+};
+export declare type DatasetTagProps = {
+    id?: string;
+    dataset: KeplerTable;
+    updateTableColor?: ActionHandler<typeof VisStateActions.updateTableColor>;
+    onClick?: (e: MouseEvent) => void;
+    onClickSquare?: (e: MouseEvent) => void;
+};
+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 DatasetTitleProps = {
+    dataset: KeplerTable;
+    showDeleteDataset: boolean;
+    onTitleClick?: () => void;
+    showDatasetTable?: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    removeDataset?: ActionHandler<typeof openDeleteModal>;
+};
+export declare type SourceDataCatalogProps = {
+    datasets: Datasets;
+    showDeleteDataset?: boolean;
+    onTitleClick?: () => void;
+    showDatasetTable?: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    removeDataset?: ActionHandler<typeof openDeleteModal>;
+};
+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;
+};