@urbanos/react-discovery-ui 2.1.51 → 2.1.53

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-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,12 @@ 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"
+    }, dataset.describedByUrl) : /*#__PURE__*/_react.default.createElement("span", null, "Unavailable")
   }, {
     Field: 'Data Dictionary Type',
     Value: dataset.describedByMimeType
@@ -133,39 +135,43 @@ 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"
+    }, (_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"
       }, 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"
+    }, (_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"
+    }, (_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/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;
   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/pages/dataset-detail-view/dataset-detail-view.scss

@@ -89,7 +89,7 @@ dataset-detail-view {
     dataset-detail-view .name, dataset-organization .name {
       font-size:1rem;
       line-height:1.4;
-      color:#999999;
+      color:#555555;
       font-weight:normal;
     } 
     dataset-organization .organization-header {

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) {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbanos/react-discovery-ui",
-  "version": "2.1.51",
+  "version": "2.1.53",
   "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/",