kepler.gl.geoiq/dist/components/modals/data-table-modal.js

kepler.gl is a webgl based application to visualize large scale location data in the browser

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.DatasetTabs = exports.DatasetModalTab = void 0;

var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _datagrid = _interopRequireDefault(require("../common/datagrid"));

var _datasetLabel = _interopRequireDefault(require("../common/dataset-label"));

var _templateObject, _templateObject2, _templateObject3;

var dgSettings = {
  sidePadding: '38px',
  verticalPadding: '16px',
  height: '36px'
};

var StyledModal = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  min-height: 70vh;\n  overflow: hidden;\n"])));

var DatasetCatalog = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  padding: ", " ", " 0;\n"])), dgSettings.verticalPadding, dgSettings.sidePadding);

var DatasetModalTab = exports.DatasetModalTab = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n  border-bottom: 3px solid ", ";\n  cursor: pointer;\n  display: flex;\n  height: 35px;\n  margin: 0 3px;\n  padding: 0 5px;\n\n  :first-child {\n    margin-left: 0;\n    padding-left: 0;\n  }\n"])), function (props) {
  return props.active ? 'black' : 'transparent';
});

var DatasetTabs = exports.DatasetTabs = _react["default"].memo(function (_ref) {
  var activeDataset = _ref.activeDataset,
      datasets = _ref.datasets,
      showDatasetTable = _ref.showDatasetTable;
  return (/*#__PURE__*/_react["default"].createElement(DatasetCatalog, {
      className: "dataset-modal-catalog"
    }, Object.values(datasets).map(function (dataset) {
      return dataset.externalData && dataset.externalData === true ? null : /*#__PURE__*/_react["default"].createElement(DatasetModalTab, {
        className: "dataset-modal-tab",
        active: dataset === activeDataset,
        key: dataset.id,
        onClick: function onClick() {
          return showDatasetTable(dataset.id);
        }
      }, /*#__PURE__*/_react["default"].createElement(_datasetLabel["default"], {
        dataset: dataset
      }));
    }))
  );
});

DatasetTabs.displayName = 'DatasetTabs';
DataTableModalFactory.deps = [_datagrid["default"]];

function DataTableModalFactory(DataGrid) {
  var DataTableModal = _react["default"].memo(function (_ref2) {
    var datasets = _ref2.datasets,
        dataId = _ref2.dataId,
        height = _ref2.height,
        showDatasetTable = _ref2.showDatasetTable,
        width = _ref2.width;

    if (!datasets || !dataId) {
      return null;
    }

    var activeDataset = datasets[dataId];
    var rows = activeDataset.data;
    return (/*#__PURE__*/_react["default"].createElement(StyledModal, {
        className: "dataset-modal"
      }, /*#__PURE__*/_react["default"].createElement(DatasetTabs, {
        activeDataset: activeDataset,
        datasets: datasets,
        showDatasetTable: showDatasetTable
      }), /*#__PURE__*/_react["default"].createElement(DataGrid, {
        width: width,
        height: height,
        rows: rows,
        columns: activeDataset.fields
      }))
    );
  });

  DataTableModal.displayName = 'DataTableModal';
  return DataTableModal;
}

var _default = exports["default"] = DataTableModalFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFscy9kYXRhLXRhYmxlLW1vZGFsLmpzIl0sIm5hbWVzIjpbImRnU2V0dGluZ3MiLCJzaWRlUGFkZGluZyIsInZlcnRpY2FsUGFkZGluZyIsImhlaWdodCIsIlN0eWxlZE1vZGFsIiwic3R5bGVkIiwiZGl2IiwiRGF0YXNldENhdGFsb2ciLCJEYXRhc2V0TW9kYWxUYWIiLCJwcm9wcyIsImFjdGl2ZSIsIkRhdGFzZXRUYWJzIiwiUmVhY3QiLCJtZW1vIiwiYWN0aXZlRGF0YXNldCIsImRhdGFzZXRzIiwic2hvd0RhdGFzZXRUYWJsZSIsIk9iamVjdCIsInZhbHVlcyIsIm1hcCIsImRhdGFzZXQiLCJleHRlcm5hbERhdGEiLCJpZCIsImRpc3BsYXlOYW1lIiwiRGF0YVRhYmxlTW9kYWxGYWN0b3J5IiwiZGVwcyIsIkRhdGFHcmlkRmFjdG9yeSIsIkRhdGFHcmlkIiwiRGF0YVRhYmxlTW9kYWwiLCJkYXRhSWQiLCJ3aWR0aCIsInJvd3MiLCJkYXRhIiwiZmllbGRzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztBQUVBLElBQU1BLFVBQVUsR0FBRztBQUNqQkMsRUFBQUEsV0FBVyxFQUFFLE1BREk7QUFFakJDLEVBQUFBLGVBQWUsRUFBRSxNQUZBO0FBR2pCQyxFQUFBQSxNQUFNLEVBQUU7QUFIUyxDQUFuQjs7QUFNQSxJQUFNQyxXQUFXLEdBQUdDLDZCQUFPQyxHQUFWLGtJQUFqQjs7QUFLQSxJQUFNQyxjQUFjLEdBQUdGLDZCQUFPQyxHQUFWLHNJQUVQTixVQUFVLENBQUNFLGVBRkosRUFFdUJGLFVBQVUsQ0FBQ0MsV0FGbEMsQ0FBcEI7O0FBS08sSUFBTU8sZUFBZSw2QkFBR0gsNkJBQU9DLEdBQVYscVRBRUMsVUFBQUcsS0FBSztBQUFBLFNBQUtBLEtBQUssQ0FBQ0MsTUFBTixHQUFlLE9BQWYsR0FBeUIsYUFBOUI7QUFBQSxDQUZOLENBQXJCOztBQWVBLElBQU1DLFdBQVcseUJBQUdDLGtCQUFNQyxJQUFOLENBQ3pCO0FBQUEsTUFBRUMsYUFBRixRQUFFQSxhQUFGO0FBQUEsTUFBaUJDLFFBQWpCLFFBQWlCQSxRQUFqQjtBQUFBLE1BQTJCQyxnQkFBM0IsUUFBMkJBLGdCQUEzQjtBQUFBLHVCQUNFLGdDQUFDLGNBQUQ7QUFBZ0IsTUFBQSxTQUFTLEVBQUM7QUFBMUIsT0FDR0MsTUFBTSxDQUFDQyxNQUFQLENBQWNILFFBQWQsRUFBd0JJLEdBQXhCLENBQTRCLFVBQUFDLE9BQU87QUFBQSxhQUNsQ0EsT0FBTyxDQUFDQyxZQUFSLElBQXdCRCxPQUFPLENBQUNDLFlBQVIsS0FBeUIsSUFBakQsR0FBd0QsSUFBeEQsZ0JBQ0UsZ0NBQUMsZUFBRDtBQUNFLFFBQUEsU0FBUyxFQUFDLG1CQURaO0FBRUUsUUFBQSxNQUFNLEVBQUVELE9BQU8sS0FBS04sYUFGdEI7QUFHRSxRQUFBLEdBQUcsRUFBRU0sT0FBTyxDQUFDRSxFQUhmO0FBSUUsUUFBQSxPQUFPLEVBQUU7QUFBQSxpQkFBTU4sZ0JBQWdCLENBQUNJLE9BQU8sQ0FBQ0UsRUFBVCxDQUF0QjtBQUFBO0FBSlgsc0JBTUUsZ0NBQUMsd0JBQUQ7QUFBYyxRQUFBLE9BQU8sRUFBRUY7QUFBdkIsUUFORixDQUZnQztBQUFBLEtBQW5DLENBREg7QUFERjtBQUFBLENBRHlCLENBQXBCOztBQW1CUFQsV0FBVyxDQUFDWSxXQUFaLEdBQTBCLGFBQTFCO0FBRUFDLHFCQUFxQixDQUFDQyxJQUF0QixHQUE2QixDQUFDQyxvQkFBRCxDQUE3Qjs7QUFFQSxTQUFTRixxQkFBVCxDQUErQkcsUUFBL0IsRUFBeUM7QUFDdkMsTUFBTUMsY0FBYyxHQUFHaEIsa0JBQU1DLElBQU4sQ0FDckIsaUJBQXlEO0FBQUEsUUFBdkRFLFFBQXVELFNBQXZEQSxRQUF1RDtBQUFBLFFBQTdDYyxNQUE2QyxTQUE3Q0EsTUFBNkM7QUFBQSxRQUFyQzFCLE1BQXFDLFNBQXJDQSxNQUFxQztBQUFBLFFBQTdCYSxnQkFBNkIsU0FBN0JBLGdCQUE2QjtBQUFBLFFBQVhjLEtBQVcsU0FBWEEsS0FBVzs7QUFDdkQsUUFBSSxDQUFDZixRQUFELElBQWEsQ0FBQ2MsTUFBbEIsRUFBMEI7QUFDeEIsYUFBTyxJQUFQO0FBQ0Q7O0FBRUQsUUFBTWYsYUFBYSxHQUFHQyxRQUFRLENBQUNjLE1BQUQsQ0FBOUI7QUFDQSxRQUFNRSxJQUFJLEdBQUdqQixhQUFhLENBQUNrQixJQUEzQjtBQUVBLHlCQUNFLGdDQUFDLFdBQUQ7QUFBYSxRQUFBLFNBQVMsRUFBQztBQUF2QixzQkFDRSxnQ0FBQyxXQUFEO0FBQ0UsUUFBQSxhQUFhLEVBQUVsQixhQURqQjtBQUVFLFFBQUEsUUFBUSxFQUFFQyxRQUZaO0FBR0UsUUFBQSxnQkFBZ0IsRUFBRUM7QUFIcEIsUUFERixlQU1FLGdDQUFDLFFBQUQ7QUFDRSxRQUFBLEtBQUssRUFBRWMsS0FEVDtBQUVFLFFBQUEsTUFBTSxFQUFFM0IsTUFGVjtBQUdFLFFBQUEsSUFBSSxFQUFFNEIsSUFIUjtBQUlFLFFBQUEsT0FBTyxFQUFFakIsYUFBYSxDQUFDbUI7QUFKekIsUUFORjtBQURGO0FBZUQsR0F4Qm9CLENBQXZCOztBQTJCQUwsRUFBQUEsY0FBYyxDQUFDTCxXQUFmLEdBQTZCLGdCQUE3QjtBQUNBLFNBQU9LLGNBQVA7QUFDRDs7b0NBRWNKLHFCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIzIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IERhdGFHcmlkRmFjdG9yeSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9kYXRhZ3JpZCc7XG5pbXBvcnQgRGF0YXNldExhYmVsIGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL2RhdGFzZXQtbGFiZWwnO1xuXG5jb25zdCBkZ1NldHRpbmdzID0ge1xuICBzaWRlUGFkZGluZzogJzM4cHgnLFxuICB2ZXJ0aWNhbFBhZGRpbmc6ICcxNnB4JyxcbiAgaGVpZ2h0OiAnMzZweCdcbn07XG5cbmNvbnN0IFN0eWxlZE1vZGFsID0gc3R5bGVkLmRpdmBcbiAgbWluLWhlaWdodDogNzB2aDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IERhdGFzZXRDYXRhbG9nID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtkZ1NldHRpbmdzLnZlcnRpY2FsUGFkZGluZ30gJHtkZ1NldHRpbmdzLnNpZGVQYWRkaW5nfSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IERhdGFzZXRNb2RhbFRhYiA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAke3Byb3BzID0+IChwcm9wcy5hY3RpdmUgPyAnYmxhY2snIDogJ3RyYW5zcGFyZW50Jyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMzVweDtcbiAgbWFyZ2luOiAwIDNweDtcbiAgcGFkZGluZzogMCA1cHg7XG5cbiAgOmZpcnN0LWNoaWxkIHtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXRhc2V0VGFicyA9IFJlYWN0Lm1lbW8oXG4gICh7YWN0aXZlRGF0YXNldCwgZGF0YXNldHMsIHNob3dEYXRhc2V0VGFibGV9KSA9PiAoXG4gICAgPERhdGFzZXRDYXRhbG9nIGNsYXNzTmFtZT1cImRhdGFzZXQtbW9kYWwtY2F0YWxvZ1wiPlxuICAgICAge09iamVjdC52YWx1ZXMoZGF0YXNldHMpLm1hcChkYXRhc2V0ID0+XG4gICAgICAgIGRhdGFzZXQuZXh0ZXJuYWxEYXRhICYmIGRhdGFzZXQuZXh0ZXJuYWxEYXRhID09PSB0cnVlID8gbnVsbCA6IChcbiAgICAgICAgICA8RGF0YXNldE1vZGFsVGFiXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJkYXRhc2V0LW1vZGFsLXRhYlwiXG4gICAgICAgICAgICBhY3RpdmU9e2RhdGFzZXQgPT09IGFjdGl2ZURhdGFzZXR9XG4gICAgICAgICAgICBrZXk9e2RhdGFzZXQuaWR9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzaG93RGF0YXNldFRhYmxlKGRhdGFzZXQuaWQpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEYXRhc2V0TGFiZWwgZGF0YXNldD17ZGF0YXNldH0gLz5cbiAgICAgICAgICA8L0RhdGFzZXRNb2RhbFRhYj5cbiAgICAgICAgKVxuICAgICAgKX1cbiAgICA8L0RhdGFzZXRDYXRhbG9nPlxuICApXG4pO1xuXG5EYXRhc2V0VGFicy5kaXNwbGF5TmFtZSA9ICdEYXRhc2V0VGFicyc7XG5cbkRhdGFUYWJsZU1vZGFsRmFjdG9yeS5kZXBzID0gW0RhdGFHcmlkRmFjdG9yeV07XG5cbmZ1bmN0aW9uIERhdGFUYWJsZU1vZGFsRmFjdG9yeShEYXRhR3JpZCkge1xuICBjb25zdCBEYXRhVGFibGVNb2RhbCA9IFJlYWN0Lm1lbW8oXG4gICAgKHtkYXRhc2V0cywgZGF0YUlkLCBoZWlnaHQsIHNob3dEYXRhc2V0VGFibGUsIHdpZHRofSkgPT4ge1xuICAgICAgaWYgKCFkYXRhc2V0cyB8fCAhZGF0YUlkKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICBjb25zdCBhY3RpdmVEYXRhc2V0ID0gZGF0YXNldHNbZGF0YUlkXTtcbiAgICAgIGNvbnN0IHJvd3MgPSBhY3RpdmVEYXRhc2V0LmRhdGE7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRNb2RhbCBjbGFzc05hbWU9XCJkYXRhc2V0LW1vZGFsXCI+XG4gICAgICAgICAgPERhdGFzZXRUYWJzXG4gICAgICAgICAgICBhY3RpdmVEYXRhc2V0PXthY3RpdmVEYXRhc2V0fVxuICAgICAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICAgICAgc2hvd0RhdGFzZXRUYWJsZT17c2hvd0RhdGFzZXRUYWJsZX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxEYXRhR3JpZFxuICAgICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgY29sdW1ucz17YWN0aXZlRGF0YXNldC5maWVsZHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRNb2RhbD5cbiAgICAgICk7XG4gICAgfVxuICApO1xuXG4gIERhdGFUYWJsZU1vZGFsLmRpc3BsYXlOYW1lID0gJ0RhdGFUYWJsZU1vZGFsJztcbiAgcmV0dXJuIERhdGFUYWJsZU1vZGFsO1xufVxuXG5leHBvcnQgZGVmYXVsdCBEYXRhVGFibGVNb2RhbEZhY3Rvcnk7XG4iXX0=