@nauedu/frontend-component-header 20.0.0 → 20.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/dist/DesktopHeader.js +242 -0
  2. package/dist/DesktopHeader.js.map +1 -0
  3. package/dist/Header.js +9 -13
  4. package/dist/Header.js.map +1 -1
  5. package/dist/Header.test.jsx +0 -3
  6. package/dist/Icons.js +1 -1
  7. package/dist/LanguageSelector/data/api.js +5 -13
  8. package/dist/LanguageSelector/data/api.js.map +1 -1
  9. package/dist/LanguageSelector/index.js +4 -12
  10. package/dist/LanguageSelector/index.js.map +1 -1
  11. package/dist/Logo.js +23 -10
  12. package/dist/Logo.js.map +1 -1
  13. package/dist/Menu/Menu.js +11 -11
  14. package/dist/Menu/Menu.js.map +1 -1
  15. package/dist/Menu/menu.scss +6 -6
  16. package/dist/MobileHeader.js +244 -0
  17. package/dist/MobileHeader.js.map +1 -0
  18. package/dist/__snapshots__/Header.test.jsx.snap +0 -2
  19. package/dist/index.scss +15 -27
  20. package/dist/learning-header/AnonymousUserMenu.js +8 -11
  21. package/dist/learning-header/AnonymousUserMenu.js.map +1 -1
  22. package/dist/learning-header/AuthenticatedUserDropdown.js +24 -32
  23. package/dist/learning-header/AuthenticatedUserDropdown.js.map +1 -1
  24. package/dist/learning-header/LearningHeader.js +14 -15
  25. package/dist/learning-header/LearningHeader.js.map +1 -1
  26. package/dist/learning-header/data/api.js +4 -12
  27. package/dist/learning-header/data/api.js.map +1 -1
  28. package/dist/learning-header/data/api.test.js +95 -92
  29. package/dist/learning-header/data/api.test.js.map +1 -1
  30. package/dist/learning-header/messages.js +0 -5
  31. package/dist/learning-header/messages.js.map +1 -1
  32. package/dist/setupTest.js +2 -0
  33. package/dist/studio-header/BrandNav.js +21 -0
  34. package/dist/studio-header/BrandNav.js.map +1 -0
  35. package/dist/studio-header/CourseLockUp.js +45 -0
  36. package/dist/studio-header/CourseLockUp.js.map +1 -0
  37. package/dist/studio-header/HeaderBody.js +131 -0
  38. package/dist/studio-header/HeaderBody.js.map +1 -0
  39. package/dist/studio-header/MobileHeader.js +79 -0
  40. package/dist/studio-header/MobileHeader.js.map +1 -0
  41. package/dist/studio-header/MobileMenu.js +45 -0
  42. package/dist/studio-header/MobileMenu.js.map +1 -0
  43. package/dist/studio-header/NavDropdownMenu.js +30 -0
  44. package/dist/studio-header/NavDropdownMenu.js.map +1 -0
  45. package/dist/studio-header/StudioHeader.js +72 -0
  46. package/dist/studio-header/StudioHeader.js.map +1 -0
  47. package/dist/studio-header/StudioHeader.scss +10 -8
  48. package/dist/studio-header/UserMenu.js +55 -0
  49. package/dist/studio-header/UserMenu.js.map +1 -0
  50. package/dist/studio-header/{index.ts → index.js} +1 -1
  51. package/dist/studio-header/index.js.map +1 -0
  52. package/dist/studio-header/{messages.ts → messages.js} +14 -15
  53. package/dist/studio-header/messages.js.map +1 -0
  54. package/dist/studio-header/utils.js +29 -0
  55. package/dist/studio-header/utils.js.map +1 -0
  56. package/dist/test-utils.js +4 -12
  57. package/dist/test-utils.js.map +1 -1
  58. package/package.json +1 -1
  59. package/dist/desktop-header/DesktopHeader.js +0 -172
  60. package/dist/desktop-header/DesktopHeader.js.map +0 -1
  61. package/dist/desktop-header/DesktopHeaderMainOrSecondaryMenu.js +0 -51
  62. package/dist/desktop-header/DesktopHeaderMainOrSecondaryMenu.js.map +0 -1
  63. package/dist/desktop-header/DesktopHeaderUserMenu.js +0 -49
  64. package/dist/desktop-header/DesktopHeaderUserMenu.js.map +0 -1
  65. package/dist/desktop-header/DesktopLoggedOutItems.js +0 -22
  66. package/dist/desktop-header/DesktopLoggedOutItems.js.map +0 -1
  67. package/dist/desktop-header/DesktopUserMenuToggle.js +0 -25
  68. package/dist/desktop-header/DesktopUserMenuToggle.js.map +0 -1
  69. package/dist/frontend-platform.d.ts +0 -41
  70. package/dist/learning-header/LearningHeaderCourseInfo.js +0 -24
  71. package/dist/learning-header/LearningHeaderCourseInfo.js.map +0 -1
  72. package/dist/learning-header/LearningHeaderHelpLink.js +0 -13
  73. package/dist/learning-header/LearningHeaderHelpLink.js.map +0 -1
  74. package/dist/learning-header/LearningHeaderUserMenuItems.js +0 -20
  75. package/dist/learning-header/LearningHeaderUserMenuItems.js.map +0 -1
  76. package/dist/learning-header/LearningLoggedOutButtons.js +0 -24
  77. package/dist/learning-header/LearningLoggedOutButtons.js.map +0 -1
  78. package/dist/learning-header/LearningUserMenuToggle.js +0 -26
  79. package/dist/learning-header/LearningUserMenuToggle.js.map +0 -1
  80. package/dist/mobile-header/MobileHeader.js +0 -197
  81. package/dist/mobile-header/MobileHeader.js.map +0 -1
  82. package/dist/mobile-header/MobileHeaderMainMenu.js +0 -46
  83. package/dist/mobile-header/MobileHeaderMainMenu.js.map +0 -1
  84. package/dist/mobile-header/MobileHeaderUserMenu.js +0 -38
  85. package/dist/mobile-header/MobileHeaderUserMenu.js.map +0 -1
  86. package/dist/mobile-header/MobileLoggedOutItems.js +0 -27
  87. package/dist/mobile-header/MobileLoggedOutItems.js.map +0 -1
  88. package/dist/mobile-header/MobileUserMenuToggle.js +0 -19
  89. package/dist/mobile-header/MobileUserMenuToggle.js.map +0 -1
  90. package/dist/plugin-slots/CourseInfoSlot/README.md +0 -128
  91. package/dist/plugin-slots/CourseInfoSlot/images/add_custom_components_before_and_after_course_info.png +0 -0
  92. package/dist/plugin-slots/CourseInfoSlot/images/replace_course_info_with_custom_component.png +0 -0
  93. package/dist/plugin-slots/CourseInfoSlot/images/replace_course_title.png +0 -0
  94. package/dist/plugin-slots/CourseInfoSlot/index.js +0 -32
  95. package/dist/plugin-slots/CourseInfoSlot/index.js.map +0 -1
  96. package/dist/plugin-slots/DesktopHeaderSlot/README.md +0 -44
  97. package/dist/plugin-slots/DesktopHeaderSlot/images/desktop_header_custom_component.png +0 -0
  98. package/dist/plugin-slots/DesktopHeaderSlot/index.js +0 -16
  99. package/dist/plugin-slots/DesktopHeaderSlot/index.js.map +0 -1
  100. package/dist/plugin-slots/DesktopLoggedOutItemsSlot/README.md +0 -137
  101. package/dist/plugin-slots/DesktopLoggedOutItemsSlot/images/desktop_logged_out_items_custom_component.png +0 -0
  102. package/dist/plugin-slots/DesktopLoggedOutItemsSlot/images/desktop_logged_out_items_custom_components_before_after.png +0 -0
  103. package/dist/plugin-slots/DesktopLoggedOutItemsSlot/images/desktop_logged_out_items_modify_items.png +0 -0
  104. package/dist/plugin-slots/DesktopLoggedOutItemsSlot/index.js +0 -20
  105. package/dist/plugin-slots/DesktopLoggedOutItemsSlot/index.js.map +0 -1
  106. package/dist/plugin-slots/DesktopMainMenuSlot/README.md +0 -137
  107. package/dist/plugin-slots/DesktopMainMenuSlot/images/desktop_main_menu_custom_component.png +0 -0
  108. package/dist/plugin-slots/DesktopMainMenuSlot/images/desktop_main_menu_custom_components_before_after.png +0 -0
  109. package/dist/plugin-slots/DesktopMainMenuSlot/images/desktop_main_menu_modify_items.png +0 -0
  110. package/dist/plugin-slots/DesktopMainMenuSlot/index.js +0 -20
  111. package/dist/plugin-slots/DesktopMainMenuSlot/index.js.map +0 -1
  112. package/dist/plugin-slots/DesktopSecondaryMenuSlot/README.md +0 -132
  113. package/dist/plugin-slots/DesktopSecondaryMenuSlot/images/desktop_secondary_menu_custom_component.png +0 -0
  114. package/dist/plugin-slots/DesktopSecondaryMenuSlot/images/desktop_secondary_menu_custom_components_before_after.png +0 -0
  115. package/dist/plugin-slots/DesktopSecondaryMenuSlot/images/desktop_secondary_menu_modify_items.png +0 -0
  116. package/dist/plugin-slots/DesktopSecondaryMenuSlot/index.js +0 -20
  117. package/dist/plugin-slots/DesktopSecondaryMenuSlot/index.js.map +0 -1
  118. package/dist/plugin-slots/DesktopUserMenuSlot/README.md +0 -144
  119. package/dist/plugin-slots/DesktopUserMenuSlot/images/desktop_user_menu_custom_component.png +0 -0
  120. package/dist/plugin-slots/DesktopUserMenuSlot/images/desktop_user_menu_custom_components_before_after.png +0 -0
  121. package/dist/plugin-slots/DesktopUserMenuSlot/images/desktop_user_menu_modify_items.png +0 -0
  122. package/dist/plugin-slots/DesktopUserMenuSlot/index.js +0 -20
  123. package/dist/plugin-slots/DesktopUserMenuSlot/index.js.map +0 -1
  124. package/dist/plugin-slots/DesktopUserMenuToggleSlot/README.md +0 -74
  125. package/dist/plugin-slots/DesktopUserMenuToggleSlot/images/desktop_user_menu_custom_component.png +0 -0
  126. package/dist/plugin-slots/DesktopUserMenuToggleSlot/images/desktop_user_menu_modified_toggle.png +0 -0
  127. package/dist/plugin-slots/DesktopUserMenuToggleSlot/index.js +0 -19
  128. package/dist/plugin-slots/DesktopUserMenuToggleSlot/index.js.map +0 -1
  129. package/dist/plugin-slots/LearningHelpSlot/README.md +0 -44
  130. package/dist/plugin-slots/LearningHelpSlot/images/learning_help_custom_component.png +0 -0
  131. package/dist/plugin-slots/LearningHelpSlot/index.js +0 -11
  132. package/dist/plugin-slots/LearningHelpSlot/index.js.map +0 -1
  133. package/dist/plugin-slots/LearningLoggedOutItemsSlot/README.md +0 -135
  134. package/dist/plugin-slots/LearningLoggedOutItemsSlot/images/learning_logged_out_items_custom_component.png +0 -0
  135. package/dist/plugin-slots/LearningLoggedOutItemsSlot/images/learning_logged_out_items_custom_components_before_after.png +0 -0
  136. package/dist/plugin-slots/LearningLoggedOutItemsSlot/images/learning_logged_out_items_modified_items.png +0 -0
  137. package/dist/plugin-slots/LearningLoggedOutItemsSlot/index.js +0 -18
  138. package/dist/plugin-slots/LearningLoggedOutItemsSlot/index.js.map +0 -1
  139. package/dist/plugin-slots/LearningUserMenuSlot/README.md +0 -133
  140. package/dist/plugin-slots/LearningUserMenuSlot/images/learning_user_menu_custom_component.png +0 -0
  141. package/dist/plugin-slots/LearningUserMenuSlot/images/learning_user_menu_custom_components_before_after.png +0 -0
  142. package/dist/plugin-slots/LearningUserMenuSlot/images/learning_user_menu_modified_items.png +0 -0
  143. package/dist/plugin-slots/LearningUserMenuSlot/index.js +0 -18
  144. package/dist/plugin-slots/LearningUserMenuSlot/index.js.map +0 -1
  145. package/dist/plugin-slots/LearningUserMenuToggleSlot/README.md +0 -74
  146. package/dist/plugin-slots/LearningUserMenuToggleSlot/images/learning_user_menu_toggle_custom_component.png +0 -0
  147. package/dist/plugin-slots/LearningUserMenuToggleSlot/images/learning_user_menu_toggle_modified_items.png +0 -0
  148. package/dist/plugin-slots/LearningUserMenuToggleSlot/index.js +0 -19
  149. package/dist/plugin-slots/LearningUserMenuToggleSlot/index.js.map +0 -1
  150. package/dist/plugin-slots/LogoSlot/README.md +0 -72
  151. package/dist/plugin-slots/LogoSlot/index.js +0 -27
  152. package/dist/plugin-slots/LogoSlot/index.js.map +0 -1
  153. package/dist/plugin-slots/MobileHeaderSlot/README.md +0 -44
  154. package/dist/plugin-slots/MobileHeaderSlot/images/mobile_header_custom_component.png +0 -0
  155. package/dist/plugin-slots/MobileHeaderSlot/index.js +0 -16
  156. package/dist/plugin-slots/MobileHeaderSlot/index.js.map +0 -1
  157. package/dist/plugin-slots/MobileLoggedOutItemsSlot/README.md +0 -136
  158. package/dist/plugin-slots/MobileLoggedOutItemsSlot/images/mobile_logged_out_items_custom_component.png +0 -0
  159. package/dist/plugin-slots/MobileLoggedOutItemsSlot/images/mobile_logged_out_items_custom_components_before_after.png +0 -0
  160. package/dist/plugin-slots/MobileLoggedOutItemsSlot/images/mobile_logged_out_items_modify_items.png +0 -0
  161. package/dist/plugin-slots/MobileLoggedOutItemsSlot/index.js +0 -20
  162. package/dist/plugin-slots/MobileLoggedOutItemsSlot/index.js.map +0 -1
  163. package/dist/plugin-slots/MobileMainMenuSlot/README.md +0 -136
  164. package/dist/plugin-slots/MobileMainMenuSlot/images/mobile_main_menu_custom_component.png +0 -0
  165. package/dist/plugin-slots/MobileMainMenuSlot/images/mobile_main_menu_custom_components_before_after.png +0 -0
  166. package/dist/plugin-slots/MobileMainMenuSlot/images/mobile_main_menu_modify_items.png +0 -0
  167. package/dist/plugin-slots/MobileMainMenuSlot/index.js +0 -20
  168. package/dist/plugin-slots/MobileMainMenuSlot/index.js.map +0 -1
  169. package/dist/plugin-slots/MobileUserMenuSlot/README.md +0 -144
  170. package/dist/plugin-slots/MobileUserMenuSlot/images/mobile_user_menu_custom_component.png +0 -0
  171. package/dist/plugin-slots/MobileUserMenuSlot/images/mobile_user_menu_custom_components_before_after.png +0 -0
  172. package/dist/plugin-slots/MobileUserMenuSlot/images/mobile_user_menu_modify_items.png +0 -0
  173. package/dist/plugin-slots/MobileUserMenuSlot/index.js +0 -20
  174. package/dist/plugin-slots/MobileUserMenuSlot/index.js.map +0 -1
  175. package/dist/plugin-slots/MobileUserMenuToggleSlot/README.md +0 -74
  176. package/dist/plugin-slots/MobileUserMenuToggleSlot/images/mobile_user_menu_toggle_custom_component.png +0 -0
  177. package/dist/plugin-slots/MobileUserMenuToggleSlot/images/mobile_user_menu_toggle_modified_items.png +0 -0
  178. package/dist/plugin-slots/MobileUserMenuToggleSlot/index.js +0 -19
  179. package/dist/plugin-slots/MobileUserMenuToggleSlot/index.js.map +0 -1
  180. package/dist/plugin-slots/README.md +0 -26
  181. package/dist/studio-header/BrandNav.test.tsx +0 -40
  182. package/dist/studio-header/BrandNav.tsx +0 -25
  183. package/dist/studio-header/CourseLockUp.test.tsx +0 -59
  184. package/dist/studio-header/CourseLockUp.tsx +0 -56
  185. package/dist/studio-header/HeaderBody.test.tsx +0 -102
  186. package/dist/studio-header/HeaderBody.tsx +0 -196
  187. package/dist/studio-header/MobileHeader.tsx +0 -74
  188. package/dist/studio-header/MobileMenu.test.tsx +0 -81
  189. package/dist/studio-header/MobileMenu.tsx +0 -50
  190. package/dist/studio-header/NavDropdownMenu.test.tsx +0 -67
  191. package/dist/studio-header/NavDropdownMenu.tsx +0 -42
  192. package/dist/studio-header/StudioHeader.test.tsx +0 -220
  193. package/dist/studio-header/StudioHeader.tsx +0 -84
  194. package/dist/studio-header/UserMenu.tsx +0 -69
  195. package/dist/studio-header/utils.ts +0 -37
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- var LearningHeaderCourseInfo = function LearningHeaderCourseInfo(_ref) {
4
- var courseOrg = _ref.courseOrg,
5
- courseNumber = _ref.courseNumber,
6
- courseTitle = _ref.courseTitle;
7
- return /*#__PURE__*/React.createElement("div", {
8
- style: {
9
- minWidth: 0
10
- }
11
- }, /*#__PURE__*/React.createElement("span", {
12
- className: "d-block small m-0"
13
- }, courseOrg, " ", courseNumber), /*#__PURE__*/React.createElement("span", {
14
- className: "d-block m-0 font-weight-bold course-title"
15
- }, courseTitle));
16
- };
17
- export var courseInfoDataShape = {
18
- courseOrg: PropTypes.string,
19
- courseNumber: PropTypes.string,
20
- courseTitle: PropTypes.string
21
- };
22
- LearningHeaderCourseInfo.propTypes = courseInfoDataShape;
23
- export default LearningHeaderCourseInfo;
24
- //# sourceMappingURL=LearningHeaderCourseInfo.js.map
@@ -1 +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":[]}
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { getConfig } from '@edx/frontend-platform';
3
- import { useIntl } from '@edx/frontend-platform/i18n';
4
- import messages from './messages';
5
- var LearningHeaderHelpLink = function LearningHeaderHelpLink() {
6
- var intl = useIntl();
7
- return /*#__PURE__*/React.createElement("a", {
8
- className: "text-gray-700",
9
- href: "".concat(getConfig().SUPPORT_URL)
10
- }, intl.formatMessage(messages.help));
11
- };
12
- export default LearningHeaderHelpLink;
13
- //# sourceMappingURL=LearningHeaderHelpLink.js.map
@@ -1 +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":[]}
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { Dropdown } from '@openedx/paragon';
4
- var LearningHeaderUserMenuItems = function LearningHeaderUserMenuItems(_ref) {
5
- var items = _ref.items;
6
- return items.map(function (item) {
7
- return /*#__PURE__*/React.createElement(Dropdown.Item, {
8
- href: item.href
9
- }, item.message);
10
- });
11
- };
12
- export var learningHeaderUserMenuDataShape = {
13
- items: PropTypes.arrayOf(PropTypes.shape({
14
- message: PropTypes.string,
15
- href: PropTypes.string
16
- }))
17
- };
18
- LearningHeaderUserMenuItems.propTypes = learningHeaderUserMenuDataShape;
19
- export default LearningHeaderUserMenuItems;
20
- //# sourceMappingURL=LearningHeaderUserMenuItems.js.map
@@ -1 +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":[]}
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { Button } from '@openedx/paragon';
4
- var LearningLoggedOutButtons = function LearningLoggedOutButtons(_ref) {
5
- var buttonsInfo = _ref.buttonsInfo;
6
- return buttonsInfo.map(function (buttonInfo) {
7
- var _buttonInfo$variant;
8
- return /*#__PURE__*/React.createElement(Button, {
9
- className: "ml-3",
10
- variant: (_buttonInfo$variant = buttonInfo.variant) !== null && _buttonInfo$variant !== void 0 ? _buttonInfo$variant : 'outline-primary',
11
- href: buttonInfo.href
12
- }, buttonInfo.message);
13
- });
14
- };
15
- export var learningHeaderLoggedOutItemsDataShape = {
16
- buttonsInfo: PropTypes.arrayOf(PropTypes.shape({
17
- message: PropTypes.string,
18
- href: PropTypes.string,
19
- variant: PropTypes.string
20
- }))
21
- };
22
- LearningLoggedOutButtons.propTypes = learningHeaderLoggedOutItemsDataShape;
23
- export default LearningLoggedOutButtons;
24
- //# sourceMappingURL=LearningLoggedOutButtons.js.map
@@ -1 +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":[]}
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
3
- import PropTypes from 'prop-types';
4
- var LearningUserMenuToggle = function LearningUserMenuToggle(_ref) {
5
- var label = _ref.label,
6
- icon = _ref.icon;
7
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
8
- icon: icon,
9
- className: "d-md-none",
10
- size: "lg"
11
- }), /*#__PURE__*/React.createElement("span", {
12
- "data-hj-suppress": true,
13
- className: "d-none d-md-inline"
14
- }, label));
15
- };
16
- export var LearningUserMenuTogglePropTypes = {
17
- label: PropTypes.string.isRequired,
18
- // Full shape available by examining @fortawesome/fontawesome-common-types/index.d.ts.
19
- icon: PropTypes.shape({
20
- prefix: PropTypes.string.isRequired,
21
- iconName: PropTypes.string.isRequired
22
- }).isRequired
23
- };
24
- LearningUserMenuToggle.propTypes = LearningUserMenuTogglePropTypes;
25
- export default LearningUserMenuToggle;
26
- //# sourceMappingURL=LearningUserMenuToggle.js.map
@@ -1 +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":[]}
@@ -1,197 +0,0 @@
1
- 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); }
2
- 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); }
3
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
4
- 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."); }
5
- 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; } }
6
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
7
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
8
- 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; }
9
- function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
10
- function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
11
- function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
12
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
13
- 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); }
14
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
15
- function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
16
- function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
17
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
18
- function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
19
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
20
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
21
- import React from 'react';
22
- import PropTypes from 'prop-types';
23
- import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
24
- import { getConfig } from '@edx/frontend-platform';
25
-
26
- // Local Components
27
- import MobileUserMenuToggleSlot from '../plugin-slots/MobileUserMenuToggleSlot';
28
- import { Menu, MenuTrigger, MenuContent } from '../Menu';
29
- import LogoSlot from '../plugin-slots/LogoSlot';
30
- import MobileLoggedOutItemsSlot from '../plugin-slots/MobileLoggedOutItemsSlot';
31
- import { mobileHeaderLoggedOutItemsDataShape } from './MobileLoggedOutItems';
32
- import MobileMainMenuSlot from '../plugin-slots/MobileMainMenuSlot';
33
- import { mobileHeaderMainMenuDataShape } from './MobileHeaderMainMenu';
34
- import MobileUserMenuSlot from '../plugin-slots/MobileUserMenuSlot';
35
- import { mobileHeaderUserMenuDataShape } from './MobileHeaderUserMenu';
36
-
37
- // i18n
38
- import messages from '../Header.messages';
39
-
40
- // Assets
41
- import { MenuIcon } from '../Icons';
42
- var MobileHeader = /*#__PURE__*/function (_React$Component) {
43
- function MobileHeader(props) {
44
- _classCallCheck(this, MobileHeader);
45
- // eslint-disable-line @typescript-eslint/no-useless-constructor
46
- return _callSuper(this, MobileHeader, [props]);
47
- }
48
- _inherits(MobileHeader, _React$Component);
49
- return _createClass(MobileHeader, [{
50
- key: "renderMainMenu",
51
- value: function renderMainMenu() {
52
- var _this$props = this.props,
53
- mainMenu = _this$props.mainMenu,
54
- secondaryMenu = _this$props.secondaryMenu;
55
- return /*#__PURE__*/React.createElement(MobileMainMenuSlot, {
56
- menu: [].concat(_toConsumableArray(mainMenu), _toConsumableArray(secondaryMenu))
57
- });
58
- }
59
- }, {
60
- key: "renderUserMenuItems",
61
- value: function renderUserMenuItems() {
62
- var userMenu = this.props.userMenu;
63
- return /*#__PURE__*/React.createElement(MobileUserMenuSlot, {
64
- menu: userMenu
65
- });
66
- }
67
- }, {
68
- key: "renderLoggedOutItems",
69
- value: function renderLoggedOutItems() {
70
- var loggedOutItems = this.props.loggedOutItems;
71
- return /*#__PURE__*/React.createElement(MobileLoggedOutItemsSlot, {
72
- items: loggedOutItems
73
- });
74
- }
75
- }, {
76
- key: "renderUserMenuToggle",
77
- value: function renderUserMenuToggle() {
78
- var _this$props2 = this.props,
79
- avatar = _this$props2.avatar,
80
- username = _this$props2.username;
81
- return /*#__PURE__*/React.createElement(MobileUserMenuToggleSlot, {
82
- avatar: avatar,
83
- label: username
84
- });
85
- }
86
- }, {
87
- key: "render",
88
- value: function render() {
89
- var _this$props3 = this.props,
90
- logo = _this$props3.logo,
91
- logoAltText = _this$props3.logoAltText,
92
- logoDestination = _this$props3.logoDestination,
93
- loggedIn = _this$props3.loggedIn,
94
- stickyOnMobile = _this$props3.stickyOnMobile,
95
- intl = _this$props3.intl,
96
- mainMenu = _this$props3.mainMenu,
97
- userMenu = _this$props3.userMenu,
98
- loggedOutItems = _this$props3.loggedOutItems;
99
- var logoProps = {
100
- src: logo,
101
- alt: logoAltText,
102
- href: logoDestination
103
- };
104
- var stickyClassName = stickyOnMobile ? 'sticky-top' : '';
105
- var logoClasses = getConfig().AUTHN_MINIMAL_HEADER ? 'justify-content-left pl-3' : 'justify-content-center';
106
- return /*#__PURE__*/React.createElement("header", {
107
- "aria-label": intl.formatMessage(messages['header.label.main.header']),
108
- className: "site-header-mobile d-flex justify-content-between align-items-center shadow ".concat(stickyClassName)
109
- }, /*#__PURE__*/React.createElement("a", {
110
- className: "nav-skip sr-only sr-only-focusable",
111
- href: "#main"
112
- }, intl.formatMessage(messages['header.label.skip.nav'])), mainMenu.length > 0 ? /*#__PURE__*/React.createElement("div", {
113
- className: "w-100 d-flex justify-content-start"
114
- }, /*#__PURE__*/React.createElement(Menu, {
115
- className: "position-static"
116
- }, /*#__PURE__*/React.createElement(MenuTrigger, {
117
- tag: "button",
118
- className: "icon-button",
119
- "aria-label": intl.formatMessage(messages['header.label.main.menu']),
120
- title: intl.formatMessage(messages['header.label.main.menu'])
121
- }, /*#__PURE__*/React.createElement(MenuIcon, {
122
- role: "img",
123
- "aria-hidden": true,
124
- focusable: "false",
125
- style: {
126
- width: '1.5rem',
127
- height: '1.5rem'
128
- }
129
- })), /*#__PURE__*/React.createElement(MenuContent, {
130
- tag: "nav",
131
- "aria-label": intl.formatMessage(messages['header.label.main.nav']),
132
- className: "nav flex-column pin-left pin-right border-top shadow py-2"
133
- }, this.renderMainMenu()))) : null, /*#__PURE__*/React.createElement("div", {
134
- className: "w-100 d-flex ".concat(logoClasses)
135
- }, /*#__PURE__*/React.createElement(LogoSlot, _extends({}, logoProps, {
136
- itemType: "http://schema.org/Organization"
137
- }))), userMenu.length > 0 || loggedOutItems.length > 0 ? /*#__PURE__*/React.createElement("div", {
138
- className: "w-100 d-flex justify-content-end align-items-center"
139
- }, /*#__PURE__*/React.createElement(Menu, {
140
- tag: "nav",
141
- "aria-label": intl.formatMessage(messages['header.label.secondary.nav']),
142
- className: "position-static"
143
- }, /*#__PURE__*/React.createElement(MenuTrigger, {
144
- tag: "button",
145
- className: "icon-button",
146
- "aria-label": intl.formatMessage(messages['header.label.account.menu']),
147
- title: intl.formatMessage(messages['header.label.account.menu'])
148
- }, this.renderUserMenuToggle()), /*#__PURE__*/React.createElement(MenuContent, {
149
- tag: "ul",
150
- className: "nav flex-column pin-left pin-right border-top shadow py-2"
151
- }, loggedIn ? this.renderUserMenuItems() : this.renderLoggedOutItems()))) : null);
152
- }
153
- }]);
154
- }(React.Component);
155
- export var mobileHeaderDataShape = {
156
- mainMenu: mobileHeaderMainMenuDataShape,
157
- secondaryMenu: mobileHeaderMainMenuDataShape,
158
- userMenu: mobileHeaderUserMenuDataShape,
159
- loggedOutItems: mobileHeaderLoggedOutItemsDataShape,
160
- logo: PropTypes.string,
161
- logoAltText: PropTypes.string,
162
- logoDestination: PropTypes.string,
163
- avatar: PropTypes.string,
164
- username: PropTypes.string,
165
- loggedIn: PropTypes.bool,
166
- stickyOnMobile: PropTypes.bool
167
- };
168
- MobileHeader.propTypes = {
169
- mainMenu: mobileHeaderDataShape.mainMenu,
170
- secondaryMenu: mobileHeaderDataShape.secondaryMenu,
171
- userMenu: mobileHeaderDataShape.userMenu,
172
- loggedOutItems: mobileHeaderDataShape.loggedOutItems,
173
- logo: mobileHeaderDataShape.logo,
174
- logoAltText: mobileHeaderDataShape.logoAltText,
175
- logoDestination: mobileHeaderDataShape.logoDestination,
176
- avatar: mobileHeaderDataShape.avatar,
177
- username: mobileHeaderDataShape.username,
178
- loggedIn: mobileHeaderDataShape.loggedIn,
179
- stickyOnMobile: mobileHeaderDataShape.stickyOnMobile,
180
- // i18n
181
- intl: intlShape.isRequired
182
- };
183
- MobileHeader.defaultProps = {
184
- mainMenu: [],
185
- secondaryMenu: [],
186
- userMenu: [],
187
- loggedOutItems: [],
188
- logo: null,
189
- logoAltText: null,
190
- logoDestination: null,
191
- avatar: null,
192
- username: null,
193
- loggedIn: false,
194
- stickyOnMobile: true
195
- };
196
- export default injectIntl(MobileHeader);
197
- //# sourceMappingURL=MobileHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileHeader.js","names":["React","PropTypes","injectIntl","intlShape","getConfig","MobileUserMenuToggleSlot","Menu","MenuTrigger","MenuContent","LogoSlot","MobileLoggedOutItemsSlot","mobileHeaderLoggedOutItemsDataShape","MobileMainMenuSlot","mobileHeaderMainMenuDataShape","MobileUserMenuSlot","mobileHeaderUserMenuDataShape","messages","MenuIcon","MobileHeader","_React$Component","props","_classCallCheck","_callSuper","_inherits","_createClass","key","value","renderMainMenu","_this$props","mainMenu","secondaryMenu","createElement","menu","concat","_toConsumableArray","renderUserMenuItems","userMenu","renderLoggedOutItems","loggedOutItems","items","renderUserMenuToggle","_this$props2","avatar","username","label","render","_this$props3","logo","logoAltText","logoDestination","loggedIn","stickyOnMobile","intl","logoProps","src","alt","href","stickyClassName","logoClasses","AUTHN_MINIMAL_HEADER","formatMessage","className","length","tag","title","role","focusable","style","width","height","_extends","itemType","Component","mobileHeaderDataShape","string","bool","propTypes","isRequired","defaultProps"],"sources":["../../src/mobile-header/MobileHeader.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';\n\n// Local Components\nimport MobileUserMenuToggleSlot from '../plugin-slots/MobileUserMenuToggleSlot';\nimport { Menu, MenuTrigger, MenuContent } from '../Menu';\nimport LogoSlot from '../plugin-slots/LogoSlot';\nimport MobileLoggedOutItemsSlot from '../plugin-slots/MobileLoggedOutItemsSlot';\nimport { mobileHeaderLoggedOutItemsDataShape } from './MobileLoggedOutItems';\nimport MobileMainMenuSlot from '../plugin-slots/MobileMainMenuSlot';\nimport { mobileHeaderMainMenuDataShape } from './MobileHeaderMainMenu';\nimport MobileUserMenuSlot from '../plugin-slots/MobileUserMenuSlot';\nimport { mobileHeaderUserMenuDataShape } from './MobileHeaderUserMenu';\n\n// i18n\nimport messages from '../Header.messages';\n\n// Assets\nimport { MenuIcon } from '../Icons';\n\nclass MobileHeader extends React.Component {\n constructor(props) { // eslint-disable-line @typescript-eslint/no-useless-constructor\n super(props);\n }\n\n renderMainMenu() {\n const { mainMenu, secondaryMenu } = this.props;\n return <MobileMainMenuSlot menu={[...mainMenu, ...secondaryMenu]} />;\n }\n\n renderUserMenuItems() {\n const { userMenu } = this.props;\n return <MobileUserMenuSlot menu={userMenu} />;\n }\n\n renderLoggedOutItems() {\n const { loggedOutItems } = this.props;\n return <MobileLoggedOutItemsSlot items={loggedOutItems} />;\n }\n\n renderUserMenuToggle() {\n const { avatar, username } = this.props;\n return <MobileUserMenuToggleSlot avatar={avatar} label={username} />;\n }\n\n render() {\n const {\n logo,\n logoAltText,\n logoDestination,\n loggedIn,\n stickyOnMobile,\n intl,\n mainMenu,\n userMenu,\n loggedOutItems,\n } = this.props;\n const logoProps = { src: logo, alt: logoAltText, href: logoDestination };\n const stickyClassName = stickyOnMobile ? 'sticky-top' : '';\n const logoClasses = getConfig().AUTHN_MINIMAL_HEADER ? 'justify-content-left pl-3' : 'justify-content-center';\n\n return (\n <header\n aria-label={intl.formatMessage(messages['header.label.main.header'])}\n className={`site-header-mobile d-flex justify-content-between align-items-center shadow ${stickyClassName}`}\n >\n <a className=\"nav-skip sr-only sr-only-focusable\" href=\"#main\">{intl.formatMessage(messages['header.label.skip.nav'])}</a>\n {mainMenu.length > 0 ? (\n <div className=\"w-100 d-flex justify-content-start\">\n\n <Menu className=\"position-static\">\n <MenuTrigger\n tag=\"button\"\n className=\"icon-button\"\n aria-label={intl.formatMessage(messages['header.label.main.menu'])}\n title={intl.formatMessage(messages['header.label.main.menu'])}\n >\n <MenuIcon role=\"img\" aria-hidden focusable=\"false\" style={{ width: '1.5rem', height: '1.5rem' }} />\n </MenuTrigger>\n <MenuContent\n tag=\"nav\"\n aria-label={intl.formatMessage(messages['header.label.main.nav'])}\n className=\"nav flex-column pin-left pin-right border-top shadow py-2\"\n >\n {this.renderMainMenu()}\n </MenuContent>\n </Menu>\n </div>\n ) : null}\n <div className={`w-100 d-flex ${logoClasses}`}>\n <LogoSlot {...logoProps} itemType=\"http://schema.org/Organization\" />\n </div>\n {userMenu.length > 0 || loggedOutItems.length > 0 ? (\n <div className=\"w-100 d-flex justify-content-end align-items-center\">\n <Menu tag=\"nav\" aria-label={intl.formatMessage(messages['header.label.secondary.nav'])} className=\"position-static\">\n <MenuTrigger\n tag=\"button\"\n className=\"icon-button\"\n aria-label={intl.formatMessage(messages['header.label.account.menu'])}\n title={intl.formatMessage(messages['header.label.account.menu'])}\n >\n {this.renderUserMenuToggle()}\n </MenuTrigger>\n <MenuContent tag=\"ul\" className=\"nav flex-column pin-left pin-right border-top shadow py-2\">\n {loggedIn ? this.renderUserMenuItems() : this.renderLoggedOutItems()}\n </MenuContent>\n </Menu>\n </div>\n ) : null}\n </header>\n );\n }\n}\n\nexport const mobileHeaderDataShape = {\n mainMenu: mobileHeaderMainMenuDataShape,\n secondaryMenu: mobileHeaderMainMenuDataShape,\n userMenu: mobileHeaderUserMenuDataShape,\n loggedOutItems: mobileHeaderLoggedOutItemsDataShape,\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 stickyOnMobile: PropTypes.bool,\n};\n\nMobileHeader.propTypes = {\n mainMenu: mobileHeaderDataShape.mainMenu,\n secondaryMenu: mobileHeaderDataShape.secondaryMenu,\n userMenu: mobileHeaderDataShape.userMenu,\n loggedOutItems: mobileHeaderDataShape.loggedOutItems,\n logo: mobileHeaderDataShape.logo,\n logoAltText: mobileHeaderDataShape.logoAltText,\n logoDestination: mobileHeaderDataShape.logoDestination,\n avatar: mobileHeaderDataShape.avatar,\n username: mobileHeaderDataShape.username,\n loggedIn: mobileHeaderDataShape.loggedIn,\n stickyOnMobile: mobileHeaderDataShape.stickyOnMobile,\n\n // i18n\n intl: intlShape.isRequired,\n};\n\nMobileHeader.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 stickyOnMobile: true,\n\n};\n\nexport default injectIntl(MobileHeader);\n"],"mappings":"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","ignoreList":[]}
@@ -1,46 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { Menu, MenuTrigger, MenuContent } from '../Menu';
4
- var MobileHeaderMainMenu = function MobileHeaderMainMenu(_ref) {
5
- var menu = _ref.menu;
6
- // Nodes are accepted as a prop
7
- if (!Array.isArray(menu)) {
8
- return menu;
9
- }
10
- return menu.map(function (menuItem) {
11
- var type = menuItem.type,
12
- href = menuItem.href,
13
- content = menuItem.content,
14
- submenuContent = menuItem.submenuContent,
15
- disabled = menuItem.disabled,
16
- isActive = menuItem.isActive,
17
- onClick = menuItem.onClick;
18
- if (type === 'item') {
19
- return /*#__PURE__*/React.createElement("a", {
20
- key: "".concat(type, "-").concat(content),
21
- className: "nav-link".concat(disabled ? ' disabled' : '').concat(isActive ? ' active' : ''),
22
- href: href,
23
- onClick: onClick || null
24
- }, content);
25
- }
26
- return /*#__PURE__*/React.createElement(Menu, {
27
- key: "".concat(type, "-").concat(content),
28
- tag: "div",
29
- className: "nav-item"
30
- }, /*#__PURE__*/React.createElement(MenuTrigger, {
31
- onClick: onClick || null,
32
- tag: "a",
33
- role: "button",
34
- tabIndex: "0",
35
- className: "nav-link"
36
- }, content), /*#__PURE__*/React.createElement(MenuContent, {
37
- className: "position-static pin-left pin-right py-2"
38
- }, submenuContent));
39
- });
40
- };
41
- export var mobileHeaderMainMenuDataShape = PropTypes.oneOfType([PropTypes.node, PropTypes.array]);
42
- MobileHeaderMainMenu.propTypes = {
43
- menu: mobileHeaderMainMenuDataShape
44
- };
45
- export default MobileHeaderMainMenu;
46
- //# sourceMappingURL=MobileHeaderMainMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileHeaderMainMenu.js","names":["React","PropTypes","Menu","MenuTrigger","MenuContent","MobileHeaderMainMenu","_ref","menu","Array","isArray","map","menuItem","type","href","content","submenuContent","disabled","isActive","onClick","createElement","key","concat","className","tag","role","tabIndex","mobileHeaderMainMenuDataShape","oneOfType","node","array","propTypes"],"sources":["../../src/mobile-header/MobileHeaderMainMenu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Menu, MenuTrigger, MenuContent } from '../Menu';\n\nconst MobileHeaderMainMenu = ({ 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 onClick,\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 onClick={onClick || null}\n >\n {content}\n </a>\n );\n }\n\n return (\n <Menu key={`${type}-${content}`} tag=\"div\" className=\"nav-item\">\n <MenuTrigger onClick={onClick || null} tag=\"a\" role=\"button\" tabIndex=\"0\" className=\"nav-link\">\n {content}\n </MenuTrigger>\n <MenuContent className=\"position-static pin-left pin-right py-2\">\n {submenuContent}\n </MenuContent>\n </Menu>\n );\n });\n};\n\nexport const mobileHeaderMainMenuDataShape = PropTypes.oneOfType([\n PropTypes.node,\n PropTypes.array,\n]);\n\nMobileHeaderMainMenu.propTypes = {\n menu: mobileHeaderMainMenuDataShape,\n};\n\nexport default MobileHeaderMainMenu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,IAAI,EAAEC,WAAW,EAAEC,WAAW,QAAQ,SAAS;AAExD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAClC;EACA,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,EAAE;IACxB,OAAOA,IAAI;EACb;EAEA,OAAOA,IAAI,CAACG,GAAG,CAAC,UAACC,QAAQ,EAAK;IAC5B,IACEC,IAAI,GAOFD,QAAQ,CAPVC,IAAI;MACJC,IAAI,GAMFF,QAAQ,CANVE,IAAI;MACJC,OAAO,GAKLH,QAAQ,CALVG,OAAO;MACPC,cAAc,GAIZJ,QAAQ,CAJVI,cAAc;MACdC,QAAQ,GAGNL,QAAQ,CAHVK,QAAQ;MACRC,QAAQ,GAENN,QAAQ,CAFVM,QAAQ;MACRC,OAAO,GACLP,QAAQ,CADVO,OAAO;IAGT,IAAIN,IAAI,KAAK,MAAM,EAAE;MACnB,oBACEZ,KAAA,CAAAmB,aAAA;QACEC,GAAG,KAAAC,MAAA,CAAKT,IAAI,OAAAS,MAAA,CAAIP,OAAO,CAAG;QAC1BQ,SAAS,aAAAD,MAAA,CAAaL,QAAQ,GAAG,WAAW,GAAG,EAAE,EAAAK,MAAA,CAAGJ,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAG;QAChFJ,IAAI,EAAEA,IAAK;QACXK,OAAO,EAAEA,OAAO,IAAI;MAAK,GAExBJ,OACA,CAAC;IAER;IAEA,oBACEd,KAAA,CAAAmB,aAAA,CAACjB,IAAI;MAACkB,GAAG,KAAAC,MAAA,CAAKT,IAAI,OAAAS,MAAA,CAAIP,OAAO,CAAG;MAACS,GAAG,EAAC,KAAK;MAACD,SAAS,EAAC;IAAU,gBAC7DtB,KAAA,CAAAmB,aAAA,CAAChB,WAAW;MAACe,OAAO,EAAEA,OAAO,IAAI,IAAK;MAACK,GAAG,EAAC,GAAG;MAACC,IAAI,EAAC,QAAQ;MAACC,QAAQ,EAAC,GAAG;MAACH,SAAS,EAAC;IAAU,GAC3FR,OACU,CAAC,eACdd,KAAA,CAAAmB,aAAA,CAACf,WAAW;MAACkB,SAAS,EAAC;IAAyC,GAC7DP,cACU,CACT,CAAC;EAEX,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,IAAMW,6BAA6B,GAAGzB,SAAS,CAAC0B,SAAS,CAAC,CAC/D1B,SAAS,CAAC2B,IAAI,EACd3B,SAAS,CAAC4B,KAAK,CAChB,CAAC;AAEFxB,oBAAoB,CAACyB,SAAS,GAAG;EAC/BvB,IAAI,EAAEmB;AACR,CAAC;AAED,eAAerB,oBAAoB","ignoreList":[]}
@@ -1,38 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- var MobileHeaderUserMenu = function MobileHeaderUserMenu(_ref) {
4
- var menu = _ref.menu;
5
- return menu.map(function (group) {
6
- return group.items.map(function (_ref2) {
7
- var type = _ref2.type,
8
- content = _ref2.content,
9
- href = _ref2.href,
10
- disabled = _ref2.disabled,
11
- isActive = _ref2.isActive,
12
- onClick = _ref2.onClick;
13
- return /*#__PURE__*/React.createElement("li", {
14
- className: "nav-item",
15
- key: "".concat(type, "-").concat(content)
16
- }, /*#__PURE__*/React.createElement("a", {
17
- className: "nav-link".concat(isActive ? ' active' : '').concat(disabled ? ' disabled' : ''),
18
- href: href,
19
- onClick: onClick || null
20
- }, content));
21
- });
22
- });
23
- };
24
- export var mobileHeaderUserMenuDataShape = PropTypes.arrayOf(PropTypes.shape({
25
- heading: PropTypes.string,
26
- items: PropTypes.arrayOf(PropTypes.shape({
27
- type: PropTypes.oneOf(['item', 'menu']),
28
- href: PropTypes.string,
29
- content: PropTypes.string,
30
- isActive: PropTypes.bool,
31
- onClick: PropTypes.func
32
- }))
33
- }));
34
- MobileHeaderUserMenu.propTypes = {
35
- menu: mobileHeaderUserMenuDataShape
36
- };
37
- export default MobileHeaderUserMenu;
38
- //# sourceMappingURL=MobileHeaderUserMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileHeaderUserMenu.js","names":["React","PropTypes","MobileHeaderUserMenu","_ref","menu","map","group","items","_ref2","type","content","href","disabled","isActive","onClick","createElement","className","key","concat","mobileHeaderUserMenuDataShape","arrayOf","shape","heading","string","oneOf","bool","func","propTypes"],"sources":["../../src/mobile-header/MobileHeaderUserMenu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst MobileHeaderUserMenu = ({ menu }) => menu.map((group) => (\n group.items.map(({\n type, content, href, disabled, isActive, onClick,\n }) => (\n <li className=\"nav-item\" key={`${type}-${content}`}>\n <a\n className={`nav-link${isActive ? ' active' : ''}${disabled ? ' disabled' : ''}`}\n href={href}\n onClick={onClick || null}\n >\n {content}\n </a>\n </li>\n ))\n));\n\nexport const mobileHeaderUserMenuDataShape = 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 onClick: PropTypes.func,\n })),\n}));\n\nMobileHeaderUserMenu.propTypes = {\n menu: mobileHeaderUserMenuDataShape,\n};\n\nexport default MobileHeaderUserMenu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,OAAOA,IAAI,CAACC,GAAG,CAAC,UAACC,KAAK;IAAA,OACxDA,KAAK,CAACC,KAAK,CAACF,GAAG,CAAC,UAAAG,KAAA;MAAA,IACdC,IAAI,GAAAD,KAAA,CAAJC,IAAI;QAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;QAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;QAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;QAAEC,QAAQ,GAAAL,KAAA,CAARK,QAAQ;QAAEC,OAAO,GAAAN,KAAA,CAAPM,OAAO;MAAA,oBAEhDd,KAAA,CAAAe,aAAA;QAAIC,SAAS,EAAC,UAAU;QAACC,GAAG,KAAAC,MAAA,CAAKT,IAAI,OAAAS,MAAA,CAAIR,OAAO;MAAG,gBACjDV,KAAA,CAAAe,aAAA;QACEC,SAAS,aAAAE,MAAA,CAAaL,QAAQ,GAAG,SAAS,GAAG,EAAE,EAAAK,MAAA,CAAGN,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAG;QAChFD,IAAI,EAAEA,IAAK;QACXG,OAAO,EAAEA,OAAO,IAAI;MAAK,GAExBJ,OACA,CACD,CAAC;IAAA,CACN,CAAC;EAAA,CACH,CAAC;AAAA;AAEF,OAAO,IAAMS,6BAA6B,GAAGlB,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC;EAC7EC,OAAO,EAAErB,SAAS,CAACsB,MAAM;EACzBhB,KAAK,EAAEN,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC;IACvCZ,IAAI,EAAER,SAAS,CAACuB,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvCb,IAAI,EAAEV,SAAS,CAACsB,MAAM;IACtBb,OAAO,EAAET,SAAS,CAACsB,MAAM;IACzBV,QAAQ,EAAEZ,SAAS,CAACwB,IAAI;IACxBX,OAAO,EAAEb,SAAS,CAACyB;EACrB,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEHxB,oBAAoB,CAACyB,SAAS,GAAG;EAC/BvB,IAAI,EAAEe;AACR,CAAC;AAED,eAAejB,oBAAoB","ignoreList":[]}
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- var MobileLoggedOutItems = function MobileLoggedOutItems(_ref) {
4
- var items = _ref.items;
5
- return items.map(function (_ref2, i, arr) {
6
- var type = _ref2.type,
7
- href = _ref2.href,
8
- content = _ref2.content;
9
- return /*#__PURE__*/React.createElement("li", {
10
- className: "nav-item px-3 my-2",
11
- key: "".concat(type, "-").concat(content)
12
- }, /*#__PURE__*/React.createElement("a", {
13
- className: i < arr.length - 1 ? 'btn btn-block btn-outline-primary' : 'btn btn-block btn-primary',
14
- href: href
15
- }, content));
16
- });
17
- };
18
- export var mobileHeaderLoggedOutItemsDataShape = PropTypes.arrayOf(PropTypes.shape({
19
- type: PropTypes.oneOf(['item', 'menu']),
20
- href: PropTypes.string,
21
- content: PropTypes.string
22
- }));
23
- MobileLoggedOutItems.propTypes = {
24
- menu: mobileHeaderLoggedOutItemsDataShape
25
- };
26
- export default MobileLoggedOutItems;
27
- //# sourceMappingURL=MobileLoggedOutItems.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileLoggedOutItems.js","names":["React","PropTypes","MobileLoggedOutItems","_ref","items","map","_ref2","i","arr","type","href","content","createElement","className","key","concat","length","mobileHeaderLoggedOutItemsDataShape","arrayOf","shape","oneOf","string","propTypes","menu"],"sources":["../../src/mobile-header/MobileLoggedOutItems.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst MobileLoggedOutItems = ({ items }) => items.map(({ type, href, content }, i, arr) => (\n <li className=\"nav-item px-3 my-2\" key={`${type}-${content}`}>\n <a\n className={i < arr.length - 1 ? 'btn btn-block btn-outline-primary' : 'btn btn-block btn-primary'}\n href={href}\n >\n {content}\n </a>\n </li>\n));\n\nexport const mobileHeaderLoggedOutItemsDataShape = PropTypes.arrayOf(PropTypes.shape({\n type: PropTypes.oneOf(['item', 'menu']),\n href: PropTypes.string,\n content: PropTypes.string,\n}));\n\nMobileLoggedOutItems.propTypes = {\n menu: mobileHeaderLoggedOutItemsDataShape,\n};\n\nexport default MobileLoggedOutItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAOA,KAAK,CAACC,GAAG,CAAC,UAAAC,KAAA,EAA0BC,CAAC,EAAEC,GAAG;IAAA,IAA7BC,IAAI,GAAAH,KAAA,CAAJG,IAAI;MAAEC,IAAI,GAAAJ,KAAA,CAAJI,IAAI;MAAEC,OAAO,GAAAL,KAAA,CAAPK,OAAO;IAAA,oBAC1EX,KAAA,CAAAY,aAAA;MAAIC,SAAS,EAAC,oBAAoB;MAACC,GAAG,KAAAC,MAAA,CAAKN,IAAI,OAAAM,MAAA,CAAIJ,OAAO;IAAG,gBAC3DX,KAAA,CAAAY,aAAA;MACEC,SAAS,EAAEN,CAAC,GAAGC,GAAG,CAACQ,MAAM,GAAG,CAAC,GAAG,mCAAmC,GAAG,2BAA4B;MAClGN,IAAI,EAAEA;IAAK,GAEVC,OACA,CACD,CAAC;EAAA,CACN,CAAC;AAAA;AAEF,OAAO,IAAMM,mCAAmC,GAAGhB,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,KAAK,CAAC;EACnFV,IAAI,EAAER,SAAS,CAACmB,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;EACvCV,IAAI,EAAET,SAAS,CAACoB,MAAM;EACtBV,OAAO,EAAEV,SAAS,CAACoB;AACrB,CAAC,CAAC,CAAC;AAEHnB,oBAAoB,CAACoB,SAAS,GAAG;EAC/BC,IAAI,EAAEN;AACR,CAAC;AAED,eAAef,oBAAoB","ignoreList":[]}
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import Avatar from '../Avatar';
4
- var MobileUserMenuToggle = function MobileUserMenuToggle(_ref) {
5
- var avatar = _ref.avatar,
6
- username = _ref.username;
7
- return /*#__PURE__*/React.createElement(Avatar, {
8
- size: "1.5rem",
9
- src: avatar,
10
- alt: username
11
- });
12
- };
13
- export var MobileUserMenuTogglePropTypes = {
14
- avatar: PropTypes.string,
15
- username: PropTypes.string
16
- };
17
- MobileUserMenuToggle.propTypes = MobileUserMenuTogglePropTypes;
18
- export default MobileUserMenuToggle;
19
- //# sourceMappingURL=MobileUserMenuToggle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileUserMenuToggle.js","names":["React","PropTypes","Avatar","MobileUserMenuToggle","_ref","avatar","username","createElement","size","src","alt","MobileUserMenuTogglePropTypes","string","propTypes"],"sources":["../../src/mobile-header/MobileUserMenuToggle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Avatar from '../Avatar';\n\nconst MobileUserMenuToggle = ({ avatar, username }) => <Avatar size=\"1.5rem\" src={avatar} alt={username} />;\n\nexport const MobileUserMenuTogglePropTypes = {\n avatar: PropTypes.string,\n username: PropTypes.string,\n};\n\nMobileUserMenuToggle.propTypes = MobileUserMenuTogglePropTypes;\n\nexport default MobileUserMenuToggle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA;EAAA,IAAMC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAAON,KAAA,CAAAO,aAAA,CAACL,MAAM;IAACM,IAAI,EAAC,QAAQ;IAACC,GAAG,EAAEJ,MAAO;IAACK,GAAG,EAAEJ;EAAS,CAAE,CAAC;AAAA;AAE3G,OAAO,IAAMK,6BAA6B,GAAG;EAC3CN,MAAM,EAAEJ,SAAS,CAACW,MAAM;EACxBN,QAAQ,EAAEL,SAAS,CAACW;AACtB,CAAC;AAEDT,oBAAoB,CAACU,SAAS,GAAGF,6BAA6B;AAE9D,eAAeR,oBAAoB","ignoreList":[]}