@urbanos/react-discovery-ui 2.1.60 → 2.1.62

package/lib/components/visualizations/geojson/geojson-visualization.test.js

@@ -16,7 +16,7 @@ describe('<GeoJSONVisualization />', () => {
       previewDataset={previewDataset}
       downloadDataset={downloadDataset}
       datasetId='345'
-                      />)
+    />)
 
     expect(previewDataset).toHaveBeenCalledWith('345', 'geojson')
     expect(downloadDataset).toHaveBeenCalledWith('345', 'geojson')
@@ -28,7 +28,7 @@ describe('<GeoJSONVisualization />', () => {
         previewDataset={previewDataset}
         downloadDataset={downloadDataset}
         downloadedDatasetError
-                        />)
+      />)
     })
 
     it('renders an error component', () => {
@@ -36,8 +36,8 @@ describe('<GeoJSONVisualization />', () => {
     })
 
     it('does not render maps', () => {
-      expect(wrapper.find('[test-id="preview-map"]').length).toEqual(0)
-      expect(wrapper.find('[test-id="downloaded-map"]').length).toEqual(0)
+      expect(wrapper.find('[data-testid="preview-map"]').length).toEqual(0)
+      expect(wrapper.find('[data-testid="downloaded-map"]').length).toEqual(0)
     })
 
     it('does not render a loader', () => {
@@ -50,7 +50,7 @@ describe('<GeoJSONVisualization />', () => {
       wrapper = shallow(<GeoJSONVisualization
         previewDataset={previewDataset}
         downloadDataset={downloadDataset}
-                        />)
+      />)
 
       expect(wrapper.find('LoadingElement').length).toEqual(1)
     })
@@ -92,7 +92,7 @@ describe('<GeoJSONVisualization />', () => {
           downloadDataset={downloadDataset}
           downloadedGeoJsonData={downloadedGeoJsonData}
           previewedGeoJsonData={previewedGeoJsonData}
-                          />)
+        />)
       })
 
       it('renders map', () => {
@@ -102,7 +102,7 @@ describe('<GeoJSONVisualization />', () => {
       })
 
       it('transposes preview data bounding value to appropriate format for leaflet', () => {
-        const previewMapWrapper = wrapper.find('[test-id="preview-map"]')
+        const previewMapWrapper = wrapper.find('[data-testid="preview-map"]')
         expect(previewMapWrapper.find(Map).props().bounds).toEqual([[2, 1], [6, 5]])
       })
 
@@ -130,7 +130,7 @@ describe('<GeoJSONVisualization />', () => {
           previewDataset={previewDataset}
           downloadDataset={downloadDataset}
           previewedGeoJsonData={previewedGeoJsonData}
-                          />)
+        />)
       })
 
       it('renders map', () => {
@@ -141,7 +141,7 @@ describe('<GeoJSONVisualization />', () => {
       })
 
       it('transposes preview data bounding value to appropriate format for leaflet', () => {
-        const previewMapWrapper = wrapper.find('[test-id="preview-map"]')
+        const previewMapWrapper = wrapper.find('[data-testid="preview-map"]')
         expect(previewMapWrapper.find(Map).props().bounds).toEqual([[2, 1], [6, 5]])
       })
 
@@ -161,7 +161,7 @@ describe('<GeoJSONVisualization />', () => {
           previewDataset={previewDataset}
           downloadDataset={downloadDataset}
           downloadedGeoJsonData={downloadedGeoJsonData}
-                          />)
+        />)
       })
 
       it('renders map', () => {
@@ -172,7 +172,7 @@ describe('<GeoJSONVisualization />', () => {
       })
 
       it('transposes downloaded data bounding value to appropriate format for leaflet', () => {
-        const downloadedMapWrapper = wrapper.find('[test-id="downloaded-map"]')
+        const downloadedMapWrapper = wrapper.find('[data-testid="downloaded-map"]')
         expect(downloadedMapWrapper.find(Map).props().bounds).toEqual([[2, 1], [7, 6]])
       })
 
@@ -199,7 +199,7 @@ describe('<GeoJSONVisualization />', () => {
           downloadedGeoJsonData={downloadedGeoJsonData}
         />)
 
-      const previewMapWrapper = wrapper.find('[test-id="preview-map"]')
+      const previewMapWrapper = wrapper.find('[data-testid="preview-map"]')
       expect(previewMapWrapper.find(Map).props().bounds).toEqual([[38.483320, -84.811309], [41.971108, -80.541532]])
     })
   })
@@ -220,19 +220,19 @@ describe('<GeoJSONVisualization />', () => {
 })
 
 function isPreviewMapHidden (wrapper) {
-  const previewMapWrapper = wrapper.find('[test-id="preview-map"]')
+  const previewMapWrapper = wrapper.find('[data-testid="preview-map"]')
   return previewMapWrapper.hasClass('hidden')
 }
 
 function isDownloadedMapHidden (wrapper) {
-  const dowloadedMapWrapper = wrapper.find('[test-id="downloaded-map"]')
+  const dowloadedMapWrapper = wrapper.find('[data-testid="downloaded-map"]')
   return dowloadedMapWrapper.hasClass('hidden')
 }
 
 function isPreviewMapRendered (wrapper) {
-  return wrapper.find('[test-id="preview-map"]').exists()
+  return wrapper.find('[data-testid="preview-map"]').exists()
 }
 
 function isDownloadedMapRendered (wrapper) {
-  return wrapper.find('[test-id="downloaded-map"]').exists()
+  return wrapper.find('[data-testid="downloaded-map"]').exists()
 }

package/lib/pages/apikey-view/apikey-view.js

@@ -132,7 +132,7 @@ var ApiKeyView = function ApiKeyView(_ref) {
       className: "apiKey-view-paragraph"
     }, "This API key will only be displayed once. Please store it somewhere secure. If you lose it, you will need to reset your key to get a new one."), /*#__PURE__*/React.createElement("label", {
       className: "apiKey-view-sub-title",
-      for: "apiKey"
+      htmlFor: "apiKey"
     }, "API Key"), /*#__PURE__*/React.createElement("div", {
       className: "apiKey-view-display-page-display-window-container"
     }, /*#__PURE__*/React.createElement("input", {

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 require("./chart-view.scss");
-var _react = _interopRequireDefault(require("react"));
 var _lib = _interopRequireWildcard(require("react-chart-editor/lib"));
 var _plotly = _interopRequireDefault(require("plotly.js/dist/plotly"));
 var _lodash = require("lodash");
@@ -35,12 +35,12 @@ var ChartView = function ChartView(props) {
   var data = chart.data,
     layout = chart.layout,
     frames = chart.frames;
-  _react.default.useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (shouldAutoExecuteQuery) {
       executeQuery();
     }
   }, [shouldAutoExecuteQuery]);
-  _react.default.useEffect(function () {
+  (0, _react.useEffect)(function () {
     var clonedData = (0, _lodash.cloneDeep)(data);
     (0, _lib.dereference)(clonedData, dataSources);
     setChartInformation({
@@ -50,10 +50,10 @@ var ChartView = function ChartView(props) {
     });
   }, [dataSources]);
   if (isLoading) {
-    return /*#__PURE__*/_react.default.createElement("chart-view", null, /*#__PURE__*/_react.default.createElement(_loadingElement.default, null));
+    return /*#__PURE__*/React.createElement("chart-view", null, /*#__PURE__*/React.createElement(_loadingElement.default, null));
   }
   if (!hasDataSources(dataSources)) {
-    return /*#__PURE__*/_react.default.createElement("chart-view", null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("chart-view", null, /*#__PURE__*/React.createElement("div", {
       className: "no-data-message"
     }, "Unable to load data. You may need to revise your query."));
   }
@@ -64,7 +64,7 @@ var ChartView = function ChartView(props) {
       frames: frames
     });
   };
-  return /*#__PURE__*/_react.default.createElement("chart-view", null, /*#__PURE__*/_react.default.createElement(_lib.default, {
+  return /*#__PURE__*/React.createElement("chart-view", null, /*#__PURE__*/React.createElement(_lib.default, {
     data: data,
     layout: layout,
     frames: frames,
@@ -78,7 +78,7 @@ var ChartView = function ChartView(props) {
       mapboxAccessToken: window.MAPBOX_ACCESS_TOKEN
     },
     "data-testid": "plotly-editor"
-  }, /*#__PURE__*/_react.default.createElement(_lib.DefaultEditor, {
+  }, /*#__PURE__*/React.createElement(_lib.DefaultEditor, {
     logoSrc: window.LOGO_URL
   })));
 };

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

@@ -1,9 +1,9 @@
+import React from 'react'
 import { shallow } from 'enzyme'
 
 import ChartView from './chart-view'
 import PlotlyEditor, { DefaultEditor } from 'react-chart-editor'
 import LoadingElement from '../../components/generic-elements/loading-element'
-import * as ReactChartLibrary from 'react-chart-editor/lib'
 
 // Currently, shallow rendering is not compatible with React hooks.
 // We've utilized a strategy found here https://blog.carbonfive.com/2019/08/05/shallow-testing-hooks-with-enzyme/

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

@@ -8,10 +8,9 @@ describe('dataset view', () => {
   let storeMocker, state
 
   beforeEach(() => {
-    const matchMedia = jest.fn()
     Object.defineProperty(window, 'matchMedia', {
       writable: true,
-      value: jest.fn().mockImplementation(query => ({
+      value: jest.fn().mockImplementation(() => ({
         matches: true
       }))
     })

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

@@ -31,13 +31,13 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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);
+var DatasetDetailView = /*#__PURE__*/function (_Component) {
+  function DatasetDetailView() {
+    _classCallCheck(this, DatasetDetailView);
+    return _callSuper(this, DatasetDetailView, arguments);
   }
-  _inherits(_default, _Component);
-  return _createClass(_default, [{
+  _inherits(DatasetDetailView, _Component);
+  return _createClass(DatasetDetailView, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.props.clearDatasetPreview();
@@ -96,4 +96,5 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-}(_react.Component);
+}(_react.Component);
+var _default = exports.default = DatasetDetailView;

package/lib/pages/dataset-list-view/dataset-list-view.test.js

@@ -132,7 +132,7 @@ describe('dataset list view', () => {
   })
 })
 
-function createSubject (props, queryString = '') {
+function createSubject (props) {
   const defaultProps = {
     isSearchLoading: false,
     searchMetadata: {},

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

@@ -23,10 +23,9 @@ describe('visualization view', () => {
   const chart = { data: [], layout: {}, frames: [] }
 
   beforeEach(() => {
-    const matchMedia = jest.fn()
     Object.defineProperty(window, 'matchMedia', {
       writable: true,
-      value: jest.fn().mockImplementation(query => ({
+      value: jest.fn().mockImplementation(() => ({
         matches: true
       }))
     })

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _reactTabs = require("react-tabs");
 require("react-tabs/style/react-tabs.css");
 var _chartIcon = _interopRequireDefault(require("../../components/generic-elements/chart-icon"));
@@ -21,7 +21,6 @@ var _loadingElement = _interopRequireDefault(require("../../components/generic-e
 var _visualizationListMenuItem = _interopRequireDefault(require("../../components/visualization-list-menu-item"));
 var _visualizationSaveMenuItem = _interopRequireDefault(require("../../components/visualization-save-menu-item"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -34,11 +33,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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() {
+var DatasetView = /*#__PURE__*/function (_Component) {
+  function DatasetView() {
     var _this;
-    _classCallCheck(this, _default);
-    _this = _callSuper(this, _default);
+    _classCallCheck(this, DatasetView);
+    _this = _callSuper(this, DatasetView);
     _this.state = {
       index: 0,
       localTitle: '',
@@ -46,8 +45,8 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-  _inherits(_default, _Component);
-  return _createClass(_default, [{
+  _inherits(DatasetView, _Component);
+  return _createClass(DatasetView, [{
     key: "selectTab",
     value: function selectTab(tabIndex) {
       this.setState({
@@ -117,50 +116,50 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
       if (!this.props.isDatasetLoaded) {
-        return /*#__PURE__*/_react.default.createElement("dataset-view", null, /*#__PURE__*/_react.default.createElement(_loadingElement.default, null));
+        return /*#__PURE__*/React.createElement("dataset-view", null, /*#__PURE__*/React.createElement(_loadingElement.default, null));
       }
       if (this.props.isRemoteDataset || this.props.isHostDataset) {
-        return /*#__PURE__*/_react.default.createElement("dataset-view", null, /*#__PURE__*/_react.default.createElement(_datasetDetailView.default, null));
+        return /*#__PURE__*/React.createElement("dataset-view", null, /*#__PURE__*/React.createElement(_datasetDetailView.default, null));
       }
-      return /*#__PURE__*/_react.default.createElement("dataset-view", null, /*#__PURE__*/_react.default.createElement(_reactTabs.Tabs, {
+      return /*#__PURE__*/React.createElement("dataset-view", null, /*#__PURE__*/React.createElement(_reactTabs.Tabs, {
         className: "dataset-view",
         selectedIndex: this.state.index,
         onSelect: function onSelect(tabIndex) {
           return _this2.selectTab(tabIndex);
         }
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "header"
-      }, /*#__PURE__*/_react.default.createElement(_reactTabs.TabList, {
+      }, /*#__PURE__*/React.createElement(_reactTabs.TabList, {
         className: "tab-area header-tabs"
-      }, /*#__PURE__*/_react.default.createElement(_reactTabs.Tab, {
+      }, /*#__PURE__*/React.createElement(_reactTabs.Tab, {
         "data-testid": "dataset-details"
-      }, "Dataset Details"), /*#__PURE__*/_react.default.createElement(_reactTabs.Tab, {
+      }, "Dataset Details"), /*#__PURE__*/React.createElement(_reactTabs.Tab, {
         "data-testid": "dataset-write-sql"
-      }, "Write SQL ", /*#__PURE__*/_react.default.createElement(_sqlIcon.default, {
+      }, "Write SQL ", /*#__PURE__*/React.createElement(_sqlIcon.default, {
         className: "sqlIcon"
-      })), this.isVisualizationEnabled() && /*#__PURE__*/_react.default.createElement(_reactTabs.Tab, {
+      })), this.isVisualizationEnabled() && /*#__PURE__*/React.createElement(_reactTabs.Tab, {
         "data-testid": "visualize"
-      }, "Visualize ", /*#__PURE__*/_react.default.createElement(_chartIcon.default, {
+      }, "Visualize ", /*#__PURE__*/React.createElement(_chartIcon.default, {
         className: "chartIcon"
-      }))), this.isNotDatasetDetailsTab() && /*#__PURE__*/_react.default.createElement("span", {
+      }))), this.isNotDatasetDetailsTab() && /*#__PURE__*/React.createElement("span", {
         className: "help-area"
-      }, /*#__PURE__*/_react.default.createElement("a", {
+      }, /*#__PURE__*/React.createElement("a", {
         role: null,
         className: "helpLink primary-color",
         target: "_blank",
         href: "https://en.wikipedia.org/wiki/SQL_syntax",
         rel: "noreferrer"
-      }, "SQL Help"), this.isVisualizationEnabled() && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, "|"), /*#__PURE__*/_react.default.createElement("a", {
+      }, "SQL Help"), this.isVisualizationEnabled() && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "|"), /*#__PURE__*/React.createElement("a", {
         id: "plotlyhelp",
         className: "helpLink primary-color",
         target: "_blank",
         href: "https://plotly.com/chart-studio-help/tutorials/#basic",
         rel: "noreferrer"
-      }, "Plot.ly Help"))), this.isNotDatasetDetailsTab() && /*#__PURE__*/_react.default.createElement("span", {
+      }, "Plot.ly Help"))), this.isNotDatasetDetailsTab() && /*#__PURE__*/React.createElement("span", {
         className: "action-area"
-      }, /*#__PURE__*/_react.default.createElement(_visualizationListMenuItem.default, {
+      }, /*#__PURE__*/React.createElement(_visualizationListMenuItem.default, {
         isAuthenticated: this.props.auth.isAuthenticated
-      }), /*#__PURE__*/_react.default.createElement(_visualizationSaveMenuItem.default, {
+      }), /*#__PURE__*/React.createElement(_visualizationSaveMenuItem.default, {
         isSaveable: this.props.isSaveable,
         handleTitleChange: this.handleTitleChange.bind(this),
         handleSaveOrUpdate: this.handleSaveOrUpdate.bind(this),
@@ -170,9 +169,9 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
         title: this.state.localTitle,
         allowedActions: this.props.allowedActions,
         isAuthenticated: this.props.auth.isAuthenticated
-      })), /*#__PURE__*/_react.default.createElement("div", {
+      })), /*#__PURE__*/React.createElement("div", {
         className: "mobile-tab-menu"
-      }, /*#__PURE__*/_react.default.createElement("button", {
+      }, /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "mobile-tab-toggle",
         onClick: function onClick() {
@@ -185,31 +184,32 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
         },
         "aria-controls": "mobile-tab-dropdown",
         "aria-expanded": this.state.isMobileMenuOpen
-      }, "\u2630"), this.state.isMobileMenuOpen && /*#__PURE__*/_react.default.createElement("div", {
+      }, "\u2630"), this.state.isMobileMenuOpen && /*#__PURE__*/React.createElement("div", {
         className: "mobile-tab-dropdown"
-      }, /*#__PURE__*/_react.default.createElement("button", {
+      }, /*#__PURE__*/React.createElement("button", {
         onClick: function onClick() {
           return _this2.selectTab(0);
         }
-      }, "Dataset Details"), /*#__PURE__*/_react.default.createElement("button", {
+      }, "Dataset Details"), /*#__PURE__*/React.createElement("button", {
         onClick: function onClick() {
           return _this2.selectTab(1);
         }
-      }, "Write SQL"), this.isVisualizationEnabled() && /*#__PURE__*/_react.default.createElement("button", {
+      }, "Write SQL"), this.isVisualizationEnabled() && /*#__PURE__*/React.createElement("button", {
         type: "button",
         onClick: function onClick() {
           return _this2.selectTab(2);
         }
-      }, "Visualize")))), /*#__PURE__*/_react.default.createElement(_reactTabs.TabPanel, {
+      }, "Visualize")))), /*#__PURE__*/React.createElement(_reactTabs.TabPanel, {
         forceRender: true
-      }, /*#__PURE__*/_react.default.createElement(_datasetDetailView.default, null)), /*#__PURE__*/_react.default.createElement(_reactTabs.TabPanel, null, /*#__PURE__*/_react.default.createElement(_queryView.default, {
+      }, /*#__PURE__*/React.createElement(_datasetDetailView.default, null)), /*#__PURE__*/React.createElement(_reactTabs.TabPanel, null, /*#__PURE__*/React.createElement(_queryView.default, {
         shouldAutoExecuteQuery: this.props.shouldAutoExecuteQuery
-      })), this.isVisualizationEnabled() && /*#__PURE__*/_react.default.createElement(_reactTabs.TabPanel, {
+      })), this.isVisualizationEnabled() && /*#__PURE__*/React.createElement(_reactTabs.TabPanel, {
         className: "visualization",
         selectedClassName: "visualization--selected"
-      }, /*#__PURE__*/_react.default.createElement(_chartView.default, {
+      }, /*#__PURE__*/React.createElement(_chartView.default, {
         shouldAutoExecuteQuery: this.props.shouldAutoExecuteQuery
       }))));
     }
   }]);
-}(_react.Component);
+}(_react.Component);
+var _default = exports.default = DatasetView;

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

@@ -1,5 +1,5 @@
 import { shallow } from 'enzyme'
-import { Tab, TabPanel, TabList, Tabs } from 'react-tabs'
+import { Tab, TabPanel, Tabs } from 'react-tabs'
 
 import DatasetView from './dataset-view'
 import QueryView from '../query-view'

package/lib/pages/oauth-error-view/oauth-error-view.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactRouterDom = require("react-router-dom");
 require("./oauth-error-view.scss");
 var _qs = _interopRequireDefault(require("qs"));
 var _routes = _interopRequireDefault(require("../../routes.js"));

package/lib/pages/oauth-view/oauth-view.js

@@ -30,14 +30,16 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var hasAuthorizationCodeParameter = function hasAuthorizationCodeParameter(search) {
-  return _qs.default.parse(search, {
+  var parsed = _qs.default.parse(search, {
     ignoreQueryPrefix: true
-  }).hasOwnProperty('code');
+  });
+  return Object.prototype.hasOwnProperty.call(parsed, 'code');
 };
 var hasError = function hasError(search) {
-  return _qs.default.parse(search, {
+  var parsed = _qs.default.parse(search, {
     ignoreQueryPrefix: true
-  }).hasOwnProperty('error');
+  });
+  return Object.prototype.hasOwnProperty.call(parsed, 'error');
 };
 var getError = function getError(search) {
   return _qs.default.parse(search, {

package/lib/pages/query-view/query-view.js

@@ -1,18 +1,15 @@
 "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;
 require("./query-view.scss");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _queryForm = _interopRequireDefault(require("../../components/query-form"));
 var _dataView = _interopRequireDefault(require("../../components/data-view"));
 var _loadingElement = _interopRequireDefault(require("../../components/generic-elements/loading-element"));
-var _lodash = _interopRequireDefault(require("lodash"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -41,21 +38,21 @@ var QueryView = function QueryView(props) {
   var onNextPageClicked = function onNextPageClicked() {
     setPage(page);
   };
-  _react.default.useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (shouldAutoExecuteQuery) {
       executeQuery(freestyleQueryText);
     }
   }, [shouldAutoExecuteQuery]);
-  _react.default.useEffect(function () {
+  (0, _react.useEffect)(function () {
     setPage(0);
   }, [queryData]);
   var numRecords = queryData ? queryData.length + ' records returned' : '';
   if (isQueryLoading && queryData.length === 0) {
-    return /*#__PURE__*/_react.default.createElement("query-view", null, /*#__PURE__*/_react.default.createElement(_loadingElement.default, null));
+    return /*#__PURE__*/React.createElement("query-view", null, /*#__PURE__*/React.createElement(_loadingElement.default, null));
   }
-  return /*#__PURE__*/_react.default.createElement("query-view", {
+  return /*#__PURE__*/React.createElement("query-view", {
     "data-testid": "query-view"
-  }, /*#__PURE__*/_react.default.createElement(_queryForm.default, {
+  }, /*#__PURE__*/React.createElement(_queryForm.default, {
     recommendations: recommendations,
     usedDatasets: usedDatasets,
     datasetReferences: datasetReferences,
@@ -67,11 +64,11 @@ var QueryView = function QueryView(props) {
     executeQuery: executeQuery,
     cancelQuery: cancelQuery,
     setQueryText: setQueryText
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     id: "dataset-preview-table"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     id: "numRecords"
-  }, numRecords), /*#__PURE__*/_react.default.createElement(_dataView.default, {
+  }, numRecords), /*#__PURE__*/React.createElement(_dataView.default, {
     data: queryData,
     page: page,
     columns: Object.keys(dataSources),

package/lib/pages/query-view/query-view.test.js

@@ -1,3 +1,4 @@
+import React from 'react'
 import { shallow } from 'enzyme'
 
 import QueryView from './query-view'