@urbanos/react-discovery-ui 2.1.52 → 2.1.54

package/lib/components/collapsable-box/collapsable-box.scss

@@ -7,6 +7,7 @@ collapsable-box {
   border: 1px solid $light-grey;
   width: 100%;
   margin-top: 2.5rem;
+  overflow-x: scroll;
 
   .header-container {
     display: flex;
@@ -36,4 +37,4 @@ collapsable-box {
     color: $dark-grey;
     margin: 10px 10px 0 0;
   }
-}
+}

package/lib/components/dataset-api-doc/api-example.js

@@ -65,7 +65,7 @@ function renderHeader(header) {
     className: "pill"
   }, header.name)), /*#__PURE__*/React.createElement("td", {
     className: "required-marker"
-  }, header.required ? "Yes" : "No"), /*#__PURE__*/React.createElement("td", null, header.default), /*#__PURE__*/React.createElement("td", null, header.description));
+  }, header.required ? 'Yes' : 'No'), /*#__PURE__*/React.createElement("td", null, header.default), /*#__PURE__*/React.createElement("td", null, header.description));
 }
 function renderExamples(examples, url) {
   examples = examples.map(function (example) {

package/lib/components/dataset-api-doc/dataset-api-doc.js

@@ -69,17 +69,20 @@ function freestyleDescription() {
     role: "link",
     className: "primary-color",
     href: "https://en.wikipedia.org/wiki/SQL_syntax",
-    target: "_blank"
+    target: "_blank",
+    rel: "noreferrer"
   }, "SQL Syntax (Wikipedia)")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
     role: "link",
     className: "primary-color",
     href: "https://www.w3schools.com/sql/sql_quickref.asp",
-    target: "_blank"
+    target: "_blank",
+    rel: "noreferrer"
   }, "Quick Reference (W3 Schools)")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
     role: "link",
     className: "primary-color",
     href: "https://prestodb.github.io/docs/current/sql/select.html",
-    target: "_blank"
+    target: "_blank",
+    rel: "noreferrer"
   }, "PrestoDB Specific Syntax"))));
 }
 function renderHeader() {

package/lib/components/dataset-dictionary/dataset-dictionary.js

@@ -158,7 +158,8 @@ var viewLink = function viewLink(datasetId) {
   }, /*#__PURE__*/_react.default.createElement("a", {
     href: "".concat(window.DISC_API_URL, "/api/v1/dataset/").concat(datasetId, "/dictionary"),
     target: "_blank",
-    role: "link"
+    role: "link",
+    rel: "noreferrer"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "view-text"
   }, "View as JSON")));

package/lib/components/dataset-metadata/dataset-metadata.js

@@ -35,7 +35,7 @@ var MetadataTable = function MetadataTable(_ref) {
       },
       cell: function cell(info) {
         var _info$getValue;
-        return (_info$getValue = info.getValue()) !== null && _info$getValue !== void 0 ? _info$getValue : null;
+        return (_info$getValue = info.getValue()) !== null && _info$getValue !== void 0 ? _info$getValue : /*#__PURE__*/_react.default.createElement("span", null, "Unavailable");
       }
     }];
   }, []);
@@ -88,6 +88,7 @@ var MetadataTable = function MetadataTable(_ref) {
   })));
 };
 var _default = exports.default = function _default(_ref2) {
+  var _dataset$homepage, _dataset$sourceUrl, _dataset$license;
   var dataset = _ref2.dataset;
   if (!dataset) return /*#__PURE__*/_react.default.createElement("div", null);
   var referenceUrls = dataset.referenceUrls || [];
@@ -117,11 +118,13 @@ var _default = exports.default = function _default(_ref2) {
     Value: dataset.publishFrequency
   }, {
     Field: 'Data Dictionary URL',
-    Value: /*#__PURE__*/_react.default.createElement("a", {
+    Value: dataset.describedByUrl ? /*#__PURE__*/_react.default.createElement("a", {
       role: "link",
       href: dataset.describedByUrl,
-      target: "_blank"
-    }, dataset.describedByUrl)
+      target: "_blank",
+      "aria-label": "Data Dictionary URL",
+      rel: "noreferrer"
+    }, dataset.describedByUrl) : /*#__PURE__*/_react.default.createElement("span", null, "Unavailable")
   }, {
     Field: 'Data Dictionary Type',
     Value: dataset.describedByMimeType
@@ -133,39 +136,47 @@ var _default = exports.default = function _default(_ref2) {
     Value: dataset.language
   }, {
     Field: 'Homepage URL',
-    Value: /*#__PURE__*/_react.default.createElement("a", {
+    Value: dataset.homepage ? /*#__PURE__*/_react.default.createElement("a", {
       role: "link",
       href: dataset.homepage,
-      target: "_blank"
-    }, dataset.homepage)
+      target: "_blank",
+      "aria-label": "Homepage URL",
+      rel: "noreferrer"
+    }, (_dataset$homepage = dataset.homepage) !== null && _dataset$homepage !== void 0 ? _dataset$homepage : 'Unavailable') : /*#__PURE__*/_react.default.createElement("span", null, "Unavailable")
   }, {
     Field: 'Related Documents',
-    Value: referenceUrls.map(function (url) {
+    Value: referenceUrls.length === 0 ? /*#__PURE__*/_react.default.createElement("span", null, "None") : referenceUrls.map(function (url) {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: url
       }, /*#__PURE__*/_react.default.createElement("a", {
         role: "link",
         href: url,
-        target: "_blank"
+        target: "_blank",
+        "aria-label": "Related Document URL",
+        rel: "noreferrer"
       }, url));
     })
   }, {
     Field: 'Source URL',
-    Value: /*#__PURE__*/_react.default.createElement("a", {
+    Value: dataset.sourceUrl ? /*#__PURE__*/_react.default.createElement("a", {
       role: "link",
       href: dataset.sourceUrl,
-      target: "_blank"
-    }, dataset.sourceUrl)
+      target: "_blank",
+      "aria-label": "Source URL",
+      rel: "noreferrer"
+    }, (_dataset$sourceUrl = dataset.sourceUrl) !== null && _dataset$sourceUrl !== void 0 ? _dataset$sourceUrl : 'Unavailable') : /*#__PURE__*/_react.default.createElement("span", null, "Unavailable")
   }, {
     Field: 'Source Type',
     Value: dataset.sourceType
   }, {
     Field: 'License',
-    Value: /*#__PURE__*/_react.default.createElement("a", {
+    Value: dataset.license ? /*#__PURE__*/_react.default.createElement("a", {
       role: "link",
       href: dataset.license,
-      target: "_blank"
-    }, dataset.license)
+      target: "_blank",
+      "aria-label": "License URL",
+      rel: "noreferrer"
+    }, (_dataset$license = dataset.license) !== null && _dataset$license !== void 0 ? _dataset$license : 'Unavailable') : /*#__PURE__*/_react.default.createElement("span", null, "Unavailable")
   }, {
     Field: 'Category',
     Value: dataset.catagories

package/lib/components/dataset-recommendations/dataset-recommendations.js

@@ -35,7 +35,8 @@ var DatasetRecommendations = function DatasetRecommendations(props) {
     }, /*#__PURE__*/React.createElement("a", {
       role: "link",
       href: _utils.RecommendationUtils.getDatasetUrl(rec),
-      target: "_blank"
+      target: "_blank",
+      rel: "noreferrer"
     }, rec.dataTitle));
   }))));
 };

package/lib/components/generic-elements/arrow-button/arrow-button.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactSvgInline = _interopRequireDefault(require("react-svg-inline"));
+var _arrow = _interopRequireDefault(require("../../../assets/arrow.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var arrow = "<svg viewBox=\"0 0 8 12\" xmlns=\"http://www.w3.org/2000/svg\"><g id=\"arrow-designs\" stroke=\"none\" stroke-width=\"1\" transform=\"rotate(90 4 4)\"><path id=\"arrow-path-1\" d=\"M1.41.59L6 5.17 10.59.59 12 2 6 8 0 2z\"/></g></svg>";
 var ENABLED_COLOR = '#000000';
 var DISABLED_COLOR = '#595959';
 var _default = exports.default = function _default(_ref) {
@@ -20,9 +19,8 @@ var _default = exports.default = function _default(_ref) {
     disabled: disabled,
     className: "".concat(className, " ").concat(disabled ? 'disabled' : ''),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(_reactSvgInline.default, {
+  }, /*#__PURE__*/React.createElement(_arrow.default, {
     className: innerClass,
-    svg: arrow,
     height: "inherit",
     fill: disabled ? DISABLED_COLOR : ENABLED_COLOR,
     accessibilityDesc: "Arrow"

package/lib/components/generic-elements/chart-icon/index.js

@@ -4,18 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactSvgInline = _interopRequireDefault(require("react-svg-inline"));
+var _chart = _interopRequireDefault(require("../../../assets/chart.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var chartSVG = "<svg id=\"chartSVG-Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 65.5 28\"><path d=\"M0 17.5h13V28H0zM17.5 0h13v28h-13zM35 12.5h13V28H35zM52.5 5h13v23h-13z\"/></svg>";
 var _default = exports.default = function _default(_ref) {
   var className = _ref.className;
   return /*#__PURE__*/React.createElement("span", {
     className: className
-  }, /*#__PURE__*/React.createElement(_reactSvgInline.default, {
+  }, /*#__PURE__*/React.createElement(_chart.default, {
     style: {
       marginLeft: '.3rem'
     },
-    svg: chartSVG,
     height: "14px",
     width: "25px",
     accessibilityDesc: "Chart"

package/lib/components/generic-elements/folder-icon/index.js

@@ -4,18 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactSvgInline = _interopRequireDefault(require("react-svg-inline"));
+var _folder_icon = _interopRequireDefault(require("../../../assets/folder_icon.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var folderSVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path d=\"M90 50H30L10 80h60z\"/><path d=\"M70 40V30H50L40 20H10v40l13.333-20z\"/></svg>";
 var _default = exports.default = function _default(_ref) {
   var className = _ref.className,
     _ref$accessibilityDes = _ref.accessibilityDesc,
-    accessibilityDesc = _ref$accessibilityDes === void 0 ? "Folder Icon" : _ref$accessibilityDes;
+    accessibilityDesc = _ref$accessibilityDes === void 0 ? 'Folder Icon' : _ref$accessibilityDes;
   return /*#__PURE__*/React.createElement("span", {
     className: className
-  }, /*#__PURE__*/React.createElement(_reactSvgInline.default, {
+  }, /*#__PURE__*/React.createElement(_folder_icon.default, {
     className: "folder-icon",
-    svg: folderSVG,
     height: "1.6rem",
     width: "1.6rem",
     accessibilityDesc: accessibilityDesc

package/lib/components/generic-elements/loading-element/loading-element.js

@@ -5,17 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("./loading-element.scss");
-var _reactSvgInline = _interopRequireDefault(require("react-svg-inline"));
+var _loadingicon = _interopRequireDefault(require("../../../assets/loadingicon.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var loadingIcon = "<svg class=\"lds-spin\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" style=\"background:0 0\"><g transform=\"translate(80 50)\"><circle r=\"10\" fill=\"#28292f\" transform=\"scale(1.01177)\"><animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.875s\" values=\"1.1 1.1;1 1\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\"/><animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.875s\"/></circle></g><g transform=\"rotate(45 -50.355 121.569)\"><circle r=\"10\" fill=\"#28292f\" fill-opacity=\".875\" transform=\"scale(1.02427)\"><animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.75s\" values=\"1.1 1.1;1 1\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\"/><animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.75s\"/></circle></g><g transform=\"rotate(90 -15 65)\"><circle r=\"10\" fill=\"#28292f\" fill-opacity=\".75\" transform=\"scale(1.03677)\"><animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.625s\" values=\"1.1 1.1;1 1\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\"/><animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.625s\"/></circle></g><g transform=\"rotate(135 -.355 41.569)\"><circle r=\"10\" fill=\"#28292f\" fill-opacity=\".625\" transform=\"scale(1.04927)\"><animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.5s\" values=\"1.1 1.1;1 1\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\"/><animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.5s\"/></circle></g><g transform=\"rotate(180 10 25)\"><circle r=\"10\" fill=\"#28292f\" fill-opacity=\".5\" transform=\"scale(1.06177)\"><animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.375s\" values=\"1.1 1.1;1 1\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\"/><animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.375s\"/></circle></g><g transform=\"rotate(-135 20.355 8.431)\"><circle r=\"10\" fill=\"#28292f\" fill-opacity=\".375\" transform=\"scale(1.07427)\"><animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.25s\" values=\"1.1 1.1;1 1\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\"/><animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.25s\"/></circle></g><g transform=\"rotate(-90 35 -15)\"><circle r=\"10\" fill=\"#28292f\" fill-opacity=\".25\" transform=\"scale(1.08677)\"><animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.125s\" values=\"1.1 1.1;1 1\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\"/><animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.125s\"/></circle></g><g transform=\"rotate(-45 70.355 -71.569)\"><circle r=\"10\" fill=\"#28292f\" fill-opacity=\".125\" transform=\"scale(1.09927)\"><animateTransform attributeName=\"transform\" type=\"scale\" begin=\"0s\" values=\"1.1 1.1;1 1\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\"/><animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"0s\"/></circle></g></svg>";
 var LoadingElement = function LoadingElement(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className;
   return /*#__PURE__*/React.createElement("loading-element", {
     class: "loading-container ".concat(className),
     "data-testid": "loading-spinner"
-  }, /*#__PURE__*/React.createElement(_reactSvgInline.default, {
-    svg: loadingIcon,
+  }, /*#__PURE__*/React.createElement(_loadingicon.default, {
     accessibilityDesc: "Loading..."
   }));
 };

package/lib/components/generic-elements/plus-icon/index.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactSvgInline = _interopRequireDefault(require("react-svg-inline"));
+var _plus = _interopRequireDefault(require("../../../assets/plus.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var folderSVG = "<svg height=\"100\" width=\"100\" fill=\"#999\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" preserveAspectRatio=\"none\"><defs><path d=\"M51.95 48V21.85q0-.8-.55-1.45-.6-.55-1.45-.55t-1.4.55q-.65.65-.65 1.45V48H21.75q-.85 0-1.4.6-.6.6-.6 1.45t.6 1.4q.55.6 1.4.6H47.9V78.2q0 .85.65 1.4.55.65 1.4.65.85 0 1.45-.65.55-.55.55-1.4V52.05H78.1q.85 0 1.45-.6.6-.55.6-1.4 0-.85-.6-1.45T78.1 48H51.95z\" id=\"folderSVG-a\"/></defs><use xlink:href=\"#folderSVG-a\"/></svg>";
 var _default = exports.default = function _default(_ref) {
   var className = _ref.className;
   return /*#__PURE__*/React.createElement("span", {
     className: className
-  }, /*#__PURE__*/React.createElement(_reactSvgInline.default, {
-    className: "plus-icon",
-    svg: folderSVG,
+  }, /*#__PURE__*/React.createElement(_plus.default, {
     height: "1.6rem",
     width: "1.6rem",
     accessibilityDesc: "Plus Icon"

package/lib/components/generic-elements/sql-icon/index.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactSvgInline = _interopRequireDefault(require("react-svg-inline"));
+var _blkDatabase = _interopRequireDefault(require("../../../assets/blk-database.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var sqlSVG = "<svg version=\"1.1\" id=\"sqlSVG-Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 58.201 58.201\" xml:space=\"preserve\"><path d=\"M31.707 33.07a81.522 81.522 0 01-5.22 0c-7.341-.201-13.191-1.238-17.403-2.717C7.104 29.685 5.409 28.899 4.1 28v9.4c2.846 2.971 12.394 5.711 25 5.711s22.154-2.74 25-5.711V28c-1.318.905-3.028 1.697-5.025 2.367-4.21 1.472-10.048 2.503-17.368 2.703z\"/><path d=\"M4.1 14.889v9.4c2.638 2.754 11.033 5.31 22.286 5.668.115.004.233.005.349.008.326.009.651.018.982.023a79.019 79.019 0 002.766.001c.33-.005.656-.014.982-.023l.349-.008c11.253-.359 19.648-2.915 22.286-5.668v-9.401C49.233 18.232 38.944 20 29.1 20s-20.132-1.768-25-5.111zM53.965 8.542C52.843 4.241 44.215 0 29.1 0 14.023 0 5.404 4.22 4.247 8.51A.97.97 0 004.1 9v2.306C6.937 14.267 16.417 17 29.1 17s22.164-2.733 25-5.694V9a.92.92 0 00-.135-.458zM4.1 41v8.201a.94.94 0 00.117.451c1.181 4.895 11.747 8.549 24.883 8.549 13.106 0 23.655-3.639 24.875-8.516a.993.993 0 00.125-.484v-8.199c-4.135 2.911-12.655 5.199-25 5.199-12.346 0-20.866-2.29-25-5.201z\"/></svg>";
 var _default = exports.default = function _default(_ref) {
   var className = _ref.className;
   return /*#__PURE__*/React.createElement("span", {
     className: className
-  }, /*#__PURE__*/React.createElement(_reactSvgInline.default, {
-    svg: sqlSVG,
+  }, /*#__PURE__*/React.createElement(_blkDatabase.default, {
     height: "14px",
     width: "14px",
     accessibilityDesc: "Sql Icon"

package/lib/components/generic-elements/visualize-button/visualize-button.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("./visualize-button.scss");
-var _reactSvgInline = _interopRequireDefault(require("react-svg-inline"));
+var _chart = _interopRequireDefault(require("../../../assets/chart.svg"));
 var _routes = _interopRequireDefault(require("../../../routes"));
 var _generatedLink = require("../generated-link");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var chart = "<svg id=\"chart-Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 65.5 28\"><path d=\"M0 17.5h13V28H0zM17.5 0h13v28h-13zM35 12.5h13V28H35zM52.5 5h13v23h-13z\"/></svg>";
 var _default = exports.default = function _default(_ref) {
   var organizationName = _ref.organizationName,
     datasetName = _ref.datasetName,
@@ -26,11 +25,10 @@ var _default = exports.default = function _default(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "visualize-button"
-  }, "Visualize", /*#__PURE__*/React.createElement(_reactSvgInline.default, {
+  }, "Visualize", /*#__PURE__*/React.createElement(_chart.default, {
     style: {
       marginLeft: '.3rem'
     },
-    svg: chart,
     height: "inherit",
     accessibilityDesc: "Chart"
   })));

package/lib/components/organization/organization.js

@@ -16,7 +16,8 @@ var _default = exports.default = function _default(_ref) {
   }, /*#__PURE__*/React.createElement("img", {
     "data-testid": "organization-logo",
     className: "logo",
-    src: organization.image
+    src: organization.image,
+    alt: "".concat(organization.title, " Logo")
   })), /*#__PURE__*/React.createElement("div", {
     "data-testid": "organization-title",
     className: "name wrapped-text"

package/lib/components/query-form/query-form.js

@@ -140,7 +140,7 @@ var QueryForm = function QueryForm(props) {
   var queryDataDownloadLinkAsCsv = function queryDataDownloadLinkAsCsv() {
     dataObj = queryDataToCSV(queryData);
     data = new Blob([dataObj], {
-      type: "application/json"
+      type: 'application/json'
     });
     tempLink = document.createElement('a');
     tempLink.href = window.URL.createObjectURL(data);
@@ -150,7 +150,7 @@ var QueryForm = function QueryForm(props) {
   var queryDataDownloadLinkAsJson = function queryDataDownloadLinkAsJson() {
     dataObj = JSON.stringify(queryData);
     data = new Blob([dataObj], {
-      type: "text/csv"
+      type: 'text/csv'
     });
     tempLink = document.createElement('a');
     tempLink.href = window.URL.createObjectURL(data);
@@ -158,9 +158,9 @@ var QueryForm = function QueryForm(props) {
     tempLink.click();
   };
   var queryDataDownloadLinkAsXml = function queryDataDownloadLinkAsXml() {
-    dataObj = (0, _js2xmlparser.parse)("results", queryData);
+    dataObj = (0, _js2xmlparser.parse)('results', queryData);
     data = new Blob([dataObj], {
-      type: "application/xml"
+      type: 'application/xml'
     });
     tempLink = document.createElement('a');
     tempLink.href = window.URL.createObjectURL(data);

package/lib/components/query-form/query-form.test.js

@@ -213,11 +213,11 @@ describe('QueryForm', () => {
   })
 })
 
-function createSubject(params) {
+function createSubject (params) {
   const defaults = {
     queryText: 'SELECT * FROM sky',
     queryData: [],
-    recommendations: recommendations,
+    recommendations,
     usedDatasets: [],
     datasetReferences: {},
     queryFailureMessage: '',
@@ -242,7 +242,7 @@ function createSubject(params) {
   )
 }
 
-function getButton(subject, text) {
+function getButton (subject, text) {
   const isButton = x => x.type() === 'button' && x.text() === text
   return subject.findWhere(isButton)
 }

package/lib/components/recommendation-list/recommendation-list.js

@@ -58,7 +58,8 @@ var RecommendationList = function RecommendationList(props) {
         role: "link",
         href: _utils.RecommendationUtils.getDatasetUrl(recommendation),
         target: "_blank",
-        className: "action"
+        className: "action",
+        rel: "noreferrer"
       }, recommendation.dataTitle)));
     });
   };

package/lib/components/streaming-api-doc/streaming-api-doc.js

@@ -51,11 +51,13 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
       }, "Phoenix Channels clients"), /*#__PURE__*/React.createElement("div", null, "For application development, look at the ", /*#__PURE__*/React.createElement("a", {
         role: "link",
         href: "https://www.npmjs.com/package/phoenix",
-        target: "_blank"
+        target: "_blank",
+        rel: "noreferrer"
       }, "official Phoenix Javascript library"), ", or one of the ", /*#__PURE__*/React.createElement("a", {
         role: "link",
         href: "https://hexdocs.pm/phoenix/channels.html#client-libraries",
-        target: "_blank"
+        target: "_blank",
+        rel: "noreferrer"
       }, "other client libraries"))));
     }
   }, {

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

@@ -8,13 +8,14 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 require("./chart-view.scss");
 var _react = _interopRequireDefault(require("react"));
-require("react-chart-editor/lib/react-chart-editor.ie.css");
 var _lib = _interopRequireWildcard(require("react-chart-editor/lib"));
 var _plotly = _interopRequireDefault(require("plotly.js/dist/plotly"));
 var _lodash = require("lodash");
 var _loadingElement = _interopRequireDefault(require("../../components/generic-elements/loading-element"));
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// import 'react-chart-editor/lib/react-chart-editor.ie.css'
+
 var hasDataSources = function hasDataSources(dataSources) {
   return dataSources && Object.keys(dataSources).length > 0;
 };

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

@@ -89,7 +89,7 @@ describe('chart view', () => {
     beforeEach(() => {
       window.LOGO_URL = 'https://placekitten.com/530/530'
       window.MAPBOX_ACCESS_TOKEN = 'secret key'
-      subject = createSubject({ dataSources: dataSources })
+      subject = createSubject({ dataSources })
     })
 
     it('renders a chart editor', () => {
@@ -157,7 +157,7 @@ describe('chart view', () => {
 
     beforeEach(() => {
       setChartInformation = jest.fn()
-      subject = createSubject({ dataSources: dataSources, chart: { data: plotlyData, frames: [], layout: {} }, setChartInformation })
+      subject = createSubject({ dataSources, chart: { data: plotlyData, frames: [], layout: {} }, setChartInformation })
       setChartInformation.mockClear()
     })
 
@@ -186,7 +186,7 @@ describe('chart view', () => {
       subject.find(PlotlyEditor).props().onUpdate(data, {}, [])
 
       expect(setChartInformation).toHaveBeenCalledTimes(1)
-      expect(setChartInformation).toHaveBeenCalledWith({ data: data, layout: {}, frames: [] })
+      expect(setChartInformation).toHaveBeenCalledWith({ data, layout: {}, frames: [] })
     })
   })
 })

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

@@ -139,13 +139,15 @@ var _default = exports.default = /*#__PURE__*/function (_Component) {
         role: "link",
         className: "helpLink primary-color",
         target: "_blank",
-        href: "https://en.wikipedia.org/wiki/SQL_syntax"
+        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", {
         role: "link",
         id: "plotlyhelp",
         className: "helpLink primary-color",
         target: "_blank",
-        href: "https://plotly.com/chart-studio-help/tutorials/#basic"
+        href: "https://plotly.com/chart-studio-help/tutorials/#basic",
+        rel: "noreferrer"
       }, "Plot.ly Help")))), this.isNotDatasetDetailsTab() && /*#__PURE__*/_react.default.createElement("span", {
         className: "action-area"
       }, /*#__PURE__*/_react.default.createElement(_visualizationListMenuItem.default, {

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

@@ -18,6 +18,6 @@ describe('login view', () => {
     subject.find('.password').simulate('change', { target: { value: password } })
     subject.find('.submit').simulate('click')
 
-    expect(loginSpy).toHaveBeenCalledWith({ username: username, password: password, history: fakeHistory })
+    expect(loginSpy).toHaveBeenCalledWith({ username, password, history: fakeHistory })
   })
 })

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

@@ -82,7 +82,7 @@ describe('OAuth View', () => {
       subject = createSubject({
         callLoggedIn: callLoggedInHandler,
         history,
-        auth: { handleRedirectCallback: handleRedirectCallback, isLoading: false },
+        auth: { handleRedirectCallback, isLoading: false },
         setGlobalErrorState: setGlobalErrorStateHandler
       })
     })

package/lib/pages/user-profile-view/user-profile-view.test.js

@@ -35,7 +35,7 @@ describe('user profile view', () => {
       ]
 
       subject = createSubject({
-        visualizations: visualizations,
+        visualizations,
         auth: { isAuthenticated: true },
         loadSuccess: true
       }, mount)

package/lib/search-params/search-params-manager.js

@@ -15,6 +15,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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); }
 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); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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; }
 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; }
@@ -46,7 +52,7 @@ var SearchParamsManager = exports.SearchParamsManager = /*#__PURE__*/function ()
     this.sortOrder = this.getParam('sort') || defaults.sortOrder;
     this.page = Number.parseInt(this.getParam('page')) || defaults.page;
     this.searchText = this.getParam('q') || defaults.searchText;
-    this.facets = this.getParam('facets') || defaults.facets;
+    this.facets = this.getFacets(); // this.getParam('facets') || defaults.facets
   }
   return _createClass(SearchParamsManager, [{
     key: "getParam",
@@ -73,6 +79,25 @@ var SearchParamsManager = exports.SearchParamsManager = /*#__PURE__*/function ()
         page: 1
       });
     }
+  }, {
+    key: "getFacets",
+    value: function getFacets() {
+      var facets = this.getParam('facets');
+      if (!facets) return {};
+      var validFacets = Object.entries(facets).filter(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          _ = _ref2[1];
+        var hasInvalidBrackets = /[\[\]{}()]/.test(key);
+        return !hasInvalidBrackets;
+      }).map(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2),
+          key = _ref4[0],
+          value = _ref4[1];
+        return [key, Array.isArray(value) ? value : [value]];
+      });
+      return Object.fromEntries(validFacets);
+    }
   }, {
     key: "toggleFacet",
     value: function toggleFacet(name, value) {
@@ -128,7 +153,7 @@ var SearchParamsManager = exports.SearchParamsManager = /*#__PURE__*/function ()
       if (focusedElement !== null && focusedElement !== document.body) {
         focusedID = focusedElement.id;
       }
-      sessionStorage.setItem("cachedFocusedElement", focusedID);
+      sessionStorage.setItem('cachedFocusedElement', focusedID);
     }
   }]);
 }();
@@ -150,8 +175,8 @@ var withSearchParamsManager = exports.default = function withSearchParamsManager
     var searchParamsManager = new SearchParamsManager(history);
     var dispatchDatasetSearch = function dispatchDatasetSearch() {
       try {
-        var cachedElementID = sessionStorage.getItem("cachedFocusedElement");
-        sessionStorage.removeItem("cachedFocusedElement");
+        var cachedElementID = sessionStorage.getItem('cachedFocusedElement');
+        sessionStorage.removeItem('cachedFocusedElement');
         var cachedElement = document.getElementById(cachedElementID);
         cachedElement.focus();
       } catch (e) {}

package/lib/search-params/search-params-manager.test.js

@@ -444,8 +444,8 @@ describe('withSearchParamsManager', () => {
   })
 
   it('refocuses any cached element after the search', () => {
-    let fakeElementId = 'fakeElement'
-    let fakeElement = {focus: jest.fn()}
+    const fakeElementId = 'fakeElement'
+    const fakeElement = { focus: jest.fn() }
     sessionStorage.setItem('cachedFocusedElement', fakeElementId)
     document.getElementById = jest.fn(() => fakeElement)
 
@@ -487,4 +487,4 @@ function TestableProvider ({ children, store, ...props }) {
       {React.cloneElement(children, { ...props })}
     </Provider>
   )
-}
+}

package/lib/store/sagas/login-saga.test.js

@@ -33,9 +33,9 @@ describe('login-saga', () => {
     const response = {
       status: 200,
       headers: {
-        token: token
+        token
       },
-      data: data
+      data
     }
 
     beforeEach(() => {
@@ -63,7 +63,7 @@ describe('login-saga', () => {
     it('dispatches a LOGIN_FAILURE event based on 401 code', () => {
       const response = {
         status: 401,
-        data: data
+        data
       }
       mockAxios.get.mockImplementationOnce(() => (response))
 

package/lib/store/sagas/visualization-saga.js

@@ -281,40 +281,40 @@ function handleSaveResponse(clientFunction) {
 }
 function handleDeleteResponse(clientFunction) {
   var response;
-  return _regeneratorRuntime().wrap(function handleDeleteResponse$(_context10) {
-    while (1) switch (_context10.prev = _context10.next) {
+  return _regeneratorRuntime().wrap(function handleDeleteResponse$(_context0) {
+    while (1) switch (_context0.prev = _context0.next) {
       case 0:
-        _context10.prev = 0;
-        _context10.next = 3;
+        _context0.prev = 0;
+        _context0.next = 3;
         return (0, _effects.call)(clientFunction);
       case 3:
-        response = _context10.sent;
+        response = _context0.sent;
         if (!(response.status < 400)) {
-          _context10.next = 9;
+          _context0.next = 9;
           break;
         }
-        _context10.next = 7;
+        _context0.next = 7;
         return (0, _effects.put)((0, _actions.visualizationDeleteSuccess)());
       case 7:
-        _context10.next = 11;
+        _context0.next = 11;
         break;
       case 9:
-        _context10.next = 11;
+        _context0.next = 11;
         return (0, _effects.put)((0, _actions.visualizationDeleteFailure)(response.status));
       case 11:
-        _context10.next = 17;
+        _context0.next = 17;
         break;
       case 13:
-        _context10.prev = 13;
-        _context10.t0 = _context10["catch"](0);
-        _context10.next = 17;
-        return (0, _effects.put)((0, _actions.visualizationDeleteFailure)(_context10.t0.message));
+        _context0.prev = 13;
+        _context0.t0 = _context0["catch"](0);
+        _context0.next = 17;
+        return (0, _effects.put)((0, _actions.visualizationDeleteFailure)(_context0.t0.message));
       case 17:
-        _context10.next = 19;
+        _context0.next = 19;
         return (0, _effects.put)((0, _actions.visualizationsLoadAll)());
       case 19:
       case "end":
-        return _context10.stop();
+        return _context0.stop();
     }
   }, _marked7, null, [[0, 13]]);
 }
@@ -322,50 +322,50 @@ function loadDatasetReferences(_ref4) {
   var value = _ref4.value;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
     var _iterator, _step, datasetId;
-    return _regeneratorRuntime().wrap(function _callee4$(_context11) {
-      while (1) switch (_context11.prev = _context11.next) {
+    return _regeneratorRuntime().wrap(function _callee4$(_context1) {
+      while (1) switch (_context1.prev = _context1.next) {
         case 0:
           _iterator = _createForOfIteratorHelper(value.usedDatasets);
-          _context11.prev = 1;
+          _context1.prev = 1;
           _iterator.s();
         case 3:
           if ((_step = _iterator.n()).done) {
-            _context11.next = 9;
+            _context1.next = 9;
             break;
           }
           datasetId = _step.value;
-          _context11.next = 7;
+          _context1.next = 7;
           return (0, _effects.put)((0, _actions.retrieveDatasetReference)(datasetId));
         case 7:
-          _context11.next = 3;
+          _context1.next = 3;
           break;
         case 9:
-          _context11.next = 14;
+          _context1.next = 14;
           break;
         case 11:
-          _context11.prev = 11;
-          _context11.t0 = _context11["catch"](1);
-          _iterator.e(_context11.t0);
+          _context1.prev = 11;
+          _context1.t0 = _context1["catch"](1);
+          _iterator.e(_context1.t0);
         case 14:
-          _context11.prev = 14;
+          _context1.prev = 14;
           _iterator.f();
-          return _context11.finish(14);
+          return _context1.finish(14);
         case 17:
         case "end":
-          return _context11.stop();
+          return _context1.stop();
       }
     }, _callee4, null, [[1, 11, 14, 17]]);
   })();
 }
 function visualizationSaga() {
-  return _regeneratorRuntime().wrap(function visualizationSaga$(_context12) {
-    while (1) switch (_context12.prev = _context12.next) {
+  return _regeneratorRuntime().wrap(function visualizationSaga$(_context10) {
+    while (1) switch (_context10.prev = _context10.next) {
       case 0:
-        _context12.next = 2;
+        _context10.next = 2;
         return (0, _effects.all)([(0, _effects.fork)(loadVisualizationSaga), (0, _effects.fork)(saveVisualizationSaga), (0, _effects.fork)(loadUserVisualizationsSaga), (0, _effects.fork)(deleteVisualizationSaga)]);
       case 2:
       case "end":
-        return _context12.stop();
+        return _context10.stop();
     }
   }, _marked8);
 }

package/lib/store/sagas/visualization-saga.test.js

@@ -158,8 +158,8 @@ describe('visualization-saga', () => {
         it('calls api with parameters that include a dereferenced chart', () => {
           expect(AuthenticatedHTTPClient.post).toHaveBeenCalledWith('/api/v1/visualization',
             {
-              title: title,
-              query: query,
+              title,
+              query,
               chart: { data: [{ x: null, xsrc: 'col1' }], frames: [], layout: {} }
             }
           )
@@ -238,9 +238,9 @@ describe('visualization-saga', () => {
         it('calls api with parameters that include a dereferenced chart', () => {
           expect(AuthenticatedHTTPClient.put).toHaveBeenCalledWith(`/api/v1/visualization/${id}`,
             {
-              id: id,
-              title: title,
-              query: query,
+              id,
+              title,
+              query,
               chart: { data: [{ x: null, xsrc: 'col1' }], frames: [], layout: {} }
             }
           )
@@ -295,8 +295,8 @@ describe('visualization-saga', () => {
         it('calls api with parameters that include a dereferenced chart', () => {
           expect(AuthenticatedHTTPClient.post).toHaveBeenCalledWith('/api/v1/visualization',
             {
-              title: title,
-              query: query,
+              title,
+              query,
               chart: { data: [{ x: null, xsrc: 'col1' }], frames: [], layout: {} }
             }
           )

package/lib/utils/geojson-utils.test.js

@@ -3,7 +3,7 @@ import { GeoJsonUtils } from './'
 describe('determine bounding box', () => {
   it('returns bbox when present on the dataset', () => {
     const bbox = [5, 4, 3, 2]
-    const geoJsonData = { bbox: bbox }
+    const geoJsonData = { bbox }
 
     const result = GeoJsonUtils.determineBBox(geoJsonData)
 

package/lib/utils/modified-date-string-builder.js

@@ -22,7 +22,7 @@ var buildDate = function buildDate(date, format) {
   if (!date) return NO_DATE_MESSAGE;
   return _luxon.DateTime.fromISO(date, {
     zone: 'utc'
-  }).endOf("day").setZone('local').toLocaleString(format);
+  }).endOf('day').setZone('local').toLocaleString(format);
 };
 var _default = exports.default = {
   createDateString: createDateString

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbanos/react-discovery-ui",
-  "version": "2.1.52",
+  "version": "2.1.54",
   "description": "React component for dataset discovery UI",
   "main": "./lib/ReactDiscoveryUI.js",
   "repository": {
@@ -44,11 +44,11 @@
     "react": "^16.14.0",
     "react-aria-modal": "^4.0.2",
     "react-autosize-textarea": "^7.1.0",
-    "react-chart-editor": "^0.45.0",
+    "react-chart-editor": "^0.46.1",
     "react-collapse": "^4.0.3",
     "react-copy-to-clipboard": "^5.1.0",
     "react-device-detect": "^2.2.3",
-    "react-dom": "~16.8.6",
+    "react-dom": "~16.14.0",
     "react-gtm-module": "^2.0.11",
     "react-image-fallback": "^8.0.0",
     "react-intl": "^5.25.1",
@@ -97,9 +97,9 @@
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^7.26.7",
     "@babel/preset-react": "^7.26.3",
+    "@svgr/webpack": "^8.1.0",
     "babel-jest": "^29.7.0",
     "babel-loader": "^8.4.1",
-    "babel-plugin-inline-svg": "^1.2.0",
     "copy-webpack-plugin": "^11.0.0",
     "create-react-component-folder": "^0.3.7",
     "cross-env": "^7.0.3",
@@ -144,7 +144,7 @@
     "moduleNameMapper": {
       ".+\\.(jpg|jpeg|png|gif)$": "<rootDir>/test-helpers/image-mock.js",
       "\\.(css|scss)$": "identity-obj-proxy",
-      "\\.(svg)$": "<rootDir>/test-helpers/mock-svg-string.js"
+      "\\.(svg)$": "<rootDir>/test-helpers/mock-svg-element.js"
     },
     "testPathIgnorePatterns": [
       "/node_modules/",