@nauedu/frontend-component-header 18.2.0 → 20.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nauedu/frontend-component-header",
-  "version": "18.2.0",
+  "version": "20.0.0",
   "description": "NAU header component for Open edX",
   "main": "dist/index.js",
   "publishConfig": {
@@ -10,18 +10,16 @@
     "build": "make build",
     "i18n_extract": "fedx-scripts formatjs extract",
     "lint": "fedx-scripts eslint --ext .js --ext .jsx .",
+    "lint:fix": "fedx-scripts eslint --fix --ext .js --ext .jsx .",
     "snapshot": "fedx-scripts jest --updateSnapshot",
     "start": "fedx-scripts webpack-dev-server --progress",
-    "test": "fedx-scripts jest --coverage"
+    "test": "fedx-scripts jest --coverage",
+    "test:dev": "fedx-scripts jest --watchAll",
+    "types": "tsc --noEmit"
   },
   "files": [
     "/dist"
   ],
-  "husky": {
-    "hooks": {
-      "pre-commit": "npm run lint"
-    }
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/fccn/frontend-component-header-nau.git"
@@ -35,42 +33,42 @@
   "devDependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
     "@edx/browserslist-config": "^1.1.1",
-    "@edx/frontend-platform": "8.0.0",
+    "@edx/frontend-platform": "^8.3.1",
     "@edx/reactifex": "^2.1.1",
-    "@openedx/frontend-build": "14.0.3",
-    "@openedx/paragon": "22.2.2",
-    "@testing-library/dom": "10.0.0",
+    "@openedx/frontend-build": "^14.3.2",
+    "@openedx/paragon": "^23.0.0",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "5.17.0",
-    "@testing-library/react": "10.4.9",
-    "husky": "8.0.3",
-    "jest": "29.7.0",
-    "jest-chain": "1.1.6",
+    "@testing-library/react": "^16.2.0",
+    "jest": "30.0.5",
+    "jest-environment-jsdom": "^30.0.0",
     "prop-types": "15.8.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-redux": "7.2.9",
-    "react-router-dom": "6.22.3",
-    "react-test-renderer": "17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-redux": "^8.1.1",
+    "react-router-dom": "6.30.1",
+    "react-test-renderer": "^18.3.1",
     "redux": "4.2.1",
     "redux-saga": "1.3.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.5.2",
-    "@fortawesome/free-brands-svg-icons": "6.5.2",
-    "@fortawesome/free-regular-svg-icons": "6.5.2",
-    "@fortawesome/free-solid-svg-icons": "6.5.2",
+    "@fortawesome/fontawesome-svg-core": "6.7.2",
+    "@fortawesome/free-brands-svg-icons": "6.7.2",
+    "@fortawesome/free-regular-svg-icons": "6.7.2",
+    "@fortawesome/free-solid-svg-icons": "6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "axios-mock-adapter": "1.22.0",
-    "babel-polyfill": "6.26.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "@openedx/frontend-plugin-framework": "^1.7.0",
+    "classnames": "^2.5.1",
     "react-responsive": "8.2.0",
     "react-transition-group": "4.4.5"
   },
   "peerDependencies": {
     "@edx/frontend-platform": "^7.0.0 || ^8.0.0",
-    "@openedx/paragon": ">= 21.5.7 < 23.0.0",
+    "@openedx/paragon": ">= 22.0.0 < 24.0.0",
     "prop-types": "^15.5.10",
-    "react": "^16.9.0 || ^17.0.0",
-    "react-dom": "^16.9.0 || ^17.0.0"
+    "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.14.2"
   }
 }
+

package/dist/DesktopHeader.js

@@ -1,242 +0,0 @@
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { getConfig } from '@edx/frontend-platform';
-import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
-
-// Local Components
-import { Menu, MenuTrigger, MenuContent } from './Menu';
-import Avatar from './Avatar';
-import { LinkedLogo, Logo } from './Logo';
-
-// i18n
-import messages from './Header.messages';
-
-// Assets
-import { CaretIcon } from './Icons';
-import LanguageSelector from './LanguageSelector';
-var DesktopHeader = /*#__PURE__*/function (_React$Component) {
-  function DesktopHeader(props) {
-    _classCallCheck(this, DesktopHeader);
-    // eslint-disable-line no-useless-constructor
-    return _callSuper(this, DesktopHeader, [props]);
-  }
-  _inherits(DesktopHeader, _React$Component);
-  return _createClass(DesktopHeader, [{
-    key: "renderMenu",
-    value: function renderMenu(menu) {
-      // Nodes are accepted as a prop
-      if (!Array.isArray(menu)) {
-        return menu;
-      }
-      return menu.map(function (menuItem) {
-        var type = menuItem.type,
-          href = menuItem.href,
-          content = menuItem.content,
-          submenuContent = menuItem.submenuContent,
-          disabled = menuItem.disabled,
-          isActive = menuItem.isActive;
-        if (type === 'item') {
-          return /*#__PURE__*/React.createElement("a", {
-            key: "".concat(type, "-").concat(content),
-            className: "nav-link".concat(disabled ? ' disabled' : '').concat(isActive ? ' active' : ''),
-            href: href
-          }, content);
-        }
-        return /*#__PURE__*/React.createElement(Menu, {
-          key: "".concat(type, "-").concat(content),
-          tag: "div",
-          className: "nav-item",
-          respondToPointerEvents: true
-        }, /*#__PURE__*/React.createElement(MenuTrigger, {
-          tag: "a",
-          className: "nav-link d-inline-flex align-items-center",
-          href: href
-        }, content, " ", /*#__PURE__*/React.createElement(CaretIcon, {
-          role: "img",
-          "aria-hidden": true,
-          focusable: "false"
-        })), /*#__PURE__*/React.createElement(MenuContent, {
-          className: "pin-left pin-right shadow py-2"
-        }, submenuContent));
-      });
-    }
-  }, {
-    key: "renderMainMenu",
-    value: function renderMainMenu() {
-      var mainMenu = this.props.mainMenu;
-      return this.renderMenu(mainMenu);
-    }
-  }, {
-    key: "renderSecondaryMenu",
-    value: function renderSecondaryMenu() {
-      var secondaryMenu = this.props.secondaryMenu;
-      return this.renderMenu(secondaryMenu);
-    }
-  }, {
-    key: "renderUserMenu",
-    value: function renderUserMenu() {
-      var _this$props = this.props,
-        userMenu = _this$props.userMenu,
-        avatar = _this$props.avatar,
-        username = _this$props.username,
-        intl = _this$props.intl;
-      return /*#__PURE__*/React.createElement(Menu, {
-        transitionClassName: "menu-dropdown",
-        transitionTimeout: 250
-      }, /*#__PURE__*/React.createElement(MenuTrigger, {
-        tag: "button",
-        "aria-label": intl.formatMessage(messages['header.label.account.menu.for'], {
-          username: username
-        }),
-        className: "btn btn-outline-primary d-inline-flex align-items-center pl-2 pr-3"
-      }, /*#__PURE__*/React.createElement(Avatar, {
-        size: "1.5em",
-        src: avatar,
-        alt: "",
-        className: "mr-2"
-      }), username, " ", /*#__PURE__*/React.createElement(CaretIcon, {
-        role: "img",
-        "aria-hidden": true,
-        focusable: "false"
-      })), /*#__PURE__*/React.createElement(MenuContent, {
-        className: "mb-0 dropdown-menu show dropdown-menu-right pin-right shadow py-2"
-      }, userMenu.map(function (group, index) {
-        return (
-          /*#__PURE__*/
-          // eslint-disable-next-line react/jsx-no-comment-textnodes,react/no-array-index-key
-          React.createElement(React.Fragment, {
-            key: index
-          }, group.heading && /*#__PURE__*/React.createElement("div", {
-            className: "dropdown-header",
-            role: "heading",
-            "aria-level": "1"
-          }, group.heading), group.items.map(function (_ref) {
-            var type = _ref.type,
-              content = _ref.content,
-              href = _ref.href,
-              disabled = _ref.disabled,
-              isActive = _ref.isActive;
-            return /*#__PURE__*/React.createElement("a", {
-              className: "dropdown-".concat(type).concat(isActive ? ' active' : '').concat(disabled ? ' disabled' : ''),
-              key: "".concat(type, "-").concat(content),
-              href: href
-            }, content);
-          }), index < userMenu.length - 1 && /*#__PURE__*/React.createElement("div", {
-            className: "dropdown-divider",
-            role: "separator"
-          }))
-        );
-      })));
-    }
-  }, {
-    key: "renderLoggedOutItems",
-    value: function renderLoggedOutItems() {
-      var loggedOutItems = this.props.loggedOutItems;
-      return loggedOutItems.map(function (item, i, arr) {
-        return /*#__PURE__*/React.createElement("a", {
-          key: "".concat(item.type, "-").concat(item.content),
-          className: i < arr.length - 1 ? 'btn mr-2 btn-link' : 'btn mr-2 btn-outline-primary',
-          href: item.href
-        }, item.content);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        logo = _this$props2.logo,
-        logoAltText = _this$props2.logoAltText,
-        logoDestination = _this$props2.logoDestination,
-        loggedIn = _this$props2.loggedIn,
-        intl = _this$props2.intl;
-      var logoProps = {
-        src: logo,
-        alt: logoAltText,
-        href: logoDestination
-      };
-      var logoClasses = getConfig().AUTHN_MINIMAL_HEADER ? 'mw-100' : null;
-      return /*#__PURE__*/React.createElement("header", {
-        className: "site-header-desktop"
-      }, /*#__PURE__*/React.createElement("a", {
-        className: "nav-skip sr-only sr-only-focusable",
-        href: "#main"
-      }, intl.formatMessage(messages['header.label.skip.nav'])), /*#__PURE__*/React.createElement("div", {
-        className: "container-fluid ".concat(logoClasses)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "nav-container position-relative d-flex align-items-center"
-      }, logoDestination === null ? /*#__PURE__*/React.createElement(Logo, {
-        className: "logo",
-        src: logo,
-        alt: logoAltText
-      }) : /*#__PURE__*/React.createElement(LinkedLogo, _extends({
-        className: "logo"
-      }, logoProps)), /*#__PURE__*/React.createElement("nav", {
-        "aria-label": intl.formatMessage(messages['header.label.main.nav']),
-        className: "nav main-nav mr-auto"
-      }, this.renderMainMenu()), getConfig().ENABLE_HEADER_LANG_SELECTOR && /*#__PURE__*/React.createElement("div", {
-        className: "mx-2"
-      }, /*#__PURE__*/React.createElement(LanguageSelector, {
-        options: JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES),
-        authenticatedUser: getAuthenticatedUser()
-      })), /*#__PURE__*/React.createElement("nav", {
-        "aria-label": intl.formatMessage(messages['header.label.secondary.nav']),
-        className: "nav secondary-menu-container align-items-center"
-      }, loggedIn ? /*#__PURE__*/React.createElement(React.Fragment, null, this.renderSecondaryMenu(), this.renderUserMenu()) : this.renderLoggedOutItems()))));
-    }
-  }]);
-}(React.Component);
-DesktopHeader.propTypes = {
-  mainMenu: PropTypes.oneOfType([PropTypes.node, PropTypes.array]),
-  secondaryMenu: PropTypes.oneOfType([PropTypes.node, PropTypes.array]),
-  userMenu: PropTypes.arrayOf(PropTypes.shape({
-    heading: PropTypes.string,
-    items: PropTypes.arrayOf(PropTypes.shape({
-      type: PropTypes.oneOf(['item', 'menu']),
-      href: PropTypes.string,
-      content: PropTypes.string,
-      isActive: PropTypes.bool
-    }))
-  })),
-  loggedOutItems: PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.oneOf(['item', 'menu']),
-    href: PropTypes.string,
-    content: PropTypes.string
-  })),
-  logo: PropTypes.string,
-  logoAltText: PropTypes.string,
-  logoDestination: PropTypes.string,
-  avatar: PropTypes.string,
-  username: PropTypes.string,
-  loggedIn: PropTypes.bool,
-  // i18n
-  intl: intlShape.isRequired
-};
-DesktopHeader.defaultProps = {
-  mainMenu: [],
-  secondaryMenu: [],
-  userMenu: [],
-  loggedOutItems: [],
-  logo: null,
-  logoAltText: null,
-  logoDestination: null,
-  avatar: null,
-  username: null,
-  loggedIn: false
-};
-export default injectIntl(DesktopHeader);
-//# sourceMappingURL=DesktopHeader.js.map

package/dist/DesktopHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesktopHeader.js","names":["React","PropTypes","injectIntl","intlShape","getConfig","getAuthenticatedUser","Menu","MenuTrigger","MenuContent","Avatar","LinkedLogo","Logo","messages","CaretIcon","LanguageSelector","DesktopHeader","_React$Component","props","_classCallCheck","_callSuper","_inherits","_createClass","key","value","renderMenu","menu","Array","isArray","map","menuItem","type","href","content","submenuContent","disabled","isActive","createElement","concat","className","tag","respondToPointerEvents","role","focusable","renderMainMenu","mainMenu","renderSecondaryMenu","secondaryMenu","renderUserMenu","_this$props","userMenu","avatar","username","intl","transitionClassName","transitionTimeout","formatMessage","size","src","alt","group","index","Fragment","heading","items","_ref","length","renderLoggedOutItems","loggedOutItems","item","i","arr","render","_this$props2","logo","logoAltText","logoDestination","loggedIn","logoProps","logoClasses","AUTHN_MINIMAL_HEADER","_extends","ENABLE_HEADER_LANG_SELECTOR","options","JSON","parse","SITE_SUPPORTED_LANGUAGES","authenticatedUser","Component","propTypes","oneOfType","node","array","arrayOf","shape","string","oneOf","bool","isRequired","defaultProps"],"sources":["../src/DesktopHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { getConfig } from '@edx/frontend-platform';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\n\n// Local Components\nimport { Menu, MenuTrigger, MenuContent } from './Menu';\nimport Avatar from './Avatar';\nimport { LinkedLogo, Logo } from './Logo';\n\n// i18n\nimport messages from './Header.messages';\n\n// Assets\nimport { CaretIcon } from './Icons';\nimport LanguageSelector from './LanguageSelector';\n\nclass DesktopHeader extends React.Component {\n  constructor(props) { // eslint-disable-line no-useless-constructor\n    super(props);\n  }\n\n  renderMenu(menu) {\n    // Nodes are accepted as a prop\n    if (!Array.isArray(menu)) {\n      return menu;\n    }\n\n    return menu.map((menuItem) => {\n      const {\n        type,\n        href,\n        content,\n        submenuContent,\n        disabled,\n        isActive,\n      } = menuItem;\n\n      if (type === 'item') {\n        return (\n          <a\n            key={`${type}-${content}`}\n            className={`nav-link${disabled ? ' disabled' : ''}${isActive ? ' active' : ''}`}\n            href={href}\n          >\n            {content}\n          </a>\n        );\n      }\n\n      return (\n        <Menu key={`${type}-${content}`} tag=\"div\" className=\"nav-item\" respondToPointerEvents>\n          <MenuTrigger tag=\"a\" className=\"nav-link d-inline-flex align-items-center\" href={href}>\n            {content} <CaretIcon role=\"img\" aria-hidden focusable=\"false\" />\n          </MenuTrigger>\n          <MenuContent className=\"pin-left pin-right shadow py-2\">\n            {submenuContent}\n          </MenuContent>\n        </Menu>\n      );\n    });\n  }\n\n  renderMainMenu() {\n    const { mainMenu } = this.props;\n    return this.renderMenu(mainMenu);\n  }\n\n  renderSecondaryMenu() {\n    const { secondaryMenu } = this.props;\n    return this.renderMenu(secondaryMenu);\n  }\n\n  renderUserMenu() {\n    const {\n      userMenu,\n      avatar,\n      username,\n      intl,\n    } = this.props;\n\n    return (\n      <Menu transitionClassName=\"menu-dropdown\" transitionTimeout={250}>\n        <MenuTrigger\n          tag=\"button\"\n          aria-label={intl.formatMessage(messages['header.label.account.menu.for'], { username })}\n          className=\"btn btn-outline-primary d-inline-flex align-items-center pl-2 pr-3\"\n        >\n          <Avatar size=\"1.5em\" src={avatar} alt=\"\" className=\"mr-2\" />\n          {username} <CaretIcon role=\"img\" aria-hidden focusable=\"false\" />\n        </MenuTrigger>\n        <MenuContent className=\"mb-0 dropdown-menu show dropdown-menu-right pin-right shadow py-2\">\n          {userMenu.map((group, index) => (\n            // eslint-disable-next-line react/jsx-no-comment-textnodes,react/no-array-index-key\n            <React.Fragment key={index}>\n              {group.heading && <div className=\"dropdown-header\" role=\"heading\" aria-level=\"1\">{group.heading}</div>}\n              {group.items.map(({\n                type, content, href, disabled, isActive,\n              }) => (\n                <a\n                  className={`dropdown-${type}${isActive ? ' active' : ''}${disabled ? ' disabled' : ''}`}\n                  key={`${type}-${content}`}\n                  href={href}\n                >\n                  {content}\n                </a>\n              ))}\n              {index < userMenu.length - 1 && <div className=\"dropdown-divider\" role=\"separator\" />}\n            </React.Fragment>\n          ))}\n        </MenuContent>\n      </Menu>\n    );\n  }\n\n  renderLoggedOutItems() {\n    const { loggedOutItems } = this.props;\n\n    return loggedOutItems.map((item, i, arr) => (\n      <a\n        key={`${item.type}-${item.content}`}\n        className={i < arr.length - 1 ? 'btn mr-2 btn-link' : 'btn mr-2 btn-outline-primary'}\n        href={item.href}\n      >\n        {item.content}\n      </a>\n    ));\n  }\n\n  render() {\n    const {\n      logo,\n      logoAltText,\n      logoDestination,\n      loggedIn,\n      intl,\n    } = this.props;\n    const logoProps = { src: logo, alt: logoAltText, href: logoDestination };\n    const logoClasses = getConfig().AUTHN_MINIMAL_HEADER ? 'mw-100' : null;\n\n    return (\n      <header className=\"site-header-desktop\">\n        <a className=\"nav-skip sr-only sr-only-focusable\" href=\"#main\">{intl.formatMessage(messages['header.label.skip.nav'])}</a>\n        <div className={`container-fluid ${logoClasses}`}>\n          <div className=\"nav-container position-relative d-flex align-items-center\">\n            {logoDestination === null ? <Logo className=\"logo\" src={logo} alt={logoAltText} /> : <LinkedLogo className=\"logo\" {...logoProps} />}\n            <nav\n              aria-label={intl.formatMessage(messages['header.label.main.nav'])}\n              className=\"nav main-nav mr-auto\"\n            >\n              {this.renderMainMenu()}\n            </nav>\n            {getConfig().ENABLE_HEADER_LANG_SELECTOR && (\n              <div className=\"mx-2\">\n                <LanguageSelector\n                  options={JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES)}\n                  authenticatedUser={getAuthenticatedUser()}\n                />\n              </div>\n            )}\n            <nav\n              aria-label={intl.formatMessage(messages['header.label.secondary.nav'])}\n              className=\"nav secondary-menu-container align-items-center\"\n            >\n              {loggedIn\n                ? (\n                  <>\n                    {this.renderSecondaryMenu()}\n                    {this.renderUserMenu()}\n                  </>\n                ) : this.renderLoggedOutItems()}\n            </nav>\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n\nDesktopHeader.propTypes = {\n  mainMenu: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.array,\n  ]),\n  secondaryMenu: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.array,\n  ]),\n  userMenu: PropTypes.arrayOf(PropTypes.shape({\n    heading: PropTypes.string,\n    items: PropTypes.arrayOf(PropTypes.shape({\n      type: PropTypes.oneOf(['item', 'menu']),\n      href: PropTypes.string,\n      content: PropTypes.string,\n      isActive: PropTypes.bool,\n    })),\n  })),\n  loggedOutItems: PropTypes.arrayOf(PropTypes.shape({\n    type: PropTypes.oneOf(['item', 'menu']),\n    href: PropTypes.string,\n    content: PropTypes.string,\n  })),\n  logo: PropTypes.string,\n  logoAltText: PropTypes.string,\n  logoDestination: PropTypes.string,\n  avatar: PropTypes.string,\n  username: PropTypes.string,\n  loggedIn: PropTypes.bool,\n\n  // i18n\n  intl: intlShape.isRequired,\n};\n\nDesktopHeader.defaultProps = {\n  mainMenu: [],\n  secondaryMenu: [],\n  userMenu: [],\n  loggedOutItems: [],\n  logo: null,\n  logoAltText: null,\n  logoDestination: null,\n  avatar: null,\n  username: null,\n  loggedIn: false,\n};\n\nexport default injectIntl(DesktopHeader);\n"],"mappings":"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","ignoreList":[]}

package/dist/MobileHeader.js

@@ -1,244 +0,0 @@
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { getConfig } from '@edx/frontend-platform';
-
-// Local Components
-import { Menu, MenuTrigger, MenuContent } from './Menu';
-import Avatar from './Avatar';
-import { LinkedLogo, Logo } from './Logo';
-
-// i18n
-import messages from './Header.messages';
-
-// Assets
-import { MenuIcon } from './Icons';
-var MobileHeader = /*#__PURE__*/function (_React$Component) {
-  function MobileHeader(props) {
-    _classCallCheck(this, MobileHeader);
-    // eslint-disable-line no-useless-constructor
-    return _callSuper(this, MobileHeader, [props]);
-  }
-  _inherits(MobileHeader, _React$Component);
-  return _createClass(MobileHeader, [{
-    key: "renderMenu",
-    value: function renderMenu(menu) {
-      // Nodes are accepted as a prop
-      if (!Array.isArray(menu)) {
-        return menu;
-      }
-      return menu.map(function (menuItem) {
-        var type = menuItem.type,
-          href = menuItem.href,
-          content = menuItem.content,
-          submenuContent = menuItem.submenuContent,
-          disabled = menuItem.disabled,
-          isActive = menuItem.isActive;
-        if (type === 'item') {
-          return /*#__PURE__*/React.createElement("a", {
-            key: "".concat(type, "-").concat(content),
-            className: "nav-link".concat(disabled ? ' disabled' : '').concat(isActive ? ' active' : ''),
-            href: href
-          }, content);
-        }
-        return /*#__PURE__*/React.createElement(Menu, {
-          key: "".concat(type, "-").concat(content),
-          tag: "div",
-          className: "nav-item"
-        }, /*#__PURE__*/React.createElement(MenuTrigger, {
-          tag: "a",
-          role: "button",
-          tabIndex: "0",
-          className: "nav-link"
-        }, content), /*#__PURE__*/React.createElement(MenuContent, {
-          className: "position-static pin-left pin-right py-2"
-        }, submenuContent));
-      });
-    }
-  }, {
-    key: "renderMainMenu",
-    value: function renderMainMenu() {
-      var mainMenu = this.props.mainMenu;
-      return this.renderMenu(mainMenu);
-    }
-  }, {
-    key: "renderSecondaryMenu",
-    value: function renderSecondaryMenu() {
-      var secondaryMenu = this.props.secondaryMenu;
-      return this.renderMenu(secondaryMenu);
-    }
-  }, {
-    key: "renderUserMenuItems",
-    value: function renderUserMenuItems() {
-      var userMenu = this.props.userMenu;
-      return userMenu.map(function (group) {
-        return group.items.map(function (_ref) {
-          var type = _ref.type,
-            content = _ref.content,
-            href = _ref.href,
-            disabled = _ref.disabled,
-            isActive = _ref.isActive;
-          return /*#__PURE__*/React.createElement("li", {
-            className: "nav-item",
-            key: "".concat(type, "-").concat(content)
-          }, /*#__PURE__*/React.createElement("a", {
-            className: "nav-link".concat(isActive ? ' active' : '').concat(disabled ? ' disabled' : ''),
-            href: href
-          }, content));
-        });
-      });
-    }
-  }, {
-    key: "renderLoggedOutItems",
-    value: function renderLoggedOutItems() {
-      var loggedOutItems = this.props.loggedOutItems;
-      return loggedOutItems.map(function (_ref2, i, arr) {
-        var type = _ref2.type,
-          href = _ref2.href,
-          content = _ref2.content;
-        return /*#__PURE__*/React.createElement("li", {
-          className: "nav-item px-3 my-2",
-          key: "".concat(type, "-").concat(content)
-        }, /*#__PURE__*/React.createElement("a", {
-          className: i < arr.length - 1 ? 'btn btn-block btn-outline-primary' : 'btn btn-block btn-primary',
-          href: href
-        }, content));
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        logo = _this$props.logo,
-        logoAltText = _this$props.logoAltText,
-        logoDestination = _this$props.logoDestination,
-        loggedIn = _this$props.loggedIn,
-        avatar = _this$props.avatar,
-        username = _this$props.username,
-        stickyOnMobile = _this$props.stickyOnMobile,
-        intl = _this$props.intl,
-        mainMenu = _this$props.mainMenu,
-        userMenu = _this$props.userMenu,
-        loggedOutItems = _this$props.loggedOutItems;
-      var logoProps = {
-        src: logo,
-        alt: logoAltText,
-        href: logoDestination
-      };
-      var stickyClassName = stickyOnMobile ? 'sticky-top' : '';
-      var logoClasses = getConfig().AUTHN_MINIMAL_HEADER ? 'justify-content-left pl-3' : 'justify-content-center';
-      return /*#__PURE__*/React.createElement("header", {
-        "aria-label": intl.formatMessage(messages['header.label.main.header']),
-        className: "site-header-mobile d-flex justify-content-between align-items-center shadow ".concat(stickyClassName)
-      }, /*#__PURE__*/React.createElement("a", {
-        className: "nav-skip sr-only sr-only-focusable",
-        href: "#main"
-      }, intl.formatMessage(messages['header.label.skip.nav'])), mainMenu.length > 0 ? /*#__PURE__*/React.createElement("div", {
-        className: "w-100 d-flex justify-content-start"
-      }, /*#__PURE__*/React.createElement(Menu, {
-        className: "position-static"
-      }, /*#__PURE__*/React.createElement(MenuTrigger, {
-        tag: "button",
-        className: "icon-button",
-        "aria-label": intl.formatMessage(messages['header.label.main.menu']),
-        title: intl.formatMessage(messages['header.label.main.menu'])
-      }, /*#__PURE__*/React.createElement(MenuIcon, {
-        role: "img",
-        "aria-hidden": true,
-        focusable: "false",
-        style: {
-          width: '1.5rem',
-          height: '1.5rem'
-        }
-      })), /*#__PURE__*/React.createElement(MenuContent, {
-        tag: "nav",
-        "aria-label": intl.formatMessage(messages['header.label.main.nav']),
-        className: "nav flex-column pin-left pin-right border-top shadow py-2"
-      }, this.renderMainMenu(), this.renderSecondaryMenu()))) : null, /*#__PURE__*/React.createElement("div", {
-        className: "w-100 d-flex ".concat(logoClasses)
-      }, logoDestination === null ? /*#__PURE__*/React.createElement(Logo, {
-        className: "logo",
-        src: logo,
-        alt: logoAltText
-      }) : /*#__PURE__*/React.createElement(LinkedLogo, _extends({
-        className: "logo"
-      }, logoProps, {
-        itemType: "http://schema.org/Organization"
-      }))), userMenu.length > 0 || loggedOutItems.length > 0 ? /*#__PURE__*/React.createElement("div", {
-        className: "w-100 d-flex justify-content-end align-items-center"
-      }, /*#__PURE__*/React.createElement(Menu, {
-        tag: "nav",
-        "aria-label": intl.formatMessage(messages['header.label.secondary.nav']),
-        className: "position-static"
-      }, /*#__PURE__*/React.createElement(MenuTrigger, {
-        tag: "button",
-        className: "icon-button",
-        "aria-label": intl.formatMessage(messages['header.label.account.menu']),
-        title: intl.formatMessage(messages['header.label.account.menu'])
-      }, /*#__PURE__*/React.createElement(Avatar, {
-        size: "1.5rem",
-        src: avatar,
-        alt: username
-      })), /*#__PURE__*/React.createElement(MenuContent, {
-        tag: "ul",
-        className: "nav flex-column pin-left pin-right border-top shadow py-2"
-      }, loggedIn ? this.renderUserMenuItems() : this.renderLoggedOutItems()))) : null);
-    }
-  }]);
-}(React.Component);
-MobileHeader.propTypes = {
-  mainMenu: PropTypes.oneOfType([PropTypes.node, PropTypes.array]),
-  secondaryMenu: PropTypes.oneOfType([PropTypes.node, PropTypes.array]),
-  userMenu: PropTypes.arrayOf(PropTypes.shape({
-    heading: PropTypes.string,
-    items: PropTypes.arrayOf(PropTypes.shape({
-      type: PropTypes.oneOf(['item', 'menu']),
-      href: PropTypes.string,
-      content: PropTypes.string,
-      isActive: PropTypes.bool
-    }))
-  })),
-  loggedOutItems: PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.oneOf(['item', 'menu']),
-    href: PropTypes.string,
-    content: PropTypes.string
-  })),
-  logo: PropTypes.string,
-  logoAltText: PropTypes.string,
-  logoDestination: PropTypes.string,
-  avatar: PropTypes.string,
-  username: PropTypes.string,
-  loggedIn: PropTypes.bool,
-  stickyOnMobile: PropTypes.bool,
-  // i18n
-  intl: intlShape.isRequired
-};
-MobileHeader.defaultProps = {
-  mainMenu: [],
-  secondaryMenu: [],
-  userMenu: [],
-  loggedOutItems: [],
-  logo: null,
-  logoAltText: null,
-  logoDestination: null,
-  avatar: null,
-  username: null,
-  loggedIn: false,
-  stickyOnMobile: true
-};
-export default injectIntl(MobileHeader);
-//# sourceMappingURL=MobileHeader.js.map