@urbanos/react-discovery-ui 2.1.60 → 2.1.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/ReactDiscoveryUI.js +2 -2
- package/lib/components/auth0-login-zone/auth0-login-zone.test.js +11 -3
- package/lib/components/code-editor/code-editor.js +5 -5
- package/lib/components/collapsable-box/collapsable-box.js +10 -9
- package/lib/components/collapsable-box/collapsable-box.test.js +5 -10
- package/lib/components/data-card/data-card.js +5 -4
- package/lib/components/data-view/data-view.js +5 -3
- package/lib/components/dataset-api-doc/api-example.js +3 -2
- package/lib/components/dataset-api-doc/dataset-api-doc.js +3 -2
- package/lib/components/dataset-api-doc/dataset-api-doc.test.js +1 -2
- package/lib/components/dataset-dictionary/dataset-dictionary.js +39 -8
- package/lib/components/dataset-dictionary/dataset-dictionary.scss +16 -0
- package/lib/components/dataset-dictionary/dataset-dictionary.test.js +50 -3
- package/lib/components/dataset-list/dataset-list.js +3 -2
- package/lib/components/dataset-metadata/dataset-metadata.js +32 -33
- package/lib/components/dataset-metadata/dataset-metadata.test.js +1 -1
- package/lib/components/dataset-preview/dataset-preview.js +12 -12
- package/lib/components/dataset-preview/dataset-preview.test.js +2 -3
- package/lib/components/dataset-quality/dataset-quality.js +8 -7
- package/lib/components/dataset-quality/dataset-quality.test.js +1 -2
- package/lib/components/dataset-recommendations/dataset-recommendations.js +2 -1
- package/lib/components/dataset-recommendations/dataset-recommendations.test.js +1 -1
- package/lib/components/detail-toggle-icon/detail-toggle-icon.js +8 -7
- package/lib/components/detail-toggle-icon/detail-toggle-icon.test.js +1 -1
- package/lib/components/facet-list/facet-list.test.js +1 -1
- package/lib/components/facet-sidebar/facet-sidebar.js +8 -7
- package/lib/components/generic-elements/arrow-left-button/arrow-left-button.js +3 -2
- package/lib/components/generic-elements/arrow-right-button/arrow-right-button.js +3 -2
- package/lib/components/generic-elements/auto-anchoring-popover/index.js +7 -9
- package/lib/components/generic-elements/back-button/back-button.js +3 -2
- package/lib/components/generic-elements/call-to-action-button/call-to-action-button.test.js +2 -2
- package/lib/components/generic-elements/chart-icon/index.js +3 -2
- package/lib/components/generic-elements/folder-icon/index.js +3 -2
- package/lib/components/generic-elements/paginator/paginator.js +3 -2
- package/lib/components/generic-elements/plus-icon/index.js +3 -2
- package/lib/components/generic-elements/search/search.js +8 -7
- package/lib/components/generic-elements/select/select.js +3 -2
- package/lib/components/generic-elements/sql-icon/index.js +3 -2
- package/lib/components/generic-elements/tab-button/tab-button.js +4 -4
- package/lib/components/generic-elements/visualize-button/visualize-button.js +3 -2
- package/lib/components/login-zone/login-svgs-and-text.js +8 -7
- package/lib/components/login-zone/login.js +8 -7
- package/lib/components/login-zone/logout.js +8 -7
- package/lib/components/network-loading-element/network-loading-element.js +3 -2
- package/lib/components/organization/organization.js +3 -2
- package/lib/components/query-form/query-form.js +2 -2
- package/lib/components/query-form/query-form.test.js +2 -1
- package/lib/components/recommendation-list/recommendation-list.test.js +1 -1
- package/lib/components/share/share.js +18 -18
- package/lib/components/streaming-api-doc/streaming-api-doc.js +8 -7
- package/lib/components/streaming-api-doc/streaming-api-doc.test.js +1 -2
- package/lib/components/tooltip/tooltip.js +5 -6
- package/lib/components/visualization-list-menu-item/visualization-list-menu-item.js +0 -1
- package/lib/components/visualizations/geojson/geojson-visualization.js +22 -20
- package/lib/components/visualizations/geojson/geojson-visualization.test.js +16 -16
- package/lib/pages/apikey-view/apikey-view.js +1 -1
- package/lib/pages/chart-view/chart-view.js +7 -7
- package/lib/pages/chart-view/chart-view.test.js +1 -1
- package/lib/pages/dataset-detail-view/dataset-detail-view-connector.test.js +1 -2
- package/lib/pages/dataset-detail-view/dataset-detail-view.js +8 -7
- package/lib/pages/dataset-list-view/dataset-list-view.test.js +1 -1
- package/lib/pages/dataset-view/dataset-view-connector.test.js +1 -2
- package/lib/pages/dataset-view/dataset-view.js +35 -35
- package/lib/pages/dataset-view/dataset-view.test.js +1 -1
- package/lib/pages/oauth-error-view/oauth-error-view.js +0 -1
- package/lib/pages/oauth-view/oauth-view.js +6 -4
- package/lib/pages/query-view/query-view.js +9 -12
- package/lib/pages/query-view/query-view.test.js +1 -0
- package/lib/pages/user-profile-view/user-profile-view.js +31 -33
- package/lib/pages/visualization-view/visualization-view.js +18 -20
- package/lib/pages/visualization-view/visualization-view.test.js +1 -0
- package/lib/search-params/search-params-manager.js +12 -12
- package/lib/search-params/search-params-manager.test.js +6 -6
- package/lib/store/reducers/reducers.js +17 -44
- package/lib/store/reducers/visualization-reducer.test.js +19 -9
- package/lib/store/sagas/logout-saga.js +3 -5
- package/lib/store/sagas/oauth-saga.test.js +0 -1
- package/lib/store/sagas/visualization-saga.js +2 -5
- package/package.json +6 -5
|
@@ -13,7 +13,7 @@ var createOption = function createOption(option) {
|
|
|
13
13
|
value: option.value
|
|
14
14
|
}, option.label);
|
|
15
15
|
};
|
|
16
|
-
var
|
|
16
|
+
var Select = function Select(_ref) {
|
|
17
17
|
var options = _ref.options,
|
|
18
18
|
label = _ref.label,
|
|
19
19
|
selectChangeCallback = _ref.selectChangeCallback,
|
|
@@ -41,4 +41,5 @@ var _default = exports.default = function _default(_ref) {
|
|
|
41
41
|
};
|
|
42
42
|
var _onChange = function _onChange(event, selectChangeCallback) {
|
|
43
43
|
selectChangeCallback(event.target.value);
|
|
44
|
-
};
|
|
44
|
+
};
|
|
45
|
+
var _default = exports.default = Select;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _blkDatabase = _interopRequireDefault(require("../../../assets/blk-database.svg"));
|
|
8
8
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
var
|
|
9
|
+
var SqlIcon = function SqlIcon(_ref) {
|
|
10
10
|
var className = _ref.className;
|
|
11
11
|
return /*#__PURE__*/React.createElement("span", {
|
|
12
12
|
className: className
|
|
@@ -15,4 +15,5 @@ var _default = exports.default = function _default(_ref) {
|
|
|
15
15
|
width: "14px",
|
|
16
16
|
accessibilityDesc: "Sql Icon"
|
|
17
17
|
}));
|
|
18
|
-
};
|
|
18
|
+
};
|
|
19
|
+
var _default = exports.default = SqlIcon;
|
|
@@ -4,22 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = require("react");
|
|
8
8
|
require("./tab-button.scss");
|
|
9
9
|
var _excluded = ["children", "className"];
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
10
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
11
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
12
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
-
var TabButton = /*#__PURE__*/_react.
|
|
13
|
+
var TabButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
15
14
|
var children = _ref.children,
|
|
16
15
|
_ref$className = _ref.className,
|
|
17
16
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
18
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement("button", _extends({
|
|
20
19
|
ref: ref,
|
|
21
20
|
className: "tab-button ".concat(className),
|
|
22
21
|
role: "button"
|
|
23
22
|
}, props), children);
|
|
24
23
|
});
|
|
24
|
+
TabButton.displayName = 'TabButton';
|
|
25
25
|
var _default = exports.default = TabButton;
|
|
@@ -9,7 +9,7 @@ var _chart = _interopRequireDefault(require("../../../assets/chart.svg"));
|
|
|
9
9
|
var _routes = _interopRequireDefault(require("../../../routes"));
|
|
10
10
|
var _generatedLink = require("../generated-link");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
var
|
|
12
|
+
var VisualizeButton = function VisualizeButton(_ref) {
|
|
13
13
|
var organizationName = _ref.organizationName,
|
|
14
14
|
datasetName = _ref.datasetName,
|
|
15
15
|
systemName = _ref.systemName;
|
|
@@ -32,4 +32,5 @@ var _default = exports.default = function _default(_ref) {
|
|
|
32
32
|
height: "inherit",
|
|
33
33
|
accessibilityDesc: "Chart"
|
|
34
34
|
})));
|
|
35
|
-
};
|
|
35
|
+
};
|
|
36
|
+
var _default = exports.default = VisualizeButton;
|
|
@@ -20,13 +20,13 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
20
20
|
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
21
21
|
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); }
|
|
22
22
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
23
|
-
var
|
|
24
|
-
function
|
|
25
|
-
_classCallCheck(this,
|
|
26
|
-
return _callSuper(this,
|
|
23
|
+
var LoginSvgsText = /*#__PURE__*/function (_Component) {
|
|
24
|
+
function LoginSvgsText(props) {
|
|
25
|
+
_classCallCheck(this, LoginSvgsText);
|
|
26
|
+
return _callSuper(this, LoginSvgsText, [props]);
|
|
27
27
|
}
|
|
28
|
-
_inherits(
|
|
29
|
-
return _createClass(
|
|
28
|
+
_inherits(LoginSvgsText, _Component);
|
|
29
|
+
return _createClass(LoginSvgsText, [{
|
|
30
30
|
key: "render",
|
|
31
31
|
value: function render() {
|
|
32
32
|
return /*#__PURE__*/React.createElement("login-svgs-and-text", null, /*#__PURE__*/React.createElement(_Person.default, {
|
|
@@ -36,4 +36,5 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
36
36
|
}, this.props.symbol));
|
|
37
37
|
}
|
|
38
38
|
}]);
|
|
39
|
-
}(_react.Component);
|
|
39
|
+
}(_react.Component);
|
|
40
|
+
var _default = exports.default = LoginSvgsText;
|
|
@@ -21,13 +21,13 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
21
21
|
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
22
22
|
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); }
|
|
23
23
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
24
|
-
var
|
|
25
|
-
function
|
|
26
|
-
_classCallCheck(this,
|
|
27
|
-
return _callSuper(this,
|
|
24
|
+
var Login = /*#__PURE__*/function (_Component) {
|
|
25
|
+
function Login(props) {
|
|
26
|
+
_classCallCheck(this, Login);
|
|
27
|
+
return _callSuper(this, Login, [props]);
|
|
28
28
|
}
|
|
29
|
-
_inherits(
|
|
30
|
-
return _createClass(
|
|
29
|
+
_inherits(Login, _Component);
|
|
30
|
+
return _createClass(Login, [{
|
|
31
31
|
key: "render",
|
|
32
32
|
value: function render() {
|
|
33
33
|
return /*#__PURE__*/React.createElement("login-component", null, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
|
|
@@ -45,4 +45,5 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
45
45
|
})));
|
|
46
46
|
}
|
|
47
47
|
}]);
|
|
48
|
-
}(_react.Component);
|
|
48
|
+
}(_react.Component);
|
|
49
|
+
var _default = exports.default = Login;
|
|
@@ -20,13 +20,13 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
20
20
|
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
21
21
|
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); }
|
|
22
22
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
23
|
-
var
|
|
24
|
-
function
|
|
25
|
-
_classCallCheck(this,
|
|
26
|
-
return _callSuper(this,
|
|
23
|
+
var Logout = /*#__PURE__*/function (_Component) {
|
|
24
|
+
function Logout(props) {
|
|
25
|
+
_classCallCheck(this, Logout);
|
|
26
|
+
return _callSuper(this, Logout, [props]);
|
|
27
27
|
}
|
|
28
|
-
_inherits(
|
|
29
|
-
return _createClass(
|
|
28
|
+
_inherits(Logout, _Component);
|
|
29
|
+
return _createClass(Logout, [{
|
|
30
30
|
key: "render",
|
|
31
31
|
value: function render() {
|
|
32
32
|
return /*#__PURE__*/React.createElement("logout-component", null, /*#__PURE__*/React.createElement("button", {
|
|
@@ -36,4 +36,5 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
36
36
|
})));
|
|
37
37
|
}
|
|
38
38
|
}]);
|
|
39
|
-
}(_react.Component);
|
|
39
|
+
}(_react.Component);
|
|
40
|
+
var _default = exports.default = Logout;
|
|
@@ -9,7 +9,7 @@ var _errorComponent = _interopRequireDefault(require("../generic-elements/error-
|
|
|
9
9
|
require("./network-loading-element.scss");
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
var NETWORK_ERROR_TEXT = 'We were unable to fetch the datasets, please refresh the page to try again';
|
|
12
|
-
var
|
|
12
|
+
var NetworkLoadingElement = function NetworkLoadingElement(_ref) {
|
|
13
13
|
var networkLoading = _ref.networkLoading,
|
|
14
14
|
hasNetworkError = _ref.hasNetworkError;
|
|
15
15
|
var loadingElement = networkLoading && /*#__PURE__*/React.createElement(_loadingElement.default, null);
|
|
@@ -20,4 +20,5 @@ var _default = exports.default = function _default(_ref) {
|
|
|
20
20
|
return /*#__PURE__*/React.createElement("network-loading-element", {
|
|
21
21
|
class: displayClass
|
|
22
22
|
}, errorElement || loadingElement);
|
|
23
|
-
};
|
|
23
|
+
};
|
|
24
|
+
var _default = exports.default = NetworkLoadingElement;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
require("./organization.scss");
|
|
8
8
|
var _utils = require("../../utils");
|
|
9
|
-
var
|
|
9
|
+
var Organization = function Organization(_ref) {
|
|
10
10
|
var organization = _ref.organization;
|
|
11
11
|
return /*#__PURE__*/React.createElement("dataset-organization", null, /*#__PURE__*/React.createElement("div", {
|
|
12
12
|
className: "organization-header"
|
|
@@ -26,4 +26,5 @@ var _default = exports.default = function _default(_ref) {
|
|
|
26
26
|
"data-testid": "organization-description",
|
|
27
27
|
className: "description wrapped-text"
|
|
28
28
|
}, organization.description));
|
|
29
|
-
};
|
|
29
|
+
};
|
|
30
|
+
var _default = exports.default = Organization;
|
|
@@ -44,7 +44,7 @@ var QueryForm = function QueryForm(props) {
|
|
|
44
44
|
_useState2 = _slicedToArray(_useState, 2),
|
|
45
45
|
localQueryText = _useState2[0],
|
|
46
46
|
setLocalQueryText = _useState2[1];
|
|
47
|
-
|
|
47
|
+
(0, _react.useEffect)(function () {
|
|
48
48
|
setLocalQueryText(queryText);
|
|
49
49
|
}, [queryText]);
|
|
50
50
|
var updateReduxQueryText = function updateReduxQueryText(e) {
|
|
@@ -209,7 +209,7 @@ var QueryForm = function QueryForm(props) {
|
|
|
209
209
|
}, /*#__PURE__*/React.createElement("div", {
|
|
210
210
|
className: "sql-section"
|
|
211
211
|
}, /*#__PURE__*/React.createElement("label", {
|
|
212
|
-
|
|
212
|
+
htmlFor: "code-editor",
|
|
213
213
|
className: "sql-title"
|
|
214
214
|
}, "Enter your SQL query below. For best performance, you should limit your results to no more than 20,000 rows."), textArea), /*#__PURE__*/React.createElement("div", {
|
|
215
215
|
className: "query-info"
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { createElement } from 'react'
|
|
1
2
|
import { mount } from 'enzyme'
|
|
2
3
|
import QueryForm from './query-form'
|
|
3
4
|
import { BrowserRouter as Router } from 'react-router-dom'
|
|
@@ -232,7 +233,7 @@ function createSubject (params) {
|
|
|
232
233
|
const paramsWithDefaults = Object.assign({}, defaults, params)
|
|
233
234
|
|
|
234
235
|
// This allows us to set properties on a component wrapped in a provider
|
|
235
|
-
return mount(
|
|
236
|
+
return mount(createElement(
|
|
236
237
|
props => (
|
|
237
238
|
<Router>
|
|
238
239
|
<QueryForm {...props} />
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _react = require("react");
|
|
8
9
|
require("./share.scss");
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _reactShare = require("react-share");
|
|
11
11
|
var _reactCopyToClipboard = require("react-copy-to-clipboard");
|
|
12
12
|
var _FileCopyOutlined = _interopRequireDefault(require("@material-ui/icons/FileCopyOutlined"));
|
|
@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
23
23
|
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
24
24
|
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); }
|
|
25
25
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
26
|
-
var Share = /*#__PURE__*/function (
|
|
26
|
+
var Share = /*#__PURE__*/function (_Component) {
|
|
27
27
|
function Share(props) {
|
|
28
28
|
var _this;
|
|
29
29
|
_classCallCheck(this, Share);
|
|
@@ -33,7 +33,7 @@ var Share = /*#__PURE__*/function (_React$Component) {
|
|
|
33
33
|
};
|
|
34
34
|
return _this;
|
|
35
35
|
}
|
|
36
|
-
_inherits(Share,
|
|
36
|
+
_inherits(Share, _Component);
|
|
37
37
|
return _createClass(Share, [{
|
|
38
38
|
key: "render",
|
|
39
39
|
value: function render() {
|
|
@@ -41,52 +41,52 @@ var Share = /*#__PURE__*/function (_React$Component) {
|
|
|
41
41
|
var shareLocation = window.location.href;
|
|
42
42
|
var iconSize = 32;
|
|
43
43
|
var iconBgStyle = {};
|
|
44
|
-
return /*#__PURE__*/
|
|
44
|
+
return /*#__PURE__*/React.createElement("share-zone", null, /*#__PURE__*/React.createElement("div", {
|
|
45
45
|
className: "share-header"
|
|
46
|
-
}, "SHARE DATASET"), /*#__PURE__*/
|
|
46
|
+
}, "SHARE DATASET"), /*#__PURE__*/React.createElement("div", {
|
|
47
47
|
className: "share-icons"
|
|
48
|
-
}, /*#__PURE__*/
|
|
48
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
49
49
|
"data-testid": "social-media-twitter"
|
|
50
|
-
}, /*#__PURE__*/
|
|
50
|
+
}, /*#__PURE__*/React.createElement(_reactShare.TwitterShareButton, {
|
|
51
51
|
url: shareLocation,
|
|
52
52
|
className: "shareButton",
|
|
53
53
|
additionalProps: {
|
|
54
54
|
'aria-label': 'Twitter Share'
|
|
55
55
|
}
|
|
56
|
-
}, /*#__PURE__*/
|
|
56
|
+
}, /*#__PURE__*/React.createElement(_reactShare.TwitterIcon, {
|
|
57
57
|
iconBgStyle: iconBgStyle,
|
|
58
58
|
round: true,
|
|
59
59
|
iconFillColor: "#00aced",
|
|
60
60
|
size: iconSize
|
|
61
|
-
}))), /*#__PURE__*/
|
|
61
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
62
62
|
"data-testid": "social-media-facebook"
|
|
63
|
-
}, /*#__PURE__*/
|
|
63
|
+
}, /*#__PURE__*/React.createElement(_reactShare.FacebookShareButton, {
|
|
64
64
|
url: shareLocation,
|
|
65
65
|
className: "shareButton",
|
|
66
66
|
additionalProps: {
|
|
67
67
|
'aria-label': 'Facebook Share'
|
|
68
68
|
}
|
|
69
|
-
}, /*#__PURE__*/
|
|
69
|
+
}, /*#__PURE__*/React.createElement(_reactShare.FacebookIcon, {
|
|
70
70
|
iconBgStyle: iconBgStyle,
|
|
71
71
|
round: true,
|
|
72
72
|
iconFillColor: "#3b5998",
|
|
73
73
|
className: "icon",
|
|
74
74
|
size: iconSize
|
|
75
|
-
}))), /*#__PURE__*/
|
|
75
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
76
76
|
"data-testid": "social-media-linkedin"
|
|
77
|
-
}, /*#__PURE__*/
|
|
77
|
+
}, /*#__PURE__*/React.createElement(_reactShare.LinkedinShareButton, {
|
|
78
78
|
url: shareLocation,
|
|
79
79
|
className: "shareButton",
|
|
80
80
|
additionalProps: {
|
|
81
81
|
'aria-label': 'Linked In Share'
|
|
82
82
|
}
|
|
83
|
-
}, /*#__PURE__*/
|
|
83
|
+
}, /*#__PURE__*/React.createElement(_reactShare.LinkedinIcon, {
|
|
84
84
|
iconBgStyle: iconBgStyle,
|
|
85
85
|
round: true,
|
|
86
86
|
iconFillColor: "#3b5998",
|
|
87
87
|
className: "icon",
|
|
88
88
|
size: iconSize
|
|
89
|
-
})))), /*#__PURE__*/
|
|
89
|
+
})))), /*#__PURE__*/React.createElement(_reactCopyToClipboard.CopyToClipboard, {
|
|
90
90
|
style: {
|
|
91
91
|
height: "".concat(iconSize, "px")
|
|
92
92
|
},
|
|
@@ -96,14 +96,14 @@ var Share = /*#__PURE__*/function (_React$Component) {
|
|
|
96
96
|
copyMessage: 'Copied!'
|
|
97
97
|
});
|
|
98
98
|
}
|
|
99
|
-
}, /*#__PURE__*/
|
|
99
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
100
100
|
tabIndex: "0",
|
|
101
101
|
className: "primary-background-color clipboard button"
|
|
102
|
-
}, /*#__PURE__*/
|
|
102
|
+
}, /*#__PURE__*/React.createElement(_FileCopyOutlined.default, null), /*#__PURE__*/React.createElement("div", {
|
|
103
103
|
"data-testid": "clipboard",
|
|
104
104
|
className: "copy"
|
|
105
105
|
}, this.state.copyMessage))));
|
|
106
106
|
}
|
|
107
107
|
}]);
|
|
108
|
-
}(_react.
|
|
108
|
+
}(_react.Component);
|
|
109
109
|
var _default = exports.default = Share;
|
|
@@ -21,13 +21,13 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
21
21
|
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
22
22
|
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); }
|
|
23
23
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
24
|
-
var
|
|
25
|
-
function
|
|
26
|
-
_classCallCheck(this,
|
|
27
|
-
return _callSuper(this,
|
|
24
|
+
var StreamingApiDoc = /*#__PURE__*/function (_Component) {
|
|
25
|
+
function StreamingApiDoc() {
|
|
26
|
+
_classCallCheck(this, StreamingApiDoc);
|
|
27
|
+
return _callSuper(this, StreamingApiDoc, arguments);
|
|
28
28
|
}
|
|
29
|
-
_inherits(
|
|
30
|
-
return _createClass(
|
|
29
|
+
_inherits(StreamingApiDoc, _Component);
|
|
30
|
+
return _createClass(StreamingApiDoc, [{
|
|
31
31
|
key: "streamingHeader",
|
|
32
32
|
value: function streamingHeader() {
|
|
33
33
|
return /*#__PURE__*/React.createElement("div", null, "Access Operating System data through a websocket.");
|
|
@@ -75,4 +75,5 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
75
75
|
}, this.streamingBody()));
|
|
76
76
|
}
|
|
77
77
|
}]);
|
|
78
|
-
}(_react.Component);
|
|
78
|
+
}(_react.Component);
|
|
79
|
+
var _default = exports.default = StreamingApiDoc;
|
|
@@ -5,10 +5,9 @@ describe('streaming-api-doc element', () => {
|
|
|
5
5
|
let subject
|
|
6
6
|
|
|
7
7
|
beforeEach(() => {
|
|
8
|
-
const matchMedia = jest.fn()
|
|
9
8
|
Object.defineProperty(window, 'matchMedia', {
|
|
10
9
|
writable: true,
|
|
11
|
-
value: jest.fn().mockImplementation(
|
|
10
|
+
value: jest.fn().mockImplementation(() => ({
|
|
12
11
|
matches: true
|
|
13
12
|
}))
|
|
14
13
|
})
|
|
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
7
|
require("./tooltip.scss");
|
|
9
|
-
function
|
|
10
|
-
var _default = exports.default = function _default(_ref) {
|
|
8
|
+
var ToolTip = function ToolTip(_ref) {
|
|
11
9
|
var text = _ref.text;
|
|
12
|
-
return /*#__PURE__*/
|
|
10
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
13
11
|
className: "tooltip"
|
|
14
|
-
}, text, /*#__PURE__*/
|
|
12
|
+
}, text, /*#__PURE__*/React.createElement("div", {
|
|
15
13
|
className: "tooltip-text"
|
|
16
14
|
}, text));
|
|
17
|
-
};
|
|
15
|
+
};
|
|
16
|
+
var _default = exports.default = ToolTip;
|
|
@@ -8,7 +8,6 @@ var _react = require("react");
|
|
|
8
8
|
var _folderIcon = _interopRequireDefault(require("../generic-elements/folder-icon"));
|
|
9
9
|
var _tabButton = _interopRequireDefault(require("../generic-elements/tab-button"));
|
|
10
10
|
var _autoAnchoringPopover = _interopRequireDefault(require("../generic-elements/auto-anchoring-popover"));
|
|
11
|
-
var _reactRouterDom = require("react-router-dom");
|
|
12
11
|
var _auth0LoginZone = _interopRequireDefault(require("../auth0-login-zone"));
|
|
13
12
|
require("./visualization-list-menu-item.scss");
|
|
14
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
var _reactLeaflet = require("react-leaflet");
|
|
10
10
|
require("./geojson-visualization.scss");
|
|
11
11
|
require("!style-loader!css-loader!leaflet/dist/leaflet.css");
|
|
@@ -14,6 +14,9 @@ var _utils = require("../../../utils");
|
|
|
14
14
|
var _errorComponent = _interopRequireDefault(require("../../../components/generic-elements/error-component"));
|
|
15
15
|
var _checkbox = _interopRequireDefault(require("../../../components/generic-elements/checkbox"));
|
|
16
16
|
var _collapsableBox = _interopRequireDefault(require("../../../components/collapsable-box"));
|
|
17
|
+
var _markerIcon2x = _interopRequireDefault(require("leaflet/dist/images/marker-icon-2x.png"));
|
|
18
|
+
var _markerIcon = _interopRequireDefault(require("leaflet/dist/images/marker-icon.png"));
|
|
19
|
+
var _markerShadow = _interopRequireDefault(require("leaflet/dist/images/marker-shadow.png"));
|
|
17
20
|
var _leaflet2 = _interopRequireDefault(require("leaflet"));
|
|
18
21
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
22
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
@@ -36,13 +39,13 @@ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new T
|
|
|
36
39
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } // this one weird trick to make leaflet markers show up correctly when webpacked
|
|
37
40
|
delete _leaflet2.default.Icon.Default.prototype._getIconUrl;
|
|
38
41
|
_leaflet2.default.Icon.Default.mergeOptions({
|
|
39
|
-
iconRetinaUrl:
|
|
40
|
-
iconUrl:
|
|
41
|
-
shadowUrl:
|
|
42
|
+
iconRetinaUrl: _markerIcon2x.default,
|
|
43
|
+
iconUrl: _markerIcon.default,
|
|
44
|
+
shadowUrl: _markerShadow.default
|
|
42
45
|
});
|
|
43
46
|
var ohioBBox = [-84.811309, 38.483320, -80.541532, 41.971108];
|
|
44
47
|
var description = 'This only shows the first 50 features in the dataset, to view all features press the toggle below or download the dataset';
|
|
45
|
-
var GeoJSONVisualization = exports.default = /*#__PURE__*/function (
|
|
48
|
+
var GeoJSONVisualization = exports.default = /*#__PURE__*/function (_Component) {
|
|
46
49
|
function GeoJSONVisualization(props) {
|
|
47
50
|
var _this;
|
|
48
51
|
_classCallCheck(this, GeoJSONVisualization);
|
|
@@ -52,7 +55,7 @@ var GeoJSONVisualization = exports.default = /*#__PURE__*/function (_React$Compo
|
|
|
52
55
|
};
|
|
53
56
|
return _this;
|
|
54
57
|
}
|
|
55
|
-
_inherits(GeoJSONVisualization,
|
|
58
|
+
_inherits(GeoJSONVisualization, _Component);
|
|
56
59
|
return _createClass(GeoJSONVisualization, [{
|
|
57
60
|
key: "componentDidMount",
|
|
58
61
|
value: function componentDidMount() {
|
|
@@ -93,34 +96,33 @@ var GeoJSONVisualization = exports.default = /*#__PURE__*/function (_React$Compo
|
|
|
93
96
|
if (geoJsonData) {
|
|
94
97
|
var bBox = _utils.GeoJsonUtils.determineBBox(geoJsonData);
|
|
95
98
|
bBox = _utils.GeoJsonUtils.isValidBBox(bBox) ? bBox : ohioBBox;
|
|
96
|
-
return /*#__PURE__*/
|
|
99
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
97
100
|
"data-testid": "".concat(source, "-map"),
|
|
98
|
-
className: isHidden ? 'hidden' : ''
|
|
99
|
-
|
|
100
|
-
}, /*#__PURE__*/_react.default.createElement(_reactLeaflet.Map, {
|
|
101
|
+
className: isHidden ? 'hidden' : ''
|
|
102
|
+
}, /*#__PURE__*/React.createElement(_reactLeaflet.Map, {
|
|
101
103
|
bounds: this.formatBboxToLeafletBounds(bBox)
|
|
102
|
-
}, /*#__PURE__*/
|
|
104
|
+
}, /*#__PURE__*/React.createElement(_reactLeaflet.TileLayer, {
|
|
103
105
|
url: window.STREETS_TILE_LAYER_URL,
|
|
104
106
|
className: "geo-json"
|
|
105
|
-
}), /*#__PURE__*/
|
|
107
|
+
}), /*#__PURE__*/React.createElement(_reactLeaflet.GeoJSON, {
|
|
106
108
|
data: geoJsonData,
|
|
107
109
|
className: "geo-json"
|
|
108
110
|
})));
|
|
109
111
|
}
|
|
110
|
-
return /*#__PURE__*/
|
|
112
|
+
return /*#__PURE__*/React.createElement("div", null);
|
|
111
113
|
}
|
|
112
114
|
}, {
|
|
113
115
|
key: "renderMapOrLoading",
|
|
114
116
|
value: function renderMapOrLoading() {
|
|
115
117
|
var isLoading = !this.props.previewedGeoJsonData && !this.props.downloadedGeoJsonData;
|
|
116
118
|
if (isLoading) {
|
|
117
|
-
return /*#__PURE__*/
|
|
119
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
118
120
|
className: "map-placeholder"
|
|
119
|
-
}, /*#__PURE__*/
|
|
121
|
+
}, /*#__PURE__*/React.createElement(_loadingElement.default, {
|
|
120
122
|
className: "spinner"
|
|
121
123
|
}));
|
|
122
124
|
} else {
|
|
123
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("div", null, this.renderMap(this.props.previewedGeoJsonData, 'preview', this.state.showFullMap), this.renderMap(this.props.downloadedGeoJsonData, 'downloaded', !this.state.showFullMap));
|
|
124
126
|
}
|
|
125
127
|
}
|
|
126
128
|
}, {
|
|
@@ -128,16 +130,16 @@ var GeoJSONVisualization = exports.default = /*#__PURE__*/function (_React$Compo
|
|
|
128
130
|
value: function render() {
|
|
129
131
|
var _this2 = this;
|
|
130
132
|
if (this.props.downloadedDatasetError) {
|
|
131
|
-
return /*#__PURE__*/
|
|
133
|
+
return /*#__PURE__*/React.createElement(_errorComponent.default, {
|
|
132
134
|
errorText: "Unable to load GeoJson Data"
|
|
133
135
|
});
|
|
134
136
|
}
|
|
135
|
-
return /*#__PURE__*/
|
|
137
|
+
return /*#__PURE__*/React.createElement(_collapsableBox.default, {
|
|
136
138
|
class: "geo-json-visualization",
|
|
137
139
|
title: "Map Preview",
|
|
138
140
|
headerHtml: description,
|
|
139
141
|
expanded: true
|
|
140
|
-
}, /*#__PURE__*/
|
|
142
|
+
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_checkbox.default, {
|
|
141
143
|
id: "toggleFullDataset",
|
|
142
144
|
clickHandler: function clickHandler() {
|
|
143
145
|
return _this2.onMapToggleClick();
|
|
@@ -148,4 +150,4 @@ var GeoJSONVisualization = exports.default = /*#__PURE__*/function (_React$Compo
|
|
|
148
150
|
}), this.renderMapOrLoading()));
|
|
149
151
|
}
|
|
150
152
|
}]);
|
|
151
|
-
}(_react.
|
|
153
|
+
}(_react.Component);
|