solid-ui 2.4.9-beta-c74447e5 → 2.4.10-2c0725ed

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,20 +15388,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-10-13T07:58:57Z',
-  commit: 'c74447e508fa3431594ee9a0210f2a41118ed28b',
+  buildTime: '2021-10-31T05:58:44Z',
+  commit: '2c0725ed22e572a97859cb77ef4ea87e40fb990b',
   npmInfo: {
-    'solid-ui': '2.4.9-beta',
+    '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.3',
+    llhttp: '2.1.4',
     modules: '83',
     napi: '8',
     nghttp2: '1.42.0',
-    node: '14.18.0',
+    node: '14.18.1',
     openssl: '1.1.1l',
     tz: '2021a',
     unicode: '13.0',
@@ -78335,7 +78408,7 @@ var SolidAuthnLogic = /** @class */ (function () {
     }
     SolidAuthnLogic.prototype.currentUser = function () {
         var _a;
-        return ((_a = this.session) === null || _a === void 0 ? void 0 : _a.info.webId) ? rdflib_1.sym(this.session.info.webId) : null;
+        return ((_a = this.session) === null || _a === void 0 ? void 0 : _a.info.webId) ? (0, rdflib_1.sym)(this.session.info.webId) : null;
     };
     return SolidAuthnLogic;
 }());
@@ -78460,11 +78533,11 @@ var ChatLogic = /** @class */ (function () {
                         return [4 /*yield*/, this.store.fetcher.load(privateTypeIndex)];
                     case 1:
                         _a.sent();
-                        reg = uri_1.newThing(privateTypeIndex);
+                        reg = (0, uri_1.newThing)(privateTypeIndex);
                         ins = [
-                            rdflib_1.st(reg, this.ns.rdf("type"), this.ns.solid("TypeRegistration"), privateTypeIndex.doc()),
-                            rdflib_1.st(reg, this.ns.solid("forClass"), this.ns.meeting("LongChat"), privateTypeIndex.doc()),
-                            rdflib_1.st(reg, this.ns.solid("instance"), chatThing, privateTypeIndex.doc()),
+                            (0, rdflib_1.st)(reg, this.ns.rdf("type"), this.ns.solid("TypeRegistration"), privateTypeIndex.doc()),
+                            (0, rdflib_1.st)(reg, this.ns.solid("forClass"), this.ns.meeting("LongChat"), privateTypeIndex.doc()),
+                            (0, rdflib_1.st)(reg, this.ns.solid("instance"), chatThing, privateTypeIndex.doc()),
                         ];
                         return [4 /*yield*/, new Promise(function (resolve, reject) {
                                 _this.store.updater.update([], ins, function (_uri, ok, errm) {
@@ -78494,7 +78567,7 @@ var ChatLogic = /** @class */ (function () {
                         return [4 /*yield*/, this.profile.getPodRoot(me)];
                     case 2:
                         podRoot = _a.sent();
-                        chatContainer = determineChatContainer_1.determineChatContainer(invitee, podRoot);
+                        chatContainer = (0, determineChatContainer_1.determineChatContainer)(invitee, podRoot);
                         exists = true;
                         _a.label = 3;
                     case 3:
@@ -78540,7 +78613,7 @@ var ChatLogic = /** @class */ (function () {
         var newChatDoc = newInstance.doc();
         kb.add(newInstance, this.ns.rdf("type"), this.ns.meeting("LongChat"), newChatDoc);
         kb.add(newInstance, this.ns.dc("title"), "Chat channel", newChatDoc);
-        kb.add(newInstance, this.ns.dc("created"), rdflib_1.term(new Date(Date.now())), newChatDoc);
+        kb.add(newInstance, this.ns.dc("created"), (0, rdflib_1.term)(new Date(Date.now())), newChatDoc);
         if (newPaneOptions.me) {
             kb.add(newInstance, this.ns.dc("author"), newPaneOptions.me, newChatDoc);
         }
@@ -78796,7 +78869,7 @@ var ProfileLogic_1 = __webpack_require__(/*! ./profile/ProfileLogic */ "./node_m
 var UtilityLogic_1 = __webpack_require__(/*! ./util/UtilityLogic */ "./node_modules/solid-logic/lib/util/UtilityLogic.js");
 var UtilityLogic_2 = __webpack_require__(/*! ./util/UtilityLogic */ "./node_modules/solid-logic/lib/util/UtilityLogic.js");
 Object.defineProperty(exports, "ACL_LINK", { enumerable: true, get: function () { return UtilityLogic_2.ACL_LINK; } });
-var ns = solid_namespace_1.default(rdf);
+var ns = (0, solid_namespace_1.default)(rdf);
 var SolidLogic = /** @class */ (function () {
     function SolidLogic(fetcher, solidAuthSession) {
         this.store = rdf.graph(); // Make a Quad store
@@ -79222,7 +79295,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.newThing = void 0;
 var rdflib_1 = __webpack_require__(/*! rdflib */ "./node_modules/rdflib/esm/index.js");
 function newThing(doc) {
-    return rdflib_1.sym(doc.uri + "#" + "id" + ("" + Date.now()));
+    return (0, rdflib_1.sym)(doc.uri + "#" + "id" + ("" + Date.now()));
 }
 exports.newThing = newThing;
 //# sourceMappingURL=uri.js.map
@@ -79277,7 +79350,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UtilityLogic = exports.ACL_LINK = void 0;
 var rdflib_1 = __webpack_require__(/*! rdflib */ "./node_modules/rdflib/esm/index.js");
-exports.ACL_LINK = rdflib_1.sym("http://www.iana.org/assignments/link-relations/acl");
+exports.ACL_LINK = (0, rdflib_1.sym)("http://www.iana.org/assignments/link-relations/acl");
 /**
  * Utility-related logic
  */