@urbanos/react-discovery-ui 2.1.43

package/lib/pages/chart-view/connector.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRedux = require("react-redux");
+var _chartView = _interopRequireDefault(require("./chart-view"));
+var _querySelectors = require("../../store/query-selectors");
+var _actions = require("../../store/actions");
+var _visualizationSelectors = require("../../store/visualization-selectors");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    dataSources: (0, _querySelectors.getVisualizationDataSources)(state),
+    isLoading: (0, _querySelectors.getQueryIsLoading)(state) || (0, _visualizationSelectors.visualizationLoading)(state),
+    chart: (0, _visualizationSelectors.visualizationChart)(state)
+  };
+};
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    executeQuery: function executeQuery() {
+      return dispatch((0, _actions.executeFreestyleQuery)());
+    },
+    setChartInformation: function setChartInformation(chart) {
+      return dispatch((0, _actions.setChartInformation)(chart));
+    }
+  };
+};
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_chartView.default);

package/lib/pages/chart-view/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _connector = _interopRequireDefault(require("./connector"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _connector.default;

package/lib/pages/dataset-detail-view/connector.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRedux = require("react-redux");
+var _datasetDetailView = _interopRequireDefault(require("./dataset-detail-view"));
+var _actions = require("../../store/actions");
+var _selectors = require("../../store/selectors");
+var _datasetSelectors = require("../../store/dataset-selectors");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    dataset: (0, _selectors.getDataSet)(state),
+    isStreaming: (0, _datasetSelectors.isStreamingDataset)(state),
+    isIngest: (0, _datasetSelectors.isIngestDataset)(state),
+    isRemote: (0, _datasetSelectors.isRemoteDataset)(state),
+    isHost: (0, _datasetSelectors.isHostDataset)(state),
+    isCsv: (0, _datasetSelectors.isCsvDataset)(state),
+    isGeoJSON: (0, _datasetSelectors.isGeoJSONDataset)(state),
+    downloadUrl: (0, _datasetSelectors.downloadUrl)(state)
+  };
+};
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    retrieveDatasetDetails: function retrieveDatasetDetails(org_name, dataset_name) {
+      return dispatch((0, _actions.retrieveDatasetDetails)(org_name, dataset_name));
+    },
+    clearDatasetDetails: function clearDatasetDetails() {
+      return dispatch((0, _actions.clearDatasetDetails)());
+    },
+    clearDatasetPreview: function clearDatasetPreview() {
+      return dispatch((0, _actions.clearDatasetPreview)());
+    }
+  };
+};
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_datasetDetailView.default);

package/lib/pages/dataset-detail-view/dataset-detail-view-connector.test.js

@@ -0,0 +1,42 @@
+import { Provider } from 'react-redux'
+import configureStore from 'redux-mock-store'
+import { mount } from 'enzyme'
+import CallToActionButton from '../../components/generic-elements/call-to-action-button'
+import DatasetDetailView from '.'
+
+describe('dataset view', () => {
+  let storeMocker, state
+
+  beforeEach(() => {
+    const matchMedia = jest.fn()
+    Object.defineProperty(window, 'matchMedia', {
+      writable: true,
+      value: jest.fn().mockImplementation(query => ({
+        matches: true
+      }))
+    })
+    storeMocker = configureStore([])
+    state = {
+      datasetReducer: {
+        dataset: {
+          id: '123',
+          sourceType: 'ingest',
+          fileTypes: ['CSV'],
+          sourceFormat: 'text/csv',
+          organization: {},
+          schema: [{ name: 'id', type: 'integer', description: 'id description' }]
+        }
+
+      },
+      presentation: { dataset_preview: {} }
+    }
+  })
+
+  it('has a download button with the correct url', () => {
+    const store = storeMocker(state)
+
+    const subject = mount(<Provider store={store}><DatasetDetailView /></Provider>)
+
+    expect(subject.find(CallToActionButton).props().url).toBe(`${window.DISC_API_URL}/api/v1/dataset/${state.datasetReducer.dataset.id}/download/presigned_url`)
+  })
+})

package/lib/pages/dataset-detail-view/dataset-detail-view.js

@@ -0,0 +1,99 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _datasetDetails = _interopRequireDefault(require("../../components/dataset-details"));
+var _datasetPreview = _interopRequireDefault(require("../../components/dataset-preview"));
+var _datasetMetadata = _interopRequireDefault(require("../../components/dataset-metadata"));
+var _datasetDictionary = _interopRequireDefault(require("../../components/dataset-dictionary"));
+var _organization = _interopRequireDefault(require("../../components/organization"));
+var _share = _interopRequireDefault(require("../../components/share"));
+require("./dataset-detail-view.scss");
+var _datasetApiDoc = _interopRequireDefault(require("../../components/dataset-api-doc"));
+var _streamingApiDoc = _interopRequireDefault(require("../../components/streaming-api-doc"));
+var _datasetQuality = _interopRequireDefault(require("../../components/dataset-quality"));
+var _geojson = _interopRequireDefault(require("../../components/visualizations/geojson"));
+var _datasetRecommendations = _interopRequireDefault(require("../../components/dataset-recommendations"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+var _default = exports.default = /*#__PURE__*/function (_Component) {
+  function _default() {
+    _classCallCheck(this, _default);
+    return _callSuper(this, _default, arguments);
+  }
+  _inherits(_default, _Component);
+  return _createClass(_default, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.clearDatasetPreview();
+      this.props.clearDatasetDetails();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var dataset = this.props.dataset;
+      if (!dataset) {
+        return /*#__PURE__*/React.createElement("div", null);
+      }
+      var _this$props = this.props,
+        isStreaming = _this$props.isStreaming,
+        isIngest = _this$props.isIngest,
+        isRemote = _this$props.isRemote,
+        isHost = _this$props.isHost,
+        isCsv = _this$props.isCsv,
+        isGeoJSON = _this$props.isGeoJSON,
+        downloadUrl = _this$props.downloadUrl;
+      var streamingExpanded = !isCsv && isStreaming;
+      var apiDocExpanded = !isCsv && !isStreaming;
+      var showDatasetPreview = isIngest || isStreaming;
+      return /*#__PURE__*/React.createElement("dataset-detail-view", null, /*#__PURE__*/React.createElement("div", {
+        className: "left-section"
+      }, /*#__PURE__*/React.createElement(_organization.default, {
+        organization: dataset.organization
+      }), /*#__PURE__*/React.createElement(_share.default, null)), /*#__PURE__*/React.createElement("div", {
+        className: "dataset-details right-section"
+      }, /*#__PURE__*/React.createElement(_datasetDetails.default, {
+        dataset: dataset,
+        downloadUrl: downloadUrl
+      }), (isRemote || isHost) && !isGeoJSON && /*#__PURE__*/React.createElement("div", {
+        className: "static-file-explanation"
+      }, "This dataset is hosted as a static file and cannot be previewed or queried via the API."), isGeoJSON && /*#__PURE__*/React.createElement(_geojson.default, {
+        datasetId: dataset.id
+      }), showDatasetPreview && /*#__PURE__*/React.createElement(_datasetPreview.default, {
+        datasetId: dataset.id,
+        format: isGeoJSON ? 'geojson' : 'json'
+      }), isStreaming && /*#__PURE__*/React.createElement(_streamingApiDoc.default, {
+        dataset: dataset,
+        expanded: streamingExpanded
+      }), /*#__PURE__*/React.createElement(_datasetRecommendations.default, {
+        dataset: dataset
+      }), isIngest && /*#__PURE__*/React.createElement(_datasetApiDoc.default, {
+        dataset: dataset,
+        expanded: apiDocExpanded
+      }), isIngest && /*#__PURE__*/React.createElement(_datasetQuality.default, {
+        completeness: dataset.completeness,
+        expanded: false
+      }), /*#__PURE__*/React.createElement(_datasetDictionary.default, {
+        datasetId: dataset.id,
+        schema: dataset.schema
+      }), /*#__PURE__*/React.createElement(_datasetMetadata.default, {
+        dataset: dataset
+      })));
+    }
+  }]);
+}(_react.Component);

package/lib/pages/dataset-detail-view/dataset-detail-view.scss

@@ -0,0 +1,190 @@
+@import '../../styles/mixins.scss';
+
+dataset-detail-view {
+  @include page-with-left-bar();
+
+  dataset-api-doc {
+    margin-top: 2.5rem
+  }
+
+  .static-file-explanation {
+    border: 1px solid #D2D4D6;
+    padding: 1rem;
+    font-size: 1.1rem;
+    font-weight: bold;
+    text-align: center;
+  }
+
+  .resources {
+    margin-bottom: 0.75rem
+  }
+
+  .name {
+    @include header();
+    margin-bottom: 0.5rem;
+    width: 65%;
+    font-size:1.4em;
+  }
+
+  .table-of-contents a {
+    @include link();
+  }
+  dataset-details .keywords {
+    display:block; 
+    clear:both;
+    min-height:60px;
+    width:100%;
+  }
+
+  dataset-details .keyword {
+    background:none;
+    border:none;
+    padding:0px;
+    margin:0;
+    color:#00aeef;
+    border-radius:0 !important;
+    display:block;
+    float:left;
+  }
+  dataset-details .keyword:after {
+    content:","
+  }
+  dataset-details .keyword:last-child:after {
+    content:""
+  }
+  dataset-metadata {
+    margin-bottom:2em;
+  }
+  dataset-quality .completeness-score {
+    float:left;
+    display:block;
+  }
+
+  @media only screen and (max-width: 600px) {
+    .dataset-detail-view {
+      min-width:400px;
+      padding:4%;  
+    }
+    dataset-view .header {
+      display:none;
+    } 
+    .left-section, .right-section {
+      width:100%;
+      float:left;
+      clear:both;
+      display:block;
+    }
+    dataset-organization .logo {
+      display:none;
+    }
+    share-zone {
+      display:none;
+    }
+    .download-button {
+      display:none;
+    }
+    dataset-details .keywords {
+      word-wrap: break-word;
+    }
+    dataset-detail-view .name, dataset-organization .name {
+      font-size:1rem;
+      line-height:1.4;
+      color:#999999;
+      font-weight:normal;
+    } 
+    dataset-organization .organization-header {
+      display:none;
+    }
+    dataset-details .name {
+      font-size:1.5rem;
+      line-height: 1.5rem;
+      width:100%;
+    }
+
+    dataset-details .keyword {
+      background:none;
+      border:none;
+      padding:0px;
+      margin:0;
+      color:#00aeef;
+    }
+    dataset-details .keyword:after {
+      content:","
+    }
+    .preview-header, collapsable-box .title {
+      font-size:1.3rem !important;
+      text-transform:uppercase;
+    }
+    dataset-organization .description {
+      display:none;
+    } 
+    api-example .example-table {
+      font-size:0.8em;
+      line-height:1.2;
+    }
+    api-example .parameter-example {
+      word-wrap: break-word;
+      white-space: normal;
+      display:table-cell;
+    }
+    api-example .example-element {
+      display: table-cell;
+      padding: 10px;
+      vertical-align: middle;
+      font-size:12px;
+    }
+  } 
+}
+@media only screen and (max-width: 1000px) {
+  dataset-organization .name {
+    font-size:1rem;
+    line-height:1;
+  }
+  dataset-organization .description {
+    font-size:.9rem;
+    line-height:1.2;
+  }
+} 
+@media only screen and (max-width: 830px) {
+  dataset-detail-view,.dataset-detail-view {
+    min-width:auto;
+  }
+
+} 
+
+@media print {
+  body, html {
+    width: 100%;
+    height: initial !important;
+    overflow: initial !important;
+  }
+
+  .streaming-api-doc,
+  .dataset-api-doc,
+  .dataset-dictionary {
+    display: block;
+  }
+
+  .dataset-metadata {
+    break-inside: avoid;
+    display: block;
+  }
+
+  header,
+  footer,
+  .tab-area,
+  .left-section,
+  .buttons,
+  .collapse-icon,
+  .geo-json-visualization,
+  #dataset-preview,
+  .dataset-recommendations,
+  .dataset-quality,
+  .view-link {
+    display: none !important;
+  }
+
+  .main-app-element {
+    margin-top: 0 !important;
+  }
+}