@nauedu/frontend-component-header 20.1.0 → 20.1.2

package/dist/index.scss

@@ -1,6 +1,14 @@
+// Breakpoints below are static px values on purpose. This package supports
+// Paragon ">= 22.0.0 < 24.0.0", and the two majors expose breakpoints
+// differently: 22 only has the Bootstrap SCSS variables, 23 moved to design
+// tokens / @custom-media. Hard-coding keeps this stylesheet self-contained and
+// working across the whole peer range. Values match Paragon's sm/md breakpoints.
 $spacer: 1rem;
 $blue: #007db8;
 $white: #fff;
+$component-active-bg: #0A3055FF !default;
+$component-active-color: $white !default;
+$rounded-pill: 50rem  !default;
 
 @import './Menu/menu.scss';
 @import './studio-header/StudioHeader.scss';
@@ -21,8 +29,9 @@ $white: #fff;
   padding: .75rem;
   justify-content: center;
   align-items:center;
+
   &:hover, &:focus {
-    background: rgba(0,0,0,.1);
+    background: rgba(0, 0, 0, .1);
   }
 }
 
@@ -36,14 +45,15 @@ $white: #fff;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
-      padding-bottom: 0.1rem;
+      padding-bottom: calc(var(--pgn-spacing-spacer-base, $spacer)* 0.1);
     }
   }
 
   .user-dropdown {
     .btn {
       height: 3rem;
-      @media (map-get($grid-breakpoints, "sm")) {
+      // Below "sm".
+      @media (max-width: 576px) {
         padding: 0 0.5rem;
       }
     }
@@ -63,6 +73,7 @@ $white: #fff;
     text-decoration: none;
     cursor: pointer;
   }
+
   img {
     height: 1.5rem;
   }
@@ -70,19 +81,22 @@ $white: #fff;
 
 
 .site-header-desktop {
-  box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
-  background: $white;
+  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
+  background: var(--pgn-color-white, $white);
+
   .nav-link {
     text-decoration: none;
   }
+
   .logo {
     display: block;
     box-sizing: content-box;
     position: relative;
     top: -.05em;
     height: 1.75rem;
-    padding: 1rem 0;
-    margin-right: 1rem;
+    padding: var(--pgn-spacing-spacer-base, $spacer) 0;
+    margin-right: var(--pgn-spacing-spacer-base, $spacer);
+
     img {
       display: block;
       height: 100%;
@@ -93,38 +107,42 @@ $white: #fff;
     .nav-link:focus,
     .nav-link.active,
     .expanded .nav-link {
-      background: $component-active-bg;
-      color: $component-active-color;
+      background: var(--pgn-color-bg-active, $component-active-bg);
+      color: var(--pgn-color-active, $component-active-color);
     }
   }
   .main-nav {
     .nav-link {
-      padding: 1.125rem 1rem;
+      padding: 1.125rem var(--pgn-spacing-spacer-base, $spacer);
       text-decoration: none;
       font-weight: 500;
       letter-spacing: .01em;
     }
+
     .nav-link:hover,
     .nav-link:focus,
     .nav-link.active,
     .expanded .nav-link {
-      background: $component-active-bg;
-      color: $component-active-color;
+      background: var(--pgn-color-bg-active, $component-active-bg);
+      color: var(--pgn-color-active, $component-active-color);
     }
+
     .menu {
       position: static;
+
       .menu-content {
-        border-top: solid 2px $component-active-bg;
+        border-top: solid 2px var(--pgn-color-bg-active);
         left: 0;
         right: 0;
-        box-shadow: 0 1px 2px rgba(0,0,0,.25);
+        box-shadow: var(--pgn-elevation-box-shadow-down-1, 0 1px 2px rgba(0,0,0,.25));
         border-bottom-left-radius: 2px;
         border-bottom-right-radius: 2px;
-        padding: 1rem;
+        padding: var(--pgn-spacing-spacer-base, $spacer);
       }
     }
   }
+
   .search-input {
-    border-radius: $rounded-pill;
+    border-radius: var(--pgn-size-rounded-pill, $rounded-pill);
   }
 }

package/dist/learning-header/AnonymousUserMenu.js

@@ -2,18 +2,21 @@ import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import { getLoginRedirectUrl } from '@edx/frontend-platform/auth';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Button } from '@openedx/paragon';
+import LearningLoggedOutItemsSlot from '../plugin-slots/LearningLoggedOutItemsSlot';
 import genericMessages from '../generic/messages';
 var AnonymousUserMenu = function AnonymousUserMenu(_ref) {
   var intl = _ref.intl;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-    className: "mr-3",
-    variant: "outline-primary",
+  var buttonsInfo = [{
+    message: intl.formatMessage(genericMessages.registerSentenceCase),
     href: "".concat(getConfig().LMS_BASE_URL, "/register?next=").concat(encodeURIComponent(global.location.href))
-  }, intl.formatMessage(genericMessages.registerSentenceCase)), /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    href: "".concat(getLoginRedirectUrl(global.location.href))
-  }, intl.formatMessage(genericMessages.signInSentenceCase)));
+  }, {
+    message: intl.formatMessage(genericMessages.signInSentenceCase),
+    href: getLoginRedirectUrl(global.location.href),
+    variant: 'primary'
+  }];
+  return /*#__PURE__*/React.createElement(LearningLoggedOutItemsSlot, {
+    buttonsInfo: buttonsInfo
+  });
 };
 AnonymousUserMenu.propTypes = {
   intl: intlShape.isRequired

package/dist/learning-header/AnonymousUserMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnonymousUserMenu.js","names":["React","getConfig","getLoginRedirectUrl","injectIntl","intlShape","Button","genericMessages","AnonymousUserMenu","_ref","intl","createElement","className","variant","href","concat","LMS_BASE_URL","encodeURIComponent","global","location","formatMessage","registerSentenceCase","signInSentenceCase","propTypes","isRequired"],"sources":["../../src/learning-header/AnonymousUserMenu.jsx"],"sourcesContent":["import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { getLoginRedirectUrl } from '@edx/frontend-platform/auth';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Button } from '@openedx/paragon';\n\nimport genericMessages from '../generic/messages';\n\nconst AnonymousUserMenu = ({ intl }) => (\n  <div>\n    <Button\n      className=\"mr-3\"\n      variant=\"outline-primary\"\n      href={`${getConfig().LMS_BASE_URL}/register?next=${encodeURIComponent(global.location.href)}`}\n    >\n      {intl.formatMessage(genericMessages.registerSentenceCase)}\n    </Button>\n    <Button\n      variant=\"primary\"\n      href={`${getLoginRedirectUrl(global.location.href)}`}\n    >\n      {intl.formatMessage(genericMessages.signInSentenceCase)}\n    </Button>\n  </div>\n);\n\nAnonymousUserMenu.propTypes = {\n  intl: intlShape.isRequired,\n};\n\nexport default injectIntl(AnonymousUserMenu);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAOC,eAAe,MAAM,qBAAqB;AAEjD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,oBAC/BT,KAAA,CAAAU,aAAA,2BACEV,KAAA,CAAAU,aAAA,CAACL,MAAM;IACLM,SAAS,EAAC,MAAM;IAChBC,OAAO,EAAC,iBAAiB;IACzBC,IAAI,KAAAC,MAAA,CAAKb,SAAS,CAAC,CAAC,CAACc,YAAY,qBAAAD,MAAA,CAAkBE,kBAAkB,CAACC,MAAM,CAACC,QAAQ,CAACL,IAAI,CAAC;EAAG,GAE7FJ,IAAI,CAACU,aAAa,CAACb,eAAe,CAACc,oBAAoB,CAClD,CAAC,eACTpB,KAAA,CAAAU,aAAA,CAACL,MAAM;IACLO,OAAO,EAAC,SAAS;IACjBC,IAAI,KAAAC,MAAA,CAAKZ,mBAAmB,CAACe,MAAM,CAACC,QAAQ,CAACL,IAAI,CAAC;EAAG,GAEpDJ,IAAI,CAACU,aAAa,CAACb,eAAe,CAACe,kBAAkB,CAChD,CACL,CAAC;AAAA,CACP;AAEDd,iBAAiB,CAACe,SAAS,GAAG;EAC5Bb,IAAI,EAAEL,SAAS,CAACmB;AAClB,CAAC;AAED,eAAepB,UAAU,CAACI,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"AnonymousUserMenu.js","names":["React","getConfig","getLoginRedirectUrl","injectIntl","intlShape","LearningLoggedOutItemsSlot","genericMessages","AnonymousUserMenu","_ref","intl","buttonsInfo","message","formatMessage","registerSentenceCase","href","concat","LMS_BASE_URL","encodeURIComponent","global","location","signInSentenceCase","variant","createElement","propTypes","isRequired"],"sources":["../../src/learning-header/AnonymousUserMenu.jsx"],"sourcesContent":["import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { getLoginRedirectUrl } from '@edx/frontend-platform/auth';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport LearningLoggedOutItemsSlot from '../plugin-slots/LearningLoggedOutItemsSlot';\n\nimport genericMessages from '../generic/messages';\n\nconst AnonymousUserMenu = ({ intl }) => {\n  const buttonsInfo = [\n    {\n      message: intl.formatMessage(genericMessages.registerSentenceCase),\n      href: `${getConfig().LMS_BASE_URL}/register?next=${encodeURIComponent(global.location.href)}`,\n    },\n    {\n      message: intl.formatMessage(genericMessages.signInSentenceCase),\n      href: getLoginRedirectUrl(global.location.href),\n      variant: 'primary',\n    },\n  ];\n\n  return <LearningLoggedOutItemsSlot buttonsInfo={buttonsInfo} />;\n};\n\nAnonymousUserMenu.propTypes = {\n  intl: intlShape.isRequired,\n};\n\nexport default injectIntl(AnonymousUserMenu);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,OAAOC,0BAA0B,MAAM,4CAA4C;AAEnF,OAAOC,eAAe,MAAM,qBAAqB;AAEjD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC/B,IAAMC,WAAW,GAAG,CAClB;IACEC,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACN,eAAe,CAACO,oBAAoB,CAAC;IACjEC,IAAI,KAAAC,MAAA,CAAKd,SAAS,CAAC,CAAC,CAACe,YAAY,qBAAAD,MAAA,CAAkBE,kBAAkB,CAACC,MAAM,CAACC,QAAQ,CAACL,IAAI,CAAC;EAC7F,CAAC,EACD;IACEH,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACN,eAAe,CAACc,kBAAkB,CAAC;IAC/DN,IAAI,EAAEZ,mBAAmB,CAACgB,MAAM,CAACC,QAAQ,CAACL,IAAI,CAAC;IAC/CO,OAAO,EAAE;EACX,CAAC,CACF;EAED,oBAAOrB,KAAA,CAAAsB,aAAA,CAACjB,0BAA0B;IAACK,WAAW,EAAEA;EAAY,CAAE,CAAC;AACjE,CAAC;AAEDH,iBAAiB,CAACgB,SAAS,GAAG;EAC5Bd,IAAI,EAAEL,SAAS,CAACoB;AAClB,CAAC;AAED,eAAerB,UAAU,CAACI,iBAAiB,CAAC","ignoreList":[]}

package/dist/learning-header/AuthenticatedUserDropdown.js

@@ -1,42 +1,50 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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; }
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faUserCircle } from '@fortawesome/free-solid-svg-icons';
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Dropdown } from '@openedx/paragon';
+import LearningUserMenuToggleSlot from '../plugin-slots/LearningUserMenuToggleSlot';
+import LearningUserMenuSlot from '../plugin-slots/LearningUserMenuSlot';
 import messages from './messages';
 var AuthenticatedUserDropdown = function AuthenticatedUserDropdown(_ref) {
   var intl = _ref.intl,
     username = _ref.username;
-  var dashboardMenuItem = /*#__PURE__*/React.createElement(Dropdown.Item, {
+  var dropdownItems = [{
+    message: intl.formatMessage(messages.dashboard),
     href: "".concat(getConfig().LMS_BASE_URL, "/dashboard")
-  }, intl.formatMessage(messages.dashboard));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
-    className: "text-gray-700",
-    href: "".concat(getConfig().SUPPORT_URL)
-  }, intl.formatMessage(messages.help)), /*#__PURE__*/React.createElement(Dropdown, {
-    className: "user-dropdown ml-3"
-  }, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
-    variant: "outline-primary"
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faUserCircle,
-    className: "d-md-none",
-    size: "lg"
-  }), /*#__PURE__*/React.createElement("span", {
-    "data-hj-suppress": true,
-    className: "d-none d-md-inline"
-  }, username)), /*#__PURE__*/React.createElement(Dropdown.Menu, {
-    className: "dropdown-menu-right"
-  }, dashboardMenuItem, /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, {
+    message: intl.formatMessage(messages.profile),
     href: "".concat(getConfig().ACCOUNT_PROFILE_URL, "/u/").concat(username)
-  }, intl.formatMessage(messages.profile)), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, {
+    message: intl.formatMessage(messages.account),
     href: getConfig().ACCOUNT_SETTINGS_URL
-  }, intl.formatMessage(messages.account)), getConfig().ORDER_HISTORY_URL && /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }].concat(_toConsumableArray(getConfig().ORDER_HISTORY_URL ? [{
+    message: intl.formatMessage(messages.orderHistory),
     href: getConfig().ORDER_HISTORY_URL
-  }, intl.formatMessage(messages.orderHistory)), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }] : []), [{
+    message: intl.formatMessage(messages.signOut),
     href: getConfig().LOGOUT_URL
-  }, intl.formatMessage(messages.signOut)))));
+  }]);
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    className: "user-dropdown ml-3"
+  }, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
+    variant: "outline-primary",
+    "aria-label": intl.formatMessage(messages.userOptionsDropdownLabel)
+  }, /*#__PURE__*/React.createElement(LearningUserMenuToggleSlot, {
+    label: username,
+    icon: faUserCircle
+  })), /*#__PURE__*/React.createElement(Dropdown.Menu, {
+    className: "dropdown-menu-right"
+  }, /*#__PURE__*/React.createElement(LearningUserMenuSlot, {
+    items: dropdownItems
+  })));
 };
 AuthenticatedUserDropdown.propTypes = {
   intl: intlShape.isRequired,

package/dist/learning-header/AuthenticatedUserDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthenticatedUserDropdown.js","names":["React","PropTypes","FontAwesomeIcon","faUserCircle","getConfig","injectIntl","intlShape","Dropdown","messages","AuthenticatedUserDropdown","_ref","intl","username","dashboardMenuItem","createElement","Item","href","concat","LMS_BASE_URL","formatMessage","dashboard","Fragment","className","SUPPORT_URL","help","Toggle","variant","icon","size","Menu","ACCOUNT_PROFILE_URL","profile","ACCOUNT_SETTINGS_URL","account","ORDER_HISTORY_URL","orderHistory","LOGOUT_URL","signOut","propTypes","isRequired","string"],"sources":["../../src/learning-header/AuthenticatedUserDropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faUserCircle } from '@fortawesome/free-solid-svg-icons';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Dropdown } from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst AuthenticatedUserDropdown = ({ intl, username }) => {\n  const dashboardMenuItem = (\n    <Dropdown.Item href={`${getConfig().LMS_BASE_URL}/dashboard`}>\n      {intl.formatMessage(messages.dashboard)}\n    </Dropdown.Item>\n  );\n\n  return (\n    <>\n      <a className=\"text-gray-700\" href={`${getConfig().SUPPORT_URL}`}>{intl.formatMessage(messages.help)}</a>\n      <Dropdown className=\"user-dropdown ml-3\">\n        <Dropdown.Toggle variant=\"outline-primary\">\n          <FontAwesomeIcon icon={faUserCircle} className=\"d-md-none\" size=\"lg\" />\n          <span data-hj-suppress className=\"d-none d-md-inline\">\n            {username}\n          </span>\n        </Dropdown.Toggle>\n        <Dropdown.Menu className=\"dropdown-menu-right\">\n          {dashboardMenuItem}\n          <Dropdown.Item href={`${getConfig().ACCOUNT_PROFILE_URL}/u/${username}`}>\n            {intl.formatMessage(messages.profile)}\n          </Dropdown.Item>\n          <Dropdown.Item href={getConfig().ACCOUNT_SETTINGS_URL}>\n            {intl.formatMessage(messages.account)}\n          </Dropdown.Item>\n          { getConfig().ORDER_HISTORY_URL && (\n            <Dropdown.Item href={getConfig().ORDER_HISTORY_URL}>\n              {intl.formatMessage(messages.orderHistory)}\n            </Dropdown.Item>\n          )}\n          <Dropdown.Item href={getConfig().LOGOUT_URL}>\n            {intl.formatMessage(messages.signOut)}\n          </Dropdown.Item>\n        </Dropdown.Menu>\n      </Dropdown>\n    </>\n  );\n};\n\nAuthenticatedUserDropdown.propTypes = {\n  intl: intlShape.isRequired,\n  username: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(AuthenticatedUserDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AuthenticatedUserDropdown.js","names":["React","PropTypes","faUserCircle","getConfig","injectIntl","intlShape","Dropdown","LearningUserMenuToggleSlot","LearningUserMenuSlot","messages","AuthenticatedUserDropdown","_ref","intl","username","dropdownItems","message","formatMessage","dashboard","href","concat","LMS_BASE_URL","profile","ACCOUNT_PROFILE_URL","account","ACCOUNT_SETTINGS_URL","_toConsumableArray","ORDER_HISTORY_URL","orderHistory","signOut","LOGOUT_URL","createElement","className","Toggle","variant","userOptionsDropdownLabel","label","icon","Menu","items","propTypes","isRequired","string"],"sources":["../../src/learning-header/AuthenticatedUserDropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { faUserCircle } from '@fortawesome/free-solid-svg-icons';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Dropdown } from '@openedx/paragon';\n\nimport LearningUserMenuToggleSlot from '../plugin-slots/LearningUserMenuToggleSlot';\nimport LearningUserMenuSlot from '../plugin-slots/LearningUserMenuSlot';\n\nimport messages from './messages';\n\nconst AuthenticatedUserDropdown = ({ intl, username }) => {\n  const dropdownItems = [\n    {\n      message: intl.formatMessage(messages.dashboard),\n      href: `${getConfig().LMS_BASE_URL}/dashboard`,\n    },\n    {\n      message: intl.formatMessage(messages.profile),\n      href: `${getConfig().ACCOUNT_PROFILE_URL}/u/${username}`,\n    },\n    {\n      message: intl.formatMessage(messages.account),\n      href: getConfig().ACCOUNT_SETTINGS_URL,\n    },\n    ...(getConfig().ORDER_HISTORY_URL ? [{\n      message: intl.formatMessage(messages.orderHistory),\n      href: getConfig().ORDER_HISTORY_URL,\n    }] : []),\n    {\n      message: intl.formatMessage(messages.signOut),\n      href: getConfig().LOGOUT_URL,\n    },\n  ];\n\n  return (\n    <Dropdown className=\"user-dropdown ml-3\">\n      <Dropdown.Toggle variant=\"outline-primary\" aria-label={intl.formatMessage(messages.userOptionsDropdownLabel)}>\n        <LearningUserMenuToggleSlot label={username} icon={faUserCircle} />\n      </Dropdown.Toggle>\n      <Dropdown.Menu className=\"dropdown-menu-right\">\n        <LearningUserMenuSlot items={dropdownItems} />\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n};\n\nAuthenticatedUserDropdown.propTypes = {\n  intl: intlShape.isRequired,\n  username: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(AuthenticatedUserDropdown);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,OAAOC,0BAA0B,MAAM,4CAA4C;AACnF,OAAOC,oBAAoB,MAAM,sCAAsC;AAEvE,OAAOC,QAAQ,MAAM,YAAY;AAEjC,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAA2B;EAAA,IAArBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjD,IAAMC,aAAa,IACjB;IACEC,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACQ,SAAS,CAAC;IAC/CC,IAAI,KAAAC,MAAA,CAAKhB,SAAS,CAAC,CAAC,CAACiB,YAAY;EACnC,CAAC,EACD;IACEL,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACY,OAAO,CAAC;IAC7CH,IAAI,KAAAC,MAAA,CAAKhB,SAAS,CAAC,CAAC,CAACmB,mBAAmB,SAAAH,MAAA,CAAMN,QAAQ;EACxD,CAAC,EACD;IACEE,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACc,OAAO,CAAC;IAC7CL,IAAI,EAAEf,SAAS,CAAC,CAAC,CAACqB;EACpB,CAAC,EAAAL,MAAA,CAAAM,kBAAA,CACGtB,SAAS,CAAC,CAAC,CAACuB,iBAAiB,GAAG,CAAC;IACnCX,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACkB,YAAY,CAAC;IAClDT,IAAI,EAAEf,SAAS,CAAC,CAAC,CAACuB;EACpB,CAAC,CAAC,GAAG,EAAE,IACP;IACEX,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACmB,OAAO,CAAC;IAC7CV,IAAI,EAAEf,SAAS,CAAC,CAAC,CAAC0B;EACpB,CAAC,EACF;EAED,oBACE7B,KAAA,CAAA8B,aAAA,CAACxB,QAAQ;IAACyB,SAAS,EAAC;EAAoB,gBACtC/B,KAAA,CAAA8B,aAAA,CAACxB,QAAQ,CAAC0B,MAAM;IAACC,OAAO,EAAC,iBAAiB;IAAC,cAAYrB,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACyB,wBAAwB;EAAE,gBAC3GlC,KAAA,CAAA8B,aAAA,CAACvB,0BAA0B;IAAC4B,KAAK,EAAEtB,QAAS;IAACuB,IAAI,EAAElC;EAAa,CAAE,CACnD,CAAC,eAClBF,KAAA,CAAA8B,aAAA,CAACxB,QAAQ,CAAC+B,IAAI;IAACN,SAAS,EAAC;EAAqB,gBAC5C/B,KAAA,CAAA8B,aAAA,CAACtB,oBAAoB;IAAC8B,KAAK,EAAExB;EAAc,CAAE,CAChC,CACP,CAAC;AAEf,CAAC;AAEDJ,yBAAyB,CAAC6B,SAAS,GAAG;EACpC3B,IAAI,EAAEP,SAAS,CAACmC,UAAU;EAC1B3B,QAAQ,EAAEZ,SAAS,CAACwC,MAAM,CAACD;AAC7B,CAAC;AAED,eAAepC,UAAU,CAACM,yBAAyB,CAAC","ignoreList":[]}

package/dist/learning-header/LearningHeader.js

@@ -1,13 +1,13 @@
 var _excluded = ["href", "src", "alt"];
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useContext, useEffect, useState } from 'react';
 import Responsive from 'react-responsive';
 import PropTypes from 'prop-types';
@@ -16,6 +16,8 @@ import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { AppContext } from '@edx/frontend-platform/react';
 import AnonymousUserMenu from './AnonymousUserMenu';
 import AuthenticatedUserDropdown from './AuthenticatedUserDropdown';
+import LogoSlot from '../plugin-slots/LogoSlot';
+import LearningHelpSlot from '../plugin-slots/LearningHelpSlot';
 import messages from './messages';
 import getCourseLogoOrg from './data/api';
 import LanguageSelector from '../LanguageSelector';
@@ -58,15 +60,13 @@ var LearningHeader = function LearningHeader(_ref2) {
   }, [courseOrg, enableOrgLogo]);
   var headerLogo = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Responsive, {
     maxWidth: 769
-  }, /*#__PURE__*/React.createElement(LinkedLogo, {
-    className: "logo",
+  }, /*#__PURE__*/React.createElement(LogoSlot, {
     href: "".concat(getConfig().LMS_BASE_URL, "/dashboard"),
     src: getConfig().LOGO_URL_MOBILE || getConfig().LOGO_URL,
     alt: getConfig().SITE_NAME
   })), /*#__PURE__*/React.createElement(Responsive, {
     minWidth: 769
-  }, /*#__PURE__*/React.createElement(LinkedLogo, {
-    className: "logo",
+  }, /*#__PURE__*/React.createElement(LogoSlot, {
     href: "".concat(getConfig().LMS_BASE_URL, "/dashboard"),
     src: getConfig().LOGO_URL,
     alt: getConfig().SITE_NAME
@@ -77,7 +77,7 @@ var LearningHeader = function LearningHeader(_ref2) {
     className: "sr-only sr-only-focusable",
     href: "#main-content"
   }, intl.formatMessage(messages.skipNavLink)), /*#__PURE__*/React.createElement("div", {
-    className: "container-xl py-2 d-flex align-items-center"
+    className: "container-xl py-2 d-flex align-items-center justify-content-between"
   }, headerLogo, /*#__PURE__*/React.createElement("div", {
     className: "d-none d-md-block flex-grow-1 course-title-lockup"
   }, /*#__PURE__*/React.createElement("div", {
@@ -94,7 +94,9 @@ var LearningHeader = function LearningHeader(_ref2) {
     style: {
       fontSize: '1rem'
     }
-  }, courseTitle))), getConfig().ENABLE_HEADER_LANG_SELECTOR && /*#__PURE__*/React.createElement("div", {
+  }, courseTitle))), /*#__PURE__*/React.createElement("div", {
+    className: "d-flex align-items-center"
+  }, getConfig().ENABLE_HEADER_LANG_SELECTOR && /*#__PURE__*/React.createElement("div", {
     className: "mx-2 d-md-inline-flex"
   }, /*#__PURE__*/React.createElement(Responsive, {
     maxWidth: 1200
@@ -108,9 +110,9 @@ var LearningHeader = function LearningHeader(_ref2) {
     options: JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES),
     compact: false,
     authenticatedUser: authenticatedUser
-  }))), showUserDropdown && authenticatedUser && /*#__PURE__*/React.createElement(AuthenticatedUserDropdown, {
+  }))), showUserDropdown && authenticatedUser && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LearningHelpSlot, null), /*#__PURE__*/React.createElement(AuthenticatedUserDropdown, {
     username: authenticatedUser.username
-  }), showUserDropdown && !authenticatedUser && /*#__PURE__*/React.createElement(AnonymousUserMenu, null)));
+  })), showUserDropdown && !authenticatedUser && /*#__PURE__*/React.createElement(AnonymousUserMenu, null))));
 };
 LearningHeader.propTypes = {
   courseOrg: PropTypes.string,

package/dist/learning-header/LearningHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"LearningHeader.js","names":["React","useContext","useEffect","useState","Responsive","PropTypes","getConfig","injectIntl","intlShape","AppContext","AnonymousUserMenu","AuthenticatedUserDropdown","messages","getCourseLogoOrg","LanguageSelector","LinkedLogo","_ref","href","src","alt","attributes","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","string","isRequired","LearningHeader","_ref2","courseOrg","courseTitle","intl","showUserDropdown","_useContext","authenticatedUser","_useState","_useState2","_slicedToArray","logoOrg","setLogoOrg","enableOrgLogo","ENABLE_ORG_LOGO","then","logoOrgUrl","headerLogo","Fragment","maxWidth","concat","LMS_BASE_URL","LOGO_URL_MOBILE","LOGO_URL","SITE_NAME","minWidth","formatMessage","skipNavLink","style","maxHeight","fontSize","ENABLE_HEADER_LANG_SELECTOR","options","JSON","parse","SITE_SUPPORTED_LANGUAGES","compact","username","bool","defaultProps"],"sources":["../../src/learning-header/LearningHeader.jsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport Responsive from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { AppContext } from '@edx/frontend-platform/react';\n\nimport AnonymousUserMenu from './AnonymousUserMenu';\nimport AuthenticatedUserDropdown from './AuthenticatedUserDropdown';\nimport messages from './messages';\nimport getCourseLogoOrg from './data/api';\nimport LanguageSelector from '../LanguageSelector';\n\nconst LinkedLogo = ({\n  href,\n  src,\n  alt,\n  ...attributes\n}) => (\n  <a href={href} {...attributes}>\n    <img className=\"d-block\" src={src} alt={alt} />\n  </a>\n);\n\nLinkedLogo.propTypes = {\n  href: PropTypes.string.isRequired,\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string.isRequired,\n};\nconst LearningHeader = ({\n  courseOrg, courseTitle, intl, showUserDropdown,\n}) => {\n  const { authenticatedUser } = useContext(AppContext);\n  const [logoOrg, setLogoOrg] = useState(null);\n  const enableOrgLogo = getConfig().ENABLE_ORG_LOGO;\n\n  useEffect(() => {\n    if (courseOrg && enableOrgLogo) {\n      getCourseLogoOrg().then((logoOrgUrl) => { setLogoOrg(logoOrgUrl); });\n    }\n  }, [courseOrg, enableOrgLogo]);\n\n  const headerLogo = (\n    <>\n      <Responsive maxWidth={769}>\n        <LinkedLogo\n          className=\"logo\"\n          href={`${getConfig().LMS_BASE_URL}/dashboard`}\n          src={getConfig().LOGO_URL_MOBILE || getConfig().LOGO_URL}\n          alt={getConfig().SITE_NAME}\n        />\n      </Responsive>\n      <Responsive minWidth={769}>\n        <LinkedLogo\n          className=\"logo\"\n          href={`${getConfig().LMS_BASE_URL}/dashboard`}\n          src={getConfig().LOGO_URL}\n          alt={getConfig().SITE_NAME}\n        />\n      </Responsive>\n    </>\n  );\n\n  return (\n    <header className=\"learning-header\">\n      <a className=\"sr-only sr-only-focusable\" href=\"#main-content\">{intl.formatMessage(messages.skipNavLink)}</a>\n      <div className=\"container-xl py-2 d-flex align-items-center\">\n        {headerLogo}\n        <div className=\"d-none d-md-block flex-grow-1 course-title-lockup\">\n          <div className={`d-md-flex ${enableOrgLogo && 'align-items-center justify-content-center'} w-100`}>\n            {enableOrgLogo && courseOrg && logoOrg && (\n              <img src={logoOrg} alt={`${courseOrg} logo`} style={{ maxHeight: '3rem', maxWidth: '15rem' }} />\n            )}\n            <span\n              className=\"d-inline-block course-title font-weight-semibold ml-3 text-truncate text-left\"\n              style={{ fontSize: '1rem' }}\n            >\n              {courseTitle}\n            </span>\n          </div>\n        </div>\n        {getConfig().ENABLE_HEADER_LANG_SELECTOR && (\n          <div className=\"mx-2 d-md-inline-flex\">\n            <Responsive maxWidth={1200}>\n              <LanguageSelector\n                options={JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES)}\n                compact\n                authenticatedUser={authenticatedUser}\n              />\n            </Responsive>\n            <Responsive minWidth={1200}>\n              <LanguageSelector\n                options={JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES)}\n                compact={false}\n                authenticatedUser={authenticatedUser}\n              />\n            </Responsive>\n          </div>\n        )}\n        {showUserDropdown && authenticatedUser && (\n          <AuthenticatedUserDropdown\n            username={authenticatedUser.username}\n          />\n        )}\n        {showUserDropdown && !authenticatedUser && (\n          <AnonymousUserMenu />\n        )}\n      </div>\n    </header>\n  );\n};\n\nLearningHeader.propTypes = {\n  courseOrg: PropTypes.string,\n  courseTitle: PropTypes.string,\n  intl: intlShape.isRequired,\n  showUserDropdown: PropTypes.bool,\n};\n\nLearningHeader.defaultProps = {\n  courseOrg: null,\n  courseTitle: null,\n  showUserDropdown: true,\n};\n\nexport default injectIntl(LearningHeader);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LearningHeader.js","names":["React","useContext","useEffect","useState","Responsive","PropTypes","getConfig","injectIntl","intlShape","AppContext","AnonymousUserMenu","AuthenticatedUserDropdown","LogoSlot","LearningHelpSlot","messages","getCourseLogoOrg","LanguageSelector","LinkedLogo","_ref","href","src","alt","attributes","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","string","isRequired","LearningHeader","_ref2","courseOrg","courseTitle","intl","showUserDropdown","_useContext","authenticatedUser","_useState","_useState2","_slicedToArray","logoOrg","setLogoOrg","enableOrgLogo","ENABLE_ORG_LOGO","then","logoOrgUrl","headerLogo","Fragment","maxWidth","concat","LMS_BASE_URL","LOGO_URL_MOBILE","LOGO_URL","SITE_NAME","minWidth","formatMessage","skipNavLink","style","maxHeight","fontSize","ENABLE_HEADER_LANG_SELECTOR","options","JSON","parse","SITE_SUPPORTED_LANGUAGES","compact","username","bool","defaultProps"],"sources":["../../src/learning-header/LearningHeader.jsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport Responsive from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { AppContext } from '@edx/frontend-platform/react';\n\nimport AnonymousUserMenu from './AnonymousUserMenu';\nimport AuthenticatedUserDropdown from './AuthenticatedUserDropdown';\nimport LogoSlot from '../plugin-slots/LogoSlot';\nimport LearningHelpSlot from '../plugin-slots/LearningHelpSlot';\nimport messages from './messages';\nimport getCourseLogoOrg from './data/api';\nimport LanguageSelector from '../LanguageSelector';\n\nconst LinkedLogo = ({\n  href,\n  src,\n  alt,\n  ...attributes\n}) => (\n  <a href={href} {...attributes}>\n    <img className=\"d-block\" src={src} alt={alt} />\n  </a>\n);\n\nLinkedLogo.propTypes = {\n  href: PropTypes.string.isRequired,\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string.isRequired,\n};\nconst LearningHeader = ({\n  courseOrg, courseTitle, intl, showUserDropdown,\n}) => {\n  const { authenticatedUser } = useContext(AppContext);\n  const [logoOrg, setLogoOrg] = useState(null);\n  const enableOrgLogo = getConfig().ENABLE_ORG_LOGO;\n\n  useEffect(() => {\n    if (courseOrg && enableOrgLogo) {\n      getCourseLogoOrg().then((logoOrgUrl) => { setLogoOrg(logoOrgUrl); });\n    }\n  }, [courseOrg, enableOrgLogo]);\n\n  const headerLogo = (\n    <>\n      <Responsive maxWidth={769}>\n        <LogoSlot\n          href={`${getConfig().LMS_BASE_URL}/dashboard`}\n          src={getConfig().LOGO_URL_MOBILE || getConfig().LOGO_URL}\n          alt={getConfig().SITE_NAME}\n        />\n      </Responsive>\n      <Responsive minWidth={769}>\n        <LogoSlot\n          href={`${getConfig().LMS_BASE_URL}/dashboard`}\n          src={getConfig().LOGO_URL}\n          alt={getConfig().SITE_NAME}\n        />\n      </Responsive>\n    </>\n  );\n\n  return (\n    <header className=\"learning-header\">\n      <a className=\"sr-only sr-only-focusable\" href=\"#main-content\">{intl.formatMessage(messages.skipNavLink)}</a>\n      <div className=\"container-xl py-2 d-flex align-items-center justify-content-between\">\n        {headerLogo}\n        <div className=\"d-none d-md-block flex-grow-1 course-title-lockup\">\n          <div className={`d-md-flex ${enableOrgLogo && 'align-items-center justify-content-center'} w-100`}>\n            {enableOrgLogo && courseOrg && logoOrg && (\n              <img src={logoOrg} alt={`${courseOrg} logo`} style={{ maxHeight: '3rem', maxWidth: '15rem' }} />\n            )}\n            <span\n              className=\"d-inline-block course-title font-weight-semibold ml-3 text-truncate text-left\"\n              style={{ fontSize: '1rem' }}\n            >\n              {courseTitle}\n            </span>\n          </div>\n        </div>\n        <div className=\"d-flex align-items-center\">\n          {getConfig().ENABLE_HEADER_LANG_SELECTOR && (\n            <div className=\"mx-2 d-md-inline-flex\">\n              <Responsive maxWidth={1200}>\n                <LanguageSelector\n                  options={JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES)}\n                  compact\n                  authenticatedUser={authenticatedUser}\n                />\n              </Responsive>\n              <Responsive minWidth={1200}>\n                <LanguageSelector\n                  options={JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES)}\n                  compact={false}\n                  authenticatedUser={authenticatedUser}\n                />\n              </Responsive>\n            </div>\n          )}\n          {showUserDropdown && authenticatedUser && (\n            <>\n              <LearningHelpSlot />\n              <AuthenticatedUserDropdown\n                username={authenticatedUser.username}\n              />\n            </>\n          )}\n          {showUserDropdown && !authenticatedUser && (\n            <AnonymousUserMenu />\n          )}\n        </div>\n      </div>\n    </header>\n  );\n};\n\nLearningHeader.propTypes = {\n  courseOrg: PropTypes.string,\n  courseTitle: PropTypes.string,\n  intl: intlShape.isRequired,\n  showUserDropdown: PropTypes.bool,\n};\n\nLearningHeader.defaultProps = {\n  courseOrg: null,\n  courseTitle: null,\n  showUserDropdown: true,\n};\n\nexport default injectIntl(LearningHeader);\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,UAAU,QAAQ,8BAA8B;AAEzD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,yBAAyB,MAAM,6BAA6B;AACnE,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,gBAAgB,MAAM,kCAAkC;AAC/D,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,gBAAgB,MAAM,YAAY;AACzC,OAAOC,gBAAgB,MAAM,qBAAqB;AAElD,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA;EAAA,IACdC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACAC,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAEbxB,KAAA,CAAAyB,aAAA,MAAAC,QAAA;IAAGP,IAAI,EAAEA;EAAK,GAAKG,UAAU,gBAC3BtB,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAC,SAAS;IAACP,GAAG,EAAEA,GAAI;IAACC,GAAG,EAAEA;EAAI,CAAE,CAC7C,CAAC;AAAA,CACL;AAEDJ,UAAU,CAACW,SAAS,GAAG;EACrBT,IAAI,EAAEd,SAAS,CAACwB,MAAM,CAACC,UAAU;EACjCV,GAAG,EAAEf,SAAS,CAACwB,MAAM,CAACC,UAAU;EAChCT,GAAG,EAAEhB,SAAS,CAACwB,MAAM,CAACC;AACxB,CAAC;AACD,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAEd;EAAA,IADJC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IAAEC,gBAAgB,GAAAJ,KAAA,CAAhBI,gBAAgB;EAE9C,IAAAC,WAAA,GAA8BpC,UAAU,CAACQ,UAAU,CAAC;IAA5C6B,iBAAiB,GAAAD,WAAA,CAAjBC,iBAAiB;EACzB,IAAAC,SAAA,GAA8BpC,QAAQ,CAAC,IAAI,CAAC;IAAAqC,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAArCG,OAAO,GAAAF,UAAA;IAAEG,UAAU,GAAAH,UAAA;EAC1B,IAAMI,aAAa,GAAGtC,SAAS,CAAC,CAAC,CAACuC,eAAe;EAEjD3C,SAAS,CAAC,YAAM;IACd,IAAI+B,SAAS,IAAIW,aAAa,EAAE;MAC9B7B,gBAAgB,CAAC,CAAC,CAAC+B,IAAI,CAAC,UAACC,UAAU,EAAK;QAAEJ,UAAU,CAACI,UAAU,CAAC;MAAE,CAAC,CAAC;IACtE;EACF,CAAC,EAAE,CAACd,SAAS,EAAEW,aAAa,CAAC,CAAC;EAE9B,IAAMI,UAAU,gBACdhD,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAiD,QAAA,qBACEjD,KAAA,CAAAyB,aAAA,CAACrB,UAAU;IAAC8C,QAAQ,EAAE;EAAI,gBACxBlD,KAAA,CAAAyB,aAAA,CAACb,QAAQ;IACPO,IAAI,KAAAgC,MAAA,CAAK7C,SAAS,CAAC,CAAC,CAAC8C,YAAY,eAAa;IAC9ChC,GAAG,EAAEd,SAAS,CAAC,CAAC,CAAC+C,eAAe,IAAI/C,SAAS,CAAC,CAAC,CAACgD,QAAS;IACzDjC,GAAG,EAAEf,SAAS,CAAC,CAAC,CAACiD;EAAU,CAC5B,CACS,CAAC,eACbvD,KAAA,CAAAyB,aAAA,CAACrB,UAAU;IAACoD,QAAQ,EAAE;EAAI,gBACxBxD,KAAA,CAAAyB,aAAA,CAACb,QAAQ;IACPO,IAAI,KAAAgC,MAAA,CAAK7C,SAAS,CAAC,CAAC,CAAC8C,YAAY,eAAa;IAC9ChC,GAAG,EAAEd,SAAS,CAAC,CAAC,CAACgD,QAAS;IAC1BjC,GAAG,EAAEf,SAAS,CAAC,CAAC,CAACiD;EAAU,CAC5B,CACS,CACZ,CACH;EAED,oBACEvD,KAAA,CAAAyB,aAAA;IAAQE,SAAS,EAAC;EAAiB,gBACjC3B,KAAA,CAAAyB,aAAA;IAAGE,SAAS,EAAC,2BAA2B;IAACR,IAAI,EAAC;EAAe,GAAEgB,IAAI,CAACsB,aAAa,CAAC3C,QAAQ,CAAC4C,WAAW,CAAK,CAAC,eAC5G1D,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAC;EAAqE,GACjFqB,UAAU,eACXhD,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAC;EAAmD,gBAChE3B,KAAA,CAAAyB,aAAA;IAAKE,SAAS,eAAAwB,MAAA,CAAeP,aAAa,IAAI,2CAA2C;EAAS,GAC/FA,aAAa,IAAIX,SAAS,IAAIS,OAAO,iBACpC1C,KAAA,CAAAyB,aAAA;IAAKL,GAAG,EAAEsB,OAAQ;IAACrB,GAAG,KAAA8B,MAAA,CAAKlB,SAAS,UAAQ;IAAC0B,KAAK,EAAE;MAAEC,SAAS,EAAE,MAAM;MAAEV,QAAQ,EAAE;IAAQ;EAAE,CAAE,CAChG,eACDlD,KAAA,CAAAyB,aAAA;IACEE,SAAS,EAAC,+EAA+E;IACzFgC,KAAK,EAAE;MAAEE,QAAQ,EAAE;IAAO;EAAE,GAE3B3B,WACG,CACH,CACF,CAAC,eACNlC,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAC;EAA2B,GACvCrB,SAAS,CAAC,CAAC,CAACwD,2BAA2B,iBACtC9D,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAC;EAAuB,gBACpC3B,KAAA,CAAAyB,aAAA,CAACrB,UAAU;IAAC8C,QAAQ,EAAE;EAAK,gBACzBlD,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf+C,OAAO,EAAEC,IAAI,CAACC,KAAK,CAAC3D,SAAS,CAAC,CAAC,CAAC4D,wBAAwB,CAAE;IAC1DC,OAAO;IACP7B,iBAAiB,EAAEA;EAAkB,CACtC,CACS,CAAC,eACbtC,KAAA,CAAAyB,aAAA,CAACrB,UAAU;IAACoD,QAAQ,EAAE;EAAK,gBACzBxD,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf+C,OAAO,EAAEC,IAAI,CAACC,KAAK,CAAC3D,SAAS,CAAC,CAAC,CAAC4D,wBAAwB,CAAE;IAC1DC,OAAO,EAAE,KAAM;IACf7B,iBAAiB,EAAEA;EAAkB,CACtC,CACS,CACT,CACN,EACAF,gBAAgB,IAAIE,iBAAiB,iBACpCtC,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAiD,QAAA,qBACEjD,KAAA,CAAAyB,aAAA,CAACZ,gBAAgB,MAAE,CAAC,eACpBb,KAAA,CAAAyB,aAAA,CAACd,yBAAyB;IACxByD,QAAQ,EAAE9B,iBAAiB,CAAC8B;EAAS,CACtC,CACD,CACH,EACAhC,gBAAgB,IAAI,CAACE,iBAAiB,iBACrCtC,KAAA,CAAAyB,aAAA,CAACf,iBAAiB,MAAE,CAEnB,CACF,CACC,CAAC;AAEb,CAAC;AAEDqB,cAAc,CAACH,SAAS,GAAG;EACzBK,SAAS,EAAE5B,SAAS,CAACwB,MAAM;EAC3BK,WAAW,EAAE7B,SAAS,CAACwB,MAAM;EAC7BM,IAAI,EAAE3B,SAAS,CAACsB,UAAU;EAC1BM,gBAAgB,EAAE/B,SAAS,CAACgE;AAC9B,CAAC;AAEDtC,cAAc,CAACuC,YAAY,GAAG;EAC5BrC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE,IAAI;EACjBE,gBAAgB,EAAE;AACpB,CAAC;AAED,eAAe7B,UAAU,CAACwB,cAAc,CAAC","ignoreList":[]}

package/dist/learning-header/LearningHeaderCourseInfo.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+var LearningHeaderCourseInfo = function LearningHeaderCourseInfo(_ref) {
+  var courseOrg = _ref.courseOrg,
+    courseNumber = _ref.courseNumber,
+    courseTitle = _ref.courseTitle;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      minWidth: 0
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "d-block small m-0"
+  }, courseOrg, " ", courseNumber), /*#__PURE__*/React.createElement("span", {
+    className: "d-block m-0 font-weight-bold course-title"
+  }, courseTitle));
+};
+export var courseInfoDataShape = {
+  courseOrg: PropTypes.string,
+  courseNumber: PropTypes.string,
+  courseTitle: PropTypes.string
+};
+LearningHeaderCourseInfo.propTypes = courseInfoDataShape;
+export default LearningHeaderCourseInfo;
+//# sourceMappingURL=LearningHeaderCourseInfo.js.map

package/dist/learning-header/LearningHeaderCourseInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningHeaderCourseInfo.js","names":["React","PropTypes","LearningHeaderCourseInfo","_ref","courseOrg","courseNumber","courseTitle","createElement","style","minWidth","className","courseInfoDataShape","string","propTypes"],"sources":["../../src/learning-header/LearningHeaderCourseInfo.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst LearningHeaderCourseInfo = ({\n  courseOrg,\n  courseNumber,\n  courseTitle,\n}) => (\n  <div style={{ minWidth: 0 }}>\n    <span className=\"d-block small m-0\">{courseOrg} {courseNumber}</span>\n    <span className=\"d-block m-0 font-weight-bold course-title\">{courseTitle}</span>\n  </div>\n);\n\nexport const courseInfoDataShape = {\n  courseOrg: PropTypes.string,\n  courseNumber: PropTypes.string,\n  courseTitle: PropTypes.string,\n};\n\nLearningHeaderCourseInfo.propTypes = courseInfoDataShape;\n\nexport default LearningHeaderCourseInfo;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA;EAAA,IAC5BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,WAAW,GAAAH,IAAA,CAAXG,WAAW;EAAA,oBAEXN,KAAA,CAAAO,aAAA;IAAKC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAE;EAAE,gBAC1BT,KAAA,CAAAO,aAAA;IAAMG,SAAS,EAAC;EAAmB,GAAEN,SAAS,EAAC,GAAC,EAACC,YAAmB,CAAC,eACrEL,KAAA,CAAAO,aAAA;IAAMG,SAAS,EAAC;EAA2C,GAAEJ,WAAkB,CAC5E,CAAC;AAAA,CACP;AAED,OAAO,IAAMK,mBAAmB,GAAG;EACjCP,SAAS,EAAEH,SAAS,CAACW,MAAM;EAC3BP,YAAY,EAAEJ,SAAS,CAACW,MAAM;EAC9BN,WAAW,EAAEL,SAAS,CAACW;AACzB,CAAC;AAEDV,wBAAwB,CAACW,SAAS,GAAGF,mBAAmB;AAExD,eAAeT,wBAAwB","ignoreList":[]}

package/dist/learning-header/LearningHeaderHelpLink.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
+import messages from './messages';
+var LearningHeaderHelpLink = function LearningHeaderHelpLink() {
+  var intl = useIntl();
+  return /*#__PURE__*/React.createElement("a", {
+    className: "text-gray-700",
+    href: "".concat(getConfig().SUPPORT_URL)
+  }, intl.formatMessage(messages.help));
+};
+export default LearningHeaderHelpLink;
+//# sourceMappingURL=LearningHeaderHelpLink.js.map

package/dist/learning-header/LearningHeaderHelpLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningHeaderHelpLink.js","names":["React","getConfig","useIntl","messages","LearningHeaderHelpLink","intl","createElement","className","href","concat","SUPPORT_URL","formatMessage","help"],"sources":["../../src/learning-header/LearningHeaderHelpLink.jsx"],"sourcesContent":["import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport messages from './messages';\n\nconst LearningHeaderHelpLink = () => {\n  const intl = useIntl();\n  return (\n    <a className=\"text-gray-700\" href={`${getConfig().SUPPORT_URL}`}>{intl.formatMessage(messages.help)}</a>\n  );\n};\n\nexport default LearningHeaderHelpLink;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,OAAO,QAAQ,6BAA6B;AACrD,OAAOC,QAAQ,MAAM,YAAY;AAEjC,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EACnC,IAAMC,IAAI,GAAGH,OAAO,CAAC,CAAC;EACtB,oBACEF,KAAA,CAAAM,aAAA;IAAGC,SAAS,EAAC,eAAe;IAACC,IAAI,KAAAC,MAAA,CAAKR,SAAS,CAAC,CAAC,CAACS,WAAW;EAAG,GAAEL,IAAI,CAACM,aAAa,CAACR,QAAQ,CAACS,IAAI,CAAK,CAAC;AAE5G,CAAC;AAED,eAAeR,sBAAsB","ignoreList":[]}

package/dist/learning-header/LearningHeaderUserMenuItems.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Dropdown } from '@openedx/paragon';
+var LearningHeaderUserMenuItems = function LearningHeaderUserMenuItems(_ref) {
+  var items = _ref.items;
+  return items.map(function (item) {
+    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      href: item.href
+    }, item.message);
+  });
+};
+export var learningHeaderUserMenuDataShape = {
+  items: PropTypes.arrayOf(PropTypes.shape({
+    message: PropTypes.string,
+    href: PropTypes.string
+  }))
+};
+LearningHeaderUserMenuItems.propTypes = learningHeaderUserMenuDataShape;
+export default LearningHeaderUserMenuItems;
+//# sourceMappingURL=LearningHeaderUserMenuItems.js.map

package/dist/learning-header/LearningHeaderUserMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningHeaderUserMenuItems.js","names":["React","PropTypes","Dropdown","LearningHeaderUserMenuItems","_ref","items","map","item","createElement","Item","href","message","learningHeaderUserMenuDataShape","arrayOf","shape","string","propTypes"],"sources":["../../src/learning-header/LearningHeaderUserMenuItems.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Dropdown } from '@openedx/paragon';\n\nconst LearningHeaderUserMenuItems = ({ items }) => items.map((item) => (\n  <Dropdown.Item href={item.href}>\n    {item.message}\n  </Dropdown.Item>\n));\n\nexport const learningHeaderUserMenuDataShape = {\n  items: PropTypes.arrayOf(PropTypes.shape({\n    message: PropTypes.string,\n    href: PropTypes.string,\n  })),\n};\n\nLearningHeaderUserMenuItems.propTypes = learningHeaderUserMenuDataShape;\n\nexport default LearningHeaderUserMenuItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAOA,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI;IAAA,oBAChEP,KAAA,CAAAQ,aAAA,CAACN,QAAQ,CAACO,IAAI;MAACC,IAAI,EAAEH,IAAI,CAACG;IAAK,GAC5BH,IAAI,CAACI,OACO,CAAC;EAAA,CACjB,CAAC;AAAA;AAEF,OAAO,IAAMC,+BAA+B,GAAG;EAC7CP,KAAK,EAAEJ,SAAS,CAACY,OAAO,CAACZ,SAAS,CAACa,KAAK,CAAC;IACvCH,OAAO,EAAEV,SAAS,CAACc,MAAM;IACzBL,IAAI,EAAET,SAAS,CAACc;EAClB,CAAC,CAAC;AACJ,CAAC;AAEDZ,2BAA2B,CAACa,SAAS,GAAGJ,+BAA+B;AAEvE,eAAeT,2BAA2B","ignoreList":[]}

package/dist/learning-header/LearningLoggedOutButtons.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button } from '@openedx/paragon';
+var LearningLoggedOutButtons = function LearningLoggedOutButtons(_ref) {
+  var buttonsInfo = _ref.buttonsInfo;
+  return buttonsInfo.map(function (buttonInfo) {
+    var _buttonInfo$variant;
+    return /*#__PURE__*/React.createElement(Button, {
+      className: "ml-3",
+      variant: (_buttonInfo$variant = buttonInfo.variant) !== null && _buttonInfo$variant !== void 0 ? _buttonInfo$variant : 'outline-primary',
+      href: buttonInfo.href
+    }, buttonInfo.message);
+  });
+};
+export var learningHeaderLoggedOutItemsDataShape = {
+  buttonsInfo: PropTypes.arrayOf(PropTypes.shape({
+    message: PropTypes.string,
+    href: PropTypes.string,
+    variant: PropTypes.string
+  }))
+};
+LearningLoggedOutButtons.propTypes = learningHeaderLoggedOutItemsDataShape;
+export default LearningLoggedOutButtons;
+//# sourceMappingURL=LearningLoggedOutButtons.js.map

package/dist/learning-header/LearningLoggedOutButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningLoggedOutButtons.js","names":["React","PropTypes","Button","LearningLoggedOutButtons","_ref","buttonsInfo","map","buttonInfo","_buttonInfo$variant","createElement","className","variant","href","message","learningHeaderLoggedOutItemsDataShape","arrayOf","shape","string","propTypes"],"sources":["../../src/learning-header/LearningLoggedOutButtons.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '@openedx/paragon';\n\nconst LearningLoggedOutButtons = ({ buttonsInfo }) => buttonsInfo.map(buttonInfo => (\n  <Button\n    className=\"ml-3\"\n    variant={buttonInfo.variant ?? 'outline-primary'}\n    href={buttonInfo.href}\n  >\n    {buttonInfo.message}\n  </Button>\n));\n\nexport const learningHeaderLoggedOutItemsDataShape = {\n  buttonsInfo: PropTypes.arrayOf(PropTypes.shape({\n    message: PropTypes.string,\n    href: PropTypes.string,\n    variant: PropTypes.string,\n  })),\n};\n\nLearningLoggedOutButtons.propTypes = learningHeaderLoggedOutItemsDataShape;\n\nexport default LearningLoggedOutButtons;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA;EAAA,IAAMC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAAA,OAAOA,WAAW,CAACC,GAAG,CAAC,UAAAC,UAAU;IAAA,IAAAC,mBAAA;IAAA,oBAC9ER,KAAA,CAAAS,aAAA,CAACP,MAAM;MACLQ,SAAS,EAAC,MAAM;MAChBC,OAAO,GAAAH,mBAAA,GAAED,UAAU,CAACI,OAAO,cAAAH,mBAAA,cAAAA,mBAAA,GAAI,iBAAkB;MACjDI,IAAI,EAAEL,UAAU,CAACK;IAAK,GAErBL,UAAU,CAACM,OACN,CAAC;EAAA,CACV,CAAC;AAAA;AAEF,OAAO,IAAMC,qCAAqC,GAAG;EACnDT,WAAW,EAAEJ,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;IAC7CH,OAAO,EAAEZ,SAAS,CAACgB,MAAM;IACzBL,IAAI,EAAEX,SAAS,CAACgB,MAAM;IACtBN,OAAO,EAAEV,SAAS,CAACgB;EACrB,CAAC,CAAC;AACJ,CAAC;AAEDd,wBAAwB,CAACe,SAAS,GAAGJ,qCAAqC;AAE1E,eAAeX,wBAAwB","ignoreList":[]}

package/dist/learning-header/LearningUserMenuToggle.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import PropTypes from 'prop-types';
+var LearningUserMenuToggle = function LearningUserMenuToggle(_ref) {
+  var label = _ref.label,
+    icon = _ref.icon;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: icon,
+    className: "d-md-none",
+    size: "lg"
+  }), /*#__PURE__*/React.createElement("span", {
+    "data-hj-suppress": true,
+    className: "d-none d-md-inline"
+  }, label));
+};
+export var LearningUserMenuTogglePropTypes = {
+  label: PropTypes.string.isRequired,
+  // Full shape available by examining @fortawesome/fontawesome-common-types/index.d.ts.
+  icon: PropTypes.shape({
+    prefix: PropTypes.string.isRequired,
+    iconName: PropTypes.string.isRequired
+  }).isRequired
+};
+LearningUserMenuToggle.propTypes = LearningUserMenuTogglePropTypes;
+export default LearningUserMenuToggle;
+//# sourceMappingURL=LearningUserMenuToggle.js.map

package/dist/learning-header/LearningUserMenuToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningUserMenuToggle.js","names":["React","FontAwesomeIcon","PropTypes","LearningUserMenuToggle","_ref","label","icon","createElement","Fragment","className","size","LearningUserMenuTogglePropTypes","string","isRequired","shape","prefix","iconName","propTypes"],"sources":["../../src/learning-header/LearningUserMenuToggle.jsx"],"sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport PropTypes from 'prop-types';\n\nconst LearningUserMenuToggle = ({\n  label,\n  icon,\n}) => (\n  <>\n    <FontAwesomeIcon icon={icon} className=\"d-md-none\" size=\"lg\" />\n    <span data-hj-suppress className=\"d-none d-md-inline\">\n      {label}\n    </span>\n  </>\n);\n\nexport const LearningUserMenuTogglePropTypes = {\n  label: PropTypes.string.isRequired,\n  // Full shape available by examining @fortawesome/fontawesome-common-types/index.d.ts.\n  icon: PropTypes.shape({\n    prefix: PropTypes.string.isRequired,\n    iconName: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nLearningUserMenuToggle.propTypes = LearningUserMenuTogglePropTypes;\n\nexport default LearningUserMenuToggle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAChE,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA;EAAA,IAC1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAAA,oBAEJN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,qBACER,KAAA,CAAAO,aAAA,CAACN,eAAe;IAACK,IAAI,EAAEA,IAAK;IAACG,SAAS,EAAC,WAAW;IAACC,IAAI,EAAC;EAAI,CAAE,CAAC,eAC/DV,KAAA,CAAAO,aAAA;IAAM,wBAAgB;IAACE,SAAS,EAAC;EAAoB,GAClDJ,KACG,CACN,CAAC;AAAA,CACJ;AAED,OAAO,IAAMM,+BAA+B,GAAG;EAC7CN,KAAK,EAAEH,SAAS,CAACU,MAAM,CAACC,UAAU;EAClC;EACAP,IAAI,EAAEJ,SAAS,CAACY,KAAK,CAAC;IACpBC,MAAM,EAAEb,SAAS,CAACU,MAAM,CAACC,UAAU;IACnCG,QAAQ,EAAEd,SAAS,CAACU,MAAM,CAACC;EAC7B,CAAC,CAAC,CAACA;AACL,CAAC;AAEDV,sBAAsB,CAACc,SAAS,GAAGN,+BAA+B;AAElE,eAAeR,sBAAsB","ignoreList":[]}