solid-ui 2.4.9 → 2.4.10-2c0725ed

package/lib/versionInfo.d.ts

@@ -7,7 +7,6 @@ declare const _default: {
         ares: string;
         brotli: string;
         cldr: string;
-        http_parser: string;
         icu: string;
         llhttp: string;
         modules: string;

package/lib/versionInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"versionInfo.d.ts","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwBC"}
+{"version":3,"file":"versionInfo.d.ts","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAuBC"}

package/lib/versionInfo.js

@@ -5,26 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-10-14T11:16:25Z',
-  commit: 'd2215c66e5aee439a963ecd710560be1a6874772',
+  buildTime: '2021-10-31T05:58:44Z',
+  commit: '2c0725ed22e572a97859cb77ef4ea87e40fb990b',
   npmInfo: {
-    'solid-ui': '2.4.9-beta',
-    npm: '6.10.0',
-    ares: '1.15.0',
-    brotli: '1.0.7',
-    cldr: '35.1',
-    http_parser: '2.8.0',
-    icu: '64.2',
-    llhttp: '1.1.4',
-    modules: '72',
-    napi: '4',
-    nghttp2: '1.39.1',
-    node: '12.7.0',
-    openssl: '1.1.1c',
-    tz: '2019a',
-    unicode: '12.1',
-    uv: '1.30.1',
-    v8: '7.5.288.22-node.16',
+    'solid-ui': '2.4.10',
+    npm: '6.14.15',
+    ares: '1.17.2',
+    brotli: '1.0.9',
+    cldr: '39.0',
+    icu: '69.1',
+    llhttp: '2.1.4',
+    modules: '83',
+    napi: '8',
+    nghttp2: '1.42.0',
+    node: '14.18.1',
+    openssl: '1.1.1l',
+    tz: '2021a',
+    unicode: '13.0',
+    uv: '1.42.0',
+    v8: '8.4.371.23-node.84',
     zlib: '1.2.11'
   }
 };

package/lib/versionInfo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/versionInfo.ts"],"names":["buildTime","commit","npmInfo","npm","ares","brotli","cldr","http_parser","icu","llhttp","modules","napi","nghttp2","node","openssl","tz","unicode","uv","v8","zlib"],"mappings":";;;;;;eAAe;AACbA,EAAAA,SAAS,EAAE,sBADE;AAEbC,EAAAA,MAAM,EAAE,0CAFK;AAGbC,EAAAA,OAAO,EACT;AACE,gBAAY,YADd;AAEEC,IAAAA,GAAG,EAAE,QAFP;AAGEC,IAAAA,IAAI,EAAE,QAHR;AAIEC,IAAAA,MAAM,EAAE,OAJV;AAKEC,IAAAA,IAAI,EAAE,MALR;AAMEC,IAAAA,WAAW,EAAE,OANf;AAOEC,IAAAA,GAAG,EAAE,MAPP;AAQEC,IAAAA,MAAM,EAAE,OARV;AASEC,IAAAA,OAAO,EAAE,IATX;AAUEC,IAAAA,IAAI,EAAE,GAVR;AAWEC,IAAAA,OAAO,EAAE,QAXX;AAYEC,IAAAA,IAAI,EAAE,QAZR;AAaEC,IAAAA,OAAO,EAAE,QAbX;AAcEC,IAAAA,EAAE,EAAE,OAdN;AAeEC,IAAAA,OAAO,EAAE,MAfX;AAgBEC,IAAAA,EAAE,EAAE,QAhBN;AAiBEC,IAAAA,EAAE,EAAE,oBAjBN;AAkBEC,IAAAA,IAAI,EAAE;AAlBR;AAJe,C","sourcesContent":["export default {\n  buildTime: '2021-10-14T11:16:25Z',\n  commit: 'd2215c66e5aee439a963ecd710560be1a6874772',\n  npmInfo:\n{\n  'solid-ui': '2.4.9-beta',\n  npm: '6.10.0',\n  ares: '1.15.0',\n  brotli: '1.0.7',\n  cldr: '35.1',\n  http_parser: '2.8.0',\n  icu: '64.2',\n  llhttp: '1.1.4',\n  modules: '72',\n  napi: '4',\n  nghttp2: '1.39.1',\n  node: '12.7.0',\n  openssl: '1.1.1c',\n  tz: '2019a',\n  unicode: '12.1',\n  uv: '1.30.1',\n  v8: '7.5.288.22-node.16',\n  zlib: '1.2.11'\n}\n}\n"],"file":"versionInfo.js"}
+{"version":3,"sources":["../src/versionInfo.ts"],"names":["buildTime","commit","npmInfo","npm","ares","brotli","cldr","icu","llhttp","modules","napi","nghttp2","node","openssl","tz","unicode","uv","v8","zlib"],"mappings":";;;;;;eAAe;AACbA,EAAAA,SAAS,EAAE,sBADE;AAEbC,EAAAA,MAAM,EAAE,0CAFK;AAGbC,EAAAA,OAAO,EACT;AACE,gBAAY,QADd;AAEEC,IAAAA,GAAG,EAAE,SAFP;AAGEC,IAAAA,IAAI,EAAE,QAHR;AAIEC,IAAAA,MAAM,EAAE,OAJV;AAKEC,IAAAA,IAAI,EAAE,MALR;AAMEC,IAAAA,GAAG,EAAE,MANP;AAOEC,IAAAA,MAAM,EAAE,OAPV;AAQEC,IAAAA,OAAO,EAAE,IARX;AASEC,IAAAA,IAAI,EAAE,GATR;AAUEC,IAAAA,OAAO,EAAE,QAVX;AAWEC,IAAAA,IAAI,EAAE,SAXR;AAYEC,IAAAA,OAAO,EAAE,QAZX;AAaEC,IAAAA,EAAE,EAAE,OAbN;AAcEC,IAAAA,OAAO,EAAE,MAdX;AAeEC,IAAAA,EAAE,EAAE,QAfN;AAgBEC,IAAAA,EAAE,EAAE,oBAhBN;AAiBEC,IAAAA,IAAI,EAAE;AAjBR;AAJe,C","sourcesContent":["export default {\n  buildTime: '2021-10-31T05:58:44Z',\n  commit: '2c0725ed22e572a97859cb77ef4ea87e40fb990b',\n  npmInfo:\n{\n  'solid-ui': '2.4.10',\n  npm: '6.14.15',\n  ares: '1.17.2',\n  brotli: '1.0.9',\n  cldr: '39.0',\n  icu: '69.1',\n  llhttp: '2.1.4',\n  modules: '83',\n  napi: '8',\n  nghttp2: '1.42.0',\n  node: '14.18.1',\n  openssl: '1.1.1l',\n  tz: '2021a',\n  unicode: '13.0',\n  uv: '1.42.0',\n  v8: '8.4.371.23-node.84',\n  zlib: '1.2.11'\n}\n}\n"],"file":"versionInfo.js"}

package/lib/webpack-bundle.js

@@ -4576,8 +4576,8 @@ function selectWorkspace(dom, appDetails, callbackWS) {
     div: box
   };
 
-  function say(s) {
-    box.appendChild(widgets.errorMessageBlock(dom, s));
+  function say(s, background) {
+    box.appendChild(widgets.errorMessageBlock(dom, s, background));
   }
 
   function figureOutBase(ws) {
@@ -4665,17 +4665,17 @@ function selectWorkspace(dom, appDetails, callbackWS) {
 
 
     if (w.length === 0 && storages) {
-      say("You don't seem to have any workspaces. You have ".concat(storages.length, " storage spaces."));
+      say("You don't seem to have any workspaces. You have ".concat(storages.length, " storage spaces."), 'white');
       storages.map(function (s) {
         w = w.concat(_logic.solidLogicSingleton.store.each(s, ns.ldp('contains')));
         return w;
       }).filter(function (file) {
-        return ['public', 'private'].includes(file.id().toLowerCase());
+        return file.id ? ['public', 'private'].includes(file.id().toLowerCase()) : '';
       });
     }
 
     if (w.length === 1) {
-      say("Workspace used: ".concat(w[0].uri)); // @@ allow user to see URI
+      say("Workspace used: ".concat(w[0].uri), 'white'); // @@ allow user to see URI
 
       newBase = figureOutBase(w[0]); // callbackWS(w[0], newBase)
       // } else if (w.length === 0) {
@@ -8576,6 +8576,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createBanner = createBanner;
+exports.createHelpMenu = createHelpMenu;
 exports.createLoginSignUpButtons = createLoginSignUpButtons;
 exports.createUserMenu = createUserMenu;
 exports.createUserMenuButton = createUserMenuButton;
@@ -8589,6 +8590,8 @@ var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime
 
 var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
 
+var _ = __webpack_require__(/*! .. */ "./lib/index.js");
+
 var _authn = __webpack_require__(/*! ../authn/authn */ "./lib/authn/authn.js");
 
 var widgets = _interopRequireWildcard(__webpack_require__(/*! ../widgets */ "./lib/widgets/index.js"));
@@ -8697,7 +8700,7 @@ function createBanner(_x3, _x4, _x5, _x6) {
 
 function _createBanner() {
   _createBanner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(store, pod, user, options) {
-    var podLink, image, menu, banner;
+    var podLink, image, userMenu, helpMenu, banner, leftSideOfHeader;
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
@@ -8731,14 +8734,19 @@ function _createBanner() {
             _context3.t0 = createLoginSignUpButtons();
 
           case 14:
-            menu = _context3.t0;
+            userMenu = _context3.t0;
+            helpMenu = createHelpMenu();
             banner = document.createElement('div');
             (0, _headerHelpers.addStyleClassToElement)(banner, ['header-banner']);
             banner.appendChild(podLink);
-            banner.appendChild(menu);
+            leftSideOfHeader = document.createElement('div');
+            (0, _headerHelpers.addStyleClassToElement)(leftSideOfHeader, ['header-banner__right-menu']);
+            leftSideOfHeader.appendChild(userMenu);
+            leftSideOfHeader.appendChild(helpMenu);
+            banner.appendChild(leftSideOfHeader);
             return _context3.abrupt("return", banner);
 
-          case 20:
+          case 25:
           case "end":
             return _context3.stop();
         }
@@ -8748,6 +8756,51 @@ function _createBanner() {
   return _createBanner.apply(this, arguments);
 }
 
+function createHelpMenu() {
+  var helpMenuList = document.createElement('ul');
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuList, ['header-user-menu__list']);
+  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('User guide', 'https://github.com/solid/userguide', '_blank')));
+  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('Report a problem', 'https://github.com/solid/solidos/issues', '_blank')));
+  var helpMenu = document.createElement('nav');
+  (0, _headerHelpers.addStyleClassToElement)(helpMenu, ['header-user-menu__navigation-menu']);
+  helpMenu.setAttribute('aria-hidden', 'true');
+  helpMenu.appendChild(helpMenuList);
+  var helpIcon = _.icons.iconBase + 'noun_144.svg';
+  var helpMenuContainer = document.createElement('div');
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuContainer, ['header-banner__user-menu']);
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuContainer, ['header-user-menu']);
+  helpMenuContainer.appendChild(helpMenu);
+  var helpMenuTrigger = document.createElement('button');
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuTrigger, ['header-user-menu__trigger']);
+  helpMenuTrigger.type = 'button';
+  var helpMenuIcon = document.createElement('img');
+  helpMenuIcon.src = helpIcon;
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuIcon, ['header-banner__help-icon']);
+  helpMenuContainer.appendChild(helpMenuTrigger);
+  helpMenuTrigger.appendChild(helpMenuIcon);
+  var throttledMenuToggle = (0, _headerHelpers.throttle)(function (event) {
+    return toggleMenu(event, helpMenuTrigger, helpMenu);
+  }, 50);
+  helpMenuTrigger.addEventListener('click', throttledMenuToggle);
+  var timer = setTimeout(function () {
+    return null;
+  }, 0);
+  helpMenuContainer.addEventListener('mouseover', function (event) {
+    clearTimeout(timer);
+    throttledMenuToggle(event);
+  });
+  helpMenuContainer.addEventListener('mouseout', function (event) {
+    timer = setTimeout(function () {
+      return throttledMenuToggle(event);
+    }, 200);
+  });
+  return helpMenuContainer;
+}
+/**
+ * @ignore exporting this only for the unit test
+ */
+
+
 function createLoginSignUpButtons() {
   var profileLoginButtonPre = document.createElement('div');
   (0, _headerHelpers.addStyleClassToElement)(profileLoginButtonPre, ['header-banner__login']);
@@ -8771,11 +8824,12 @@ function createUserMenuButton(label, onClick) {
  */
 
 
-function createUserMenuLink(label, href) {
+function createUserMenuLink(label, href, target) {
   var link = document.createElement('a');
   (0, _headerHelpers.addStyleClassToElement)(link, ['header-user-menu__link']);
   link.href = href;
   link.innerText = label;
+  if (target) link.target = target;
   return link;
 }
 /**
@@ -8956,7 +9010,11 @@ var styleMap = {
     padding: '1em',
     width: '100%',
     '&:focus, &:hover': {
-      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)' // backgroundColor: '#eee'
+
+    },
+    a: {
+      textDecoration: 'none'
     }
   },
   'header-user-menu__trigger': {
@@ -9021,7 +9079,6 @@ var styleMap = {
     backgroundPosition: 'center',
     backgroundRepeat: 'no-repeat',
     backgroundSize: 'cover',
-    margin: '5px',
     height: '50px',
     // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px
     width: '50px'
@@ -9030,12 +9087,16 @@ var styleMap = {
     boxShadow: '0px 1px 4px #000000',
     // the color was defined in mashlib as a SASS variable $divider_color
     display: 'flex',
+    justifyContent: 'space-between',
     padding: '0 1.5em',
     marginBottom: '4px'
   },
   'header-banner__link': {
     display: 'block'
   },
+  'header-banner__right-menu': {
+    display: 'flex'
+  },
   'header-banner__login': {
     marginLeft: 'auto',
     input: {
@@ -9049,12 +9110,24 @@ var styleMap = {
     // the color was defined in mashlib as a SASS variable $divider_color
     marginLeft: 'auto'
   },
+  'header-banner__help-menu': {
+    borderLeft: 'solid 1px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    marginLeft: 'auto'
+  },
   'header-banner__icon': {
     backgroundSize: '65px 60px',
     height: '60px !important',
     // this is the icon size
     width: '65px !important' // may just be 65px round($icon-size * 352 / 322);
 
+  },
+  'header-banner__help-icon': {
+    backgroundSize: '55px 50px',
+    height: '50px !important',
+    // this is the icon size
+    width: '55px !important' // may just be 65px round($icon-size * 352 / 430);
+
   }
 };
 exports.styleMap = styleMap;
@@ -15315,26 +15388,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-10-14T11:16:25Z',
-  commit: 'd2215c66e5aee439a963ecd710560be1a6874772',
+  buildTime: '2021-10-31T05:58:44Z',
+  commit: '2c0725ed22e572a97859cb77ef4ea87e40fb990b',
   npmInfo: {
-    'solid-ui': '2.4.9-beta',
-    npm: '6.10.0',
-    ares: '1.15.0',
-    brotli: '1.0.7',
-    cldr: '35.1',
-    http_parser: '2.8.0',
-    icu: '64.2',
-    llhttp: '1.1.4',
-    modules: '72',
-    napi: '4',
-    nghttp2: '1.39.1',
-    node: '12.7.0',
-    openssl: '1.1.1c',
-    tz: '2019a',
-    unicode: '12.1',
-    uv: '1.30.1',
-    v8: '7.5.288.22-node.16',
+    'solid-ui': '2.4.10',
+    npm: '6.14.15',
+    ares: '1.17.2',
+    brotli: '1.0.9',
+    cldr: '39.0',
+    icu: '69.1',
+    llhttp: '2.1.4',
+    modules: '83',
+    napi: '8',
+    nghttp2: '1.42.0',
+    node: '14.18.1',
+    openssl: '1.1.1l',
+    tz: '2021a',
+    unicode: '13.0',
+    uv: '1.42.0',
+    v8: '8.4.371.23-node.84',
     zlib: '1.2.11'
   }
 };