@urbanos/react-discovery-ui 2.1.55 → 2.1.56

package/lib/components/data-view/data-view.js

@@ -184,7 +184,7 @@ var DataTable = function DataTable(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement("table", {
     ref: tableRef,
-    role: "grid",
+    role: "table",
     tabIndex: 0,
     "aria-activedescendant": activeCellId,
     "aria-rowcount": dataRows.length + 1,

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

@@ -88,7 +88,7 @@ var MetadataTable = function MetadataTable(_ref) {
   })));
 };
 var _default = exports.default = function _default(_ref2) {
-  var _dataset$homepage, _dataset$sourceUrl, _dataset$license;
+  var _dataset$homepage, _dataset$sourceUrl, _dataset$license, _dataset$license2;
   var dataset = _ref2.dataset;
   if (!dataset) return /*#__PURE__*/_react.default.createElement("div", null);
   var referenceUrls = dataset.referenceUrls || [];
@@ -174,9 +174,9 @@ var _default = exports.default = function _default(_ref2) {
       role: "link",
       href: dataset.license,
       target: "_blank",
-      "aria-label": "License URL",
+      "aria-label": (_dataset$license = dataset.license) !== null && _dataset$license !== void 0 ? _dataset$license : 'Unavailable',
       rel: "noreferrer"
-    }, (_dataset$license = dataset.license) !== null && _dataset$license !== void 0 ? _dataset$license : 'Unavailable') : /*#__PURE__*/_react.default.createElement("span", null, "Unavailable")
+    }, (_dataset$license2 = dataset.license) !== null && _dataset$license2 !== void 0 ? _dataset$license2 : 'Unavailable') : /*#__PURE__*/_react.default.createElement("span", null, "Unavailable")
   }, {
     Field: 'Category',
     Value: dataset.catagories

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

@@ -31,4 +31,8 @@ dataset-metadata {
   a {
     @include sub-link();
   }
+
+  td {
+    overflow-wrap: anywhere;
+  }
 }

package/lib/components/facet-sidebar/facet-sidebar.scss

@@ -6,8 +6,6 @@
   flex-direction: column;
   padding: 0 2em 0 0;
   float: left;
-  margin-top: 20px;
-
 }
 
 .checkbox-label {
@@ -98,9 +96,6 @@
     background-size: 28px 28px;
   }
 
-  login-zone login-svgs-and-text span {
-    display: none;
-  }
 
   login-zone login-svgs-and-text .MuiSvgIcon-root {
     font-size: 2.4rem;

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

@@ -17,6 +17,7 @@ var _default = exports.default = function _default(_ref) {
     innerClass = _ref.innerClass;
   return /*#__PURE__*/React.createElement("button", {
     disabled: disabled,
+    "aria-label": "Previous page",
     className: "".concat(className, " ").concat(disabled ? 'disabled' : ''),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(_arrow_left.default, {

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

@@ -17,6 +17,7 @@ var _default = exports.default = function _default(_ref) {
     innerClass = _ref.innerClass;
   return /*#__PURE__*/React.createElement("button", {
     disabled: disabled,
+    "aria-label": "Next page",
     className: "".concat(className, " ").concat(disabled ? 'disabled' : ''),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(_arrow_right.default, {

package/lib/components/organization/organization.js

@@ -12,6 +12,7 @@ var _default = exports.default = function _default(_ref) {
     className: "organization-header"
   }, "Organization Info"), /*#__PURE__*/React.createElement("a", {
     role: "link",
+    "aria-label": "View ".concat(organization.title, " datasets"),
     href: "/?".concat(_utils.QueryStringBuilder.createFilterQueryString('organization', organization.title))
   }, /*#__PURE__*/React.createElement("img", {
     "data-testid": "organization-logo",

package/lib/components/share/share.scss

@@ -63,4 +63,21 @@ share-zone {
         display: flex;
         padding: 6px;
     }
-}
+
+    @media only screen and (max-width: 600px) {
+        .share-icons {
+            flex-wrap: wrap;
+            gap: 0.5rem;
+        }
+
+        .shareButton {
+            margin: 0;
+            flex: 0 0 32px;
+        }
+
+        .button.clipboard {
+            width: 100%;
+            justify-content: center;
+        }
+    }
+}

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

@@ -2,6 +2,22 @@
 
 dataset-detail-view {
   @include page-with-left-bar();
+  display: flex;
+  align-items: flex-start;
+  gap: 2rem;
+
+  .left-section {
+    float: none;
+    width: min-content;
+    flex: 0 0 auto;
+  }
+
+  .right-section {
+    float: none;
+    width: auto;
+    flex: 1 1 auto;
+    min-width: 0;
+  }
 
   dataset-api-doc {
     margin-top: 2.5rem
@@ -61,6 +77,8 @@ dataset-detail-view {
   }
 
   @media only screen and (max-width: 600px) {
+    display: block;
+
     .dataset-detail-view {
       min-width:400px;
       padding:4%;  
@@ -70,15 +88,14 @@ dataset-detail-view {
     } 
     .left-section, .right-section {
       width:100%;
-      float:left;
+      float:none;
       clear:both;
       display:block;
     }
     dataset-organization .logo {
-      display:none;
-    }
-    share-zone {
-      display:none;
+      display:block;
+      max-width:120px;
+      margin:0.75rem 0;
     }
     .download-button {
       display:none;
@@ -93,7 +110,7 @@ dataset-detail-view {
       font-weight:normal;
     } 
     dataset-organization .organization-header {
-      display:none;
+      display:block;
     }
     dataset-details .name {
       font-size:1.5rem;
@@ -116,7 +133,9 @@ dataset-detail-view {
       text-transform:uppercase;
     }
     dataset-organization .description {
-      display:none;
+      display:block;
+      font-size:0.9rem;
+      line-height:1.3;
     } 
     api-example .example-table {
       font-size:0.8em;

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

@@ -81,11 +81,7 @@ var DatasetListView = function DatasetListView(props) {
     callback: searchParamsManager.updateSearchText
   }), /*#__PURE__*/React.createElement("div", {
     className: "left-section"
-  }, /*#__PURE__*/React.createElement(_auth0LoginZone.default, null), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '0.5rem'
-    }
-  }, /*#__PURE__*/React.createElement(_checkbox.default, {
+  }, /*#__PURE__*/React.createElement(_auth0LoginZone.default, null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_checkbox.default, {
     id: "toggleAPIDatasets",
     clickHandler: searchParamsManager.toggleApiAccessible,
     text: "Only Show API Accessible Datasets",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbanos/react-discovery-ui",
-  "version": "2.1.55",
+  "version": "2.1.56",
   "description": "React component for dataset discovery UI",
   "main": "./lib/ReactDiscoveryUI.js",
   "repository": {