kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
74 lines (73 loc) • 12.6 kB
JavaScript
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.AddDataButtonFactory = AddDataButtonFactory;
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _localization = require("@kepler.gl/localization");
var _icons = require("../../common/icons");
var _styledComponents2 = require("../../common/styled-components");
var _sourceDataCatalog = _interopRequireDefault(require("../common/source-data-catalog"));
var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var StyledDatasetTitle = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n line-height: ", ";\n font-weight: 400;\n letter-spacing: 1.25px;\n color: ", ";\n font-size: 11px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: ", ";\n"])), function (props) {
return props.theme.sidePanelTitleLineHeight;
}, function (props) {
return props.theme.subtextColor;
}, function (props) {
return props.$showDatasetList ? '16px' : '4px';
});
var StyledDatasetSection = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n border-bottom: 1px solid ", ";\n"])), function (props) {
return props.theme.sidePanelBorderColor;
});
function AddDataButtonFactory() {
var AddDataButton = /*#__PURE__*/_react["default"].memo(function (_ref) {
var onClick = _ref.onClick,
isInactive = _ref.isInactive;
return /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
className: "add-data-button",
onClick: onClick,
inactive: !isInactive,
width: "105px",
secondary: true
}, /*#__PURE__*/_react["default"].createElement(_icons.Add, {
height: "12px"
}), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
id: 'layerManager.addData'
}));
});
AddDataButton.displayName = 'AddDataButton';
return AddDataButton;
}
DatasetSectionFactory.deps = [_sourceDataCatalog["default"], AddDataButtonFactory];
function DatasetSectionFactory(SourceDataCatalog, AddDataButton) {
var DatasetSection = function DatasetSection(props) {
var datasets = props.datasets,
showDatasetTable = props.showDatasetTable,
updateTableColor = props.updateTableColor,
showDeleteDataset = props.showDeleteDataset,
removeDataset = props.removeDataset,
showDatasetList = props.showDatasetList,
showAddDataModal = props.showAddDataModal;
var datasetCount = Object.keys(datasets).length;
return /*#__PURE__*/_react["default"].createElement(StyledDatasetSection, null, /*#__PURE__*/_react["default"].createElement(StyledDatasetTitle, {
$showDatasetList: showDatasetList
}, /*#__PURE__*/_react["default"].createElement("span", null, "Datasets", datasetCount ? "(".concat(datasetCount, ")") : ''), /*#__PURE__*/_react["default"].createElement(AddDataButton, {
onClick: showAddDataModal,
isInactive: !datasetCount
})), showDatasetList && /*#__PURE__*/_react["default"].createElement(SourceDataCatalog, {
datasets: datasets,
showDatasetTable: showDatasetTable,
updateTableColor: updateTableColor,
removeDataset: removeDataset,
showDeleteDataset: showDeleteDataset
}));
};
return DatasetSection;
}
var _default = exports["default"] = DatasetSectionFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2xvY2FsaXphdGlvbiIsIl9pY29ucyIsIl9zdHlsZWRDb21wb25lbnRzMiIsIl9zb3VyY2VEYXRhQ2F0YWxvZyIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJTdHlsZWREYXRhc2V0VGl0bGUiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJzaWRlUGFuZWxUaXRsZUxpbmVIZWlnaHQiLCJzdWJ0ZXh0Q29sb3IiLCIkc2hvd0RhdGFzZXRMaXN0IiwiU3R5bGVkRGF0YXNldFNlY3Rpb24iLCJzaWRlUGFuZWxCb3JkZXJDb2xvciIsIkFkZERhdGFCdXR0b25GYWN0b3J5IiwiQWRkRGF0YUJ1dHRvbiIsIlJlYWN0IiwibWVtbyIsIl9yZWYiLCJvbkNsaWNrIiwiaXNJbmFjdGl2ZSIsImNyZWF0ZUVsZW1lbnQiLCJCdXR0b24iLCJjbGFzc05hbWUiLCJpbmFjdGl2ZSIsIndpZHRoIiwic2Vjb25kYXJ5IiwiQWRkIiwiaGVpZ2h0IiwiRm9ybWF0dGVkTWVzc2FnZSIsImlkIiwiZGlzcGxheU5hbWUiLCJEYXRhc2V0U2VjdGlvbkZhY3RvcnkiLCJkZXBzIiwiU291cmNlRGF0YUNhdGFsb2dGYWN0b3J5IiwiU291cmNlRGF0YUNhdGFsb2ciLCJEYXRhc2V0U2VjdGlvbiIsImRhdGFzZXRzIiwic2hvd0RhdGFzZXRUYWJsZSIsInVwZGF0ZVRhYmxlQ29sb3IiLCJzaG93RGVsZXRlRGF0YXNldCIsInJlbW92ZURhdGFzZXQiLCJzaG93RGF0YXNldExpc3QiLCJzaG93QWRkRGF0YU1vZGFsIiwiZGF0YXNldENvdW50IiwiT2JqZWN0Iiwia2V5cyIsImxlbmd0aCIsImNvbmNhdCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2RhdGFzZXQtc2VjdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge0FkZH0gZnJvbSAnLi4vLi4vY29tbW9uL2ljb25zJztcbmltcG9ydCB7QnV0dG9ufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgU291cmNlRGF0YUNhdGFsb2dGYWN0b3J5IGZyb20gJy4uL2NvbW1vbi9zb3VyY2UtZGF0YS1jYXRhbG9nJztcbmltcG9ydCB7VUlTdGF0ZUFjdGlvbnMsIFZpc1N0YXRlQWN0aW9ucywgQWN0aW9uSGFuZGxlcn0gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcbmltcG9ydCB7RGF0YXNldHN9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuXG50eXBlIEFkZERhdGFCdXR0b25Qcm9wcyA9IHtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgaXNJbmFjdGl2ZTogYm9vbGVhbjtcbn07XG5cbnR5cGUgRGF0YXNldFNlY3Rpb25Qcm9wcyA9IHtcbiAgZGF0YXNldHM6IERhdGFzZXRzO1xuICBzaG93RGF0YXNldExpc3Q/OiBib29sZWFuO1xuICBzaG93RGVsZXRlRGF0YXNldD86IGJvb2xlYW47XG4gIHNob3dEYXRhc2V0VGFibGU6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFZpc1N0YXRlQWN0aW9ucy5zaG93RGF0YXNldFRhYmxlPjtcbiAgdXBkYXRlVGFibGVDb2xvcjogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnVwZGF0ZVRhYmxlQ29sb3I+O1xuICByZW1vdmVEYXRhc2V0OiBBY3Rpb25IYW5kbGVyPHR5cGVvZiBVSVN0YXRlQWN0aW9ucy5vcGVuRGVsZXRlTW9kYWw+O1xuICBzaG93QWRkRGF0YU1vZGFsOiAoKSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkRGF0YXNldFRpdGxlID0gc3R5bGVkLmRpdjx7JHNob3dEYXRhc2V0TGlzdD86IGJvb2xlYW59PmBcbiAgbGluZS1oZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZVBhbmVsVGl0bGVMaW5lSGVpZ2h0fTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgbGV0dGVyLXNwYWNpbmc6IDEuMjVweDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yfTtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1ib3R0b206ICR7cHJvcHMgPT4gKHByb3BzLiRzaG93RGF0YXNldExpc3QgPyAnMTZweCcgOiAnNHB4Jyl9O1xuYDtcblxuY29uc3QgU3R5bGVkRGF0YXNldFNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWxCb3JkZXJDb2xvcn07XG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gQWRkRGF0YUJ1dHRvbkZhY3RvcnkoKSB7XG4gIGNvbnN0IEFkZERhdGFCdXR0b246IFJlYWN0LkZDPEFkZERhdGFCdXR0b25Qcm9wcz4gPSBSZWFjdC5tZW1vKCh7b25DbGljaywgaXNJbmFjdGl2ZX0pID0+IChcbiAgICA8QnV0dG9uXG4gICAgICBjbGFzc05hbWU9XCJhZGQtZGF0YS1idXR0b25cIlxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGluYWN0aXZlPXshaXNJbmFjdGl2ZX1cbiAgICAgIHdpZHRoPVwiMTA1cHhcIlxuICAgICAgc2Vjb25kYXJ5XG4gICAgPlxuICAgICAgPEFkZCBoZWlnaHQ9XCIxMnB4XCIgLz5cbiAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnbGF5ZXJNYW5hZ2VyLmFkZERhdGEnfSAvPlxuICAgIDwvQnV0dG9uPlxuICApKTtcbiAgQWRkRGF0YUJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdBZGREYXRhQnV0dG9uJztcbiAgcmV0dXJuIEFkZERhdGFCdXR0b247XG59XG5cbkRhdGFzZXRTZWN0aW9uRmFjdG9yeS5kZXBzID0gW1NvdXJjZURhdGFDYXRhbG9nRmFjdG9yeSwgQWRkRGF0YUJ1dHRvbkZhY3RvcnldO1xuXG5mdW5jdGlvbiBEYXRhc2V0U2VjdGlvbkZhY3RvcnkoXG4gIFNvdXJjZURhdGFDYXRhbG9nOiBSZXR1cm5UeXBlPHR5cGVvZiBTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3Rvcnk+LFxuICBBZGREYXRhQnV0dG9uOiBSZXR1cm5UeXBlPHR5cGVvZiBBZGREYXRhQnV0dG9uRmFjdG9yeT5cbikge1xuICBjb25zdCBEYXRhc2V0U2VjdGlvbjogUmVhY3QuRkM8RGF0YXNldFNlY3Rpb25Qcm9wcz4gPSBwcm9wcyA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgZGF0YXNldHMsXG4gICAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgICAgdXBkYXRlVGFibGVDb2xvcixcbiAgICAgIHNob3dEZWxldGVEYXRhc2V0LFxuICAgICAgcmVtb3ZlRGF0YXNldCxcbiAgICAgIHNob3dEYXRhc2V0TGlzdCxcbiAgICAgIHNob3dBZGREYXRhTW9kYWxcbiAgICB9ID0gcHJvcHM7XG4gICAgY29uc3QgZGF0YXNldENvdW50ID0gT2JqZWN0LmtleXMoZGF0YXNldHMpLmxlbmd0aDtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRGF0YXNldFNlY3Rpb24+XG4gICAgICAgIDxTdHlsZWREYXRhc2V0VGl0bGUgJHNob3dEYXRhc2V0TGlzdD17c2hvd0RhdGFzZXRMaXN0fT5cbiAgICAgICAgICA8c3Bhbj5EYXRhc2V0c3tkYXRhc2V0Q291bnQgPyBgKCR7ZGF0YXNldENvdW50fSlgIDogJyd9PC9zcGFuPlxuICAgICAgICAgIDxBZGREYXRhQnV0dG9uIG9uQ2xpY2s9e3Nob3dBZGREYXRhTW9kYWx9IGlzSW5hY3RpdmU9eyFkYXRhc2V0Q291bnR9IC8+XG4gICAgICAgIDwvU3R5bGVkRGF0YXNldFRpdGxlPlxuICAgICAgICB7c2hvd0RhdGFzZXRMaXN0ICYmIChcbiAgICAgICAgICA8U291cmNlRGF0YUNhdGFsb2dcbiAgICAgICAgICAgIGRhdGFzZXRzPXtkYXRhc2V0c31cbiAgICAgICAgICAgIHNob3dEYXRhc2V0VGFibGU9e3Nob3dEYXRhc2V0VGFibGV9XG4gICAgICAgICAgICB1cGRhdGVUYWJsZUNvbG9yPXt1cGRhdGVUYWJsZUNvbG9yfVxuICAgICAgICAgICAgcmVtb3ZlRGF0YXNldD17cmVtb3ZlRGF0YXNldH1cbiAgICAgICAgICAgIHNob3dEZWxldGVEYXRhc2V0PXtzaG93RGVsZXRlRGF0YXNldH1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREYXRhc2V0U2VjdGlvbj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBEYXRhc2V0U2VjdGlvbjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGF0YXNldFNlY3Rpb25GYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsYUFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsTUFBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksa0JBQUEsR0FBQUosT0FBQTtBQUVBLElBQUFLLGtCQUFBLEdBQUFOLHNCQUFBLENBQUFDLE9BQUE7QUFBcUUsSUFBQU0sZUFBQSxFQUFBQyxnQkFBQSxFQVRyRTtBQUNBO0FBMkJBLElBQU1DLGtCQUFrQixHQUFHQyw0QkFBTSxDQUFDQyxHQUFHLENBQUFKLGVBQUEsS0FBQUEsZUFBQSxPQUFBSyx1QkFBQSxzT0FDcEIsVUFBQUMsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDQyx3QkFBd0I7QUFBQSxHQUduRCxVQUFBRixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNFLFlBQVk7QUFBQSxHQUt6QixVQUFBSCxLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDSSxnQkFBZ0IsR0FBRyxNQUFNLEdBQUcsS0FBSztBQUFBLENBQUMsQ0FDcEU7QUFFRCxJQUFNQyxvQkFBb0IsR0FBR1IsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBSCxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBSSx1QkFBQSx5REFDVixVQUFBQyxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNLLG9CQUFvQjtBQUFBLEVBQ3JFO0FBRU0sU0FBU0Msb0JBQW9CQSxDQUFBLEVBQUc7RUFDckMsSUFBTUMsYUFBMkMsZ0JBQUdDLGlCQUFLLENBQUNDLElBQUksQ0FBQyxVQUFBQyxJQUFBO0lBQUEsSUFBRUMsT0FBTyxHQUFBRCxJQUFBLENBQVBDLE9BQU87TUFBRUMsVUFBVSxHQUFBRixJQUFBLENBQVZFLFVBQVU7SUFBQSxvQkFDbEYzQixNQUFBLFlBQUE0QixhQUFBLENBQUN0QixrQkFBQSxDQUFBdUIsTUFBTTtNQUNMQyxTQUFTLEVBQUMsaUJBQWlCO01BQzNCSixPQUFPLEVBQUVBLE9BQVE7TUFDakJLLFFBQVEsRUFBRSxDQUFDSixVQUFXO01BQ3RCSyxLQUFLLEVBQUMsT0FBTztNQUNiQyxTQUFTO0lBQUEsZ0JBRVRqQyxNQUFBLFlBQUE0QixhQUFBLENBQUN2QixNQUFBLENBQUE2QixHQUFHO01BQUNDLE1BQU0sRUFBQztJQUFNLENBQUUsQ0FBQyxlQUNyQm5DLE1BQUEsWUFBQTRCLGFBQUEsQ0FBQ3hCLGFBQUEsQ0FBQWdDLGdCQUFnQjtNQUFDQyxFQUFFLEVBQUU7SUFBdUIsQ0FBRSxDQUN6QyxDQUFDO0VBQUEsQ0FDVixDQUFDO0VBQ0ZmLGFBQWEsQ0FBQ2dCLFdBQVcsR0FBRyxlQUFlO0VBQzNDLE9BQU9oQixhQUFhO0FBQ3RCO0FBRUFpQixxQkFBcUIsQ0FBQ0MsSUFBSSxHQUFHLENBQUNDLDZCQUF3QixFQUFFcEIsb0JBQW9CLENBQUM7QUFFN0UsU0FBU2tCLHFCQUFxQkEsQ0FDNUJHLGlCQUE4RCxFQUM5RHBCLGFBQXNELEVBQ3REO0VBQ0EsSUFBTXFCLGNBQTZDLEdBQUcsU0FBaERBLGNBQTZDQSxDQUFHN0IsS0FBSyxFQUFJO0lBQzdELElBQ0U4QixRQUFRLEdBT045QixLQUFLLENBUFA4QixRQUFRO01BQ1JDLGdCQUFnQixHQU1kL0IsS0FBSyxDQU5QK0IsZ0JBQWdCO01BQ2hCQyxnQkFBZ0IsR0FLZGhDLEtBQUssQ0FMUGdDLGdCQUFnQjtNQUNoQkMsaUJBQWlCLEdBSWZqQyxLQUFLLENBSlBpQyxpQkFBaUI7TUFDakJDLGFBQWEsR0FHWGxDLEtBQUssQ0FIUGtDLGFBQWE7TUFDYkMsZUFBZSxHQUVibkMsS0FBSyxDQUZQbUMsZUFBZTtNQUNmQyxnQkFBZ0IsR0FDZHBDLEtBQUssQ0FEUG9DLGdCQUFnQjtJQUVsQixJQUFNQyxZQUFZLEdBQUdDLE1BQU0sQ0FBQ0MsSUFBSSxDQUFDVCxRQUFRLENBQUMsQ0FBQ1UsTUFBTTtJQUVqRCxvQkFDRXRELE1BQUEsWUFBQTRCLGFBQUEsQ0FBQ1Qsb0JBQW9CLHFCQUNuQm5CLE1BQUEsWUFBQTRCLGFBQUEsQ0FBQ2xCLGtCQUFrQjtNQUFDUSxnQkFBZ0IsRUFBRStCO0lBQWdCLGdCQUNwRGpELE1BQUEsWUFBQTRCLGFBQUEsZUFBTSxVQUFRLEVBQUN1QixZQUFZLE9BQUFJLE1BQUEsQ0FBT0osWUFBWSxTQUFNLEVBQVMsQ0FBQyxlQUM5RG5ELE1BQUEsWUFBQTRCLGFBQUEsQ0FBQ04sYUFBYTtNQUFDSSxPQUFPLEVBQUV3QixnQkFBaUI7TUFBQ3ZCLFVBQVUsRUFBRSxDQUFDd0I7SUFBYSxDQUFFLENBQ3BELENBQUMsRUFDcEJGLGVBQWUsaUJBQ2RqRCxNQUFBLFlBQUE0QixhQUFBLENBQUNjLGlCQUFpQjtNQUNoQkUsUUFBUSxFQUFFQSxRQUFTO01BQ25CQyxnQkFBZ0IsRUFBRUEsZ0JBQWlCO01BQ25DQyxnQkFBZ0IsRUFBRUEsZ0JBQWlCO01BQ25DRSxhQUFhLEVBQUVBLGFBQWM7TUFDN0JELGlCQUFpQixFQUFFQTtJQUFrQixDQUN0QyxDQUVpQixDQUFDO0VBRTNCLENBQUM7RUFFRCxPQUFPSixjQUFjO0FBQ3ZCO0FBQUMsSUFBQWEsUUFBQSxHQUFBQyxPQUFBLGNBRWNsQixxQkFBcUIiLCJpZ25vcmVMaXN0IjpbXX0=
;