@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.
- package/dist/DesktopHeader.js +242 -0
- package/dist/DesktopHeader.js.map +1 -0
- package/dist/Header.js +9 -13
- package/dist/Header.js.map +1 -1
- package/dist/Header.test.jsx +0 -3
- package/dist/Icons.js +1 -1
- package/dist/LanguageSelector/data/api.js +5 -13
- package/dist/LanguageSelector/data/api.js.map +1 -1
- package/dist/LanguageSelector/index.js +4 -12
- package/dist/LanguageSelector/index.js.map +1 -1
- package/dist/Logo.js +23 -10
- package/dist/Logo.js.map +1 -1
- package/dist/Menu/Menu.js +11 -11
- package/dist/Menu/Menu.js.map +1 -1
- package/dist/Menu/menu.scss +6 -6
- package/dist/MobileHeader.js +244 -0
- package/dist/MobileHeader.js.map +1 -0
- package/dist/__snapshots__/Header.test.jsx.snap +0 -2
- package/dist/index.scss +15 -27
- package/dist/learning-header/AnonymousUserMenu.js +8 -11
- package/dist/learning-header/AnonymousUserMenu.js.map +1 -1
- package/dist/learning-header/AuthenticatedUserDropdown.js +24 -32
- package/dist/learning-header/AuthenticatedUserDropdown.js.map +1 -1
- package/dist/learning-header/LearningHeader.js +14 -15
- package/dist/learning-header/LearningHeader.js.map +1 -1
- package/dist/learning-header/data/api.js +4 -12
- package/dist/learning-header/data/api.js.map +1 -1
- package/dist/learning-header/data/api.test.js +95 -92
- package/dist/learning-header/data/api.test.js.map +1 -1
- package/dist/learning-header/messages.js +0 -5
- package/dist/learning-header/messages.js.map +1 -1
- package/dist/setupTest.js +2 -0
- package/dist/studio-header/BrandNav.js +21 -0
- package/dist/studio-header/BrandNav.js.map +1 -0
- package/dist/studio-header/CourseLockUp.js +45 -0
- package/dist/studio-header/CourseLockUp.js.map +1 -0
- package/dist/studio-header/HeaderBody.js +131 -0
- package/dist/studio-header/HeaderBody.js.map +1 -0
- package/dist/studio-header/MobileHeader.js +79 -0
- package/dist/studio-header/MobileHeader.js.map +1 -0
- package/dist/studio-header/MobileMenu.js +45 -0
- package/dist/studio-header/MobileMenu.js.map +1 -0
- package/dist/studio-header/NavDropdownMenu.js +30 -0
- package/dist/studio-header/NavDropdownMenu.js.map +1 -0
- package/dist/studio-header/StudioHeader.js +72 -0
- package/dist/studio-header/StudioHeader.js.map +1 -0
- package/dist/studio-header/StudioHeader.scss +10 -8
- package/dist/studio-header/UserMenu.js +55 -0
- package/dist/studio-header/UserMenu.js.map +1 -0
- package/dist/studio-header/{index.ts → index.js} +1 -1
- package/dist/studio-header/index.js.map +1 -0
- package/dist/studio-header/{messages.ts → messages.js} +14 -15
- package/dist/studio-header/messages.js.map +1 -0
- package/dist/studio-header/utils.js +29 -0
- package/dist/studio-header/utils.js.map +1 -0
- package/dist/test-utils.js +4 -12
- package/dist/test-utils.js.map +1 -1
- package/package.json +1 -1
- package/dist/desktop-header/DesktopHeader.js +0 -172
- package/dist/desktop-header/DesktopHeader.js.map +0 -1
- package/dist/desktop-header/DesktopHeaderMainOrSecondaryMenu.js +0 -51
- package/dist/desktop-header/DesktopHeaderMainOrSecondaryMenu.js.map +0 -1
- package/dist/desktop-header/DesktopHeaderUserMenu.js +0 -49
- package/dist/desktop-header/DesktopHeaderUserMenu.js.map +0 -1
- package/dist/desktop-header/DesktopLoggedOutItems.js +0 -22
- package/dist/desktop-header/DesktopLoggedOutItems.js.map +0 -1
- package/dist/desktop-header/DesktopUserMenuToggle.js +0 -25
- package/dist/desktop-header/DesktopUserMenuToggle.js.map +0 -1
- package/dist/frontend-platform.d.ts +0 -41
- package/dist/learning-header/LearningHeaderCourseInfo.js +0 -24
- package/dist/learning-header/LearningHeaderCourseInfo.js.map +0 -1
- package/dist/learning-header/LearningHeaderHelpLink.js +0 -13
- package/dist/learning-header/LearningHeaderHelpLink.js.map +0 -1
- package/dist/learning-header/LearningHeaderUserMenuItems.js +0 -20
- package/dist/learning-header/LearningHeaderUserMenuItems.js.map +0 -1
- package/dist/learning-header/LearningLoggedOutButtons.js +0 -24
- package/dist/learning-header/LearningLoggedOutButtons.js.map +0 -1
- package/dist/learning-header/LearningUserMenuToggle.js +0 -26
- package/dist/learning-header/LearningUserMenuToggle.js.map +0 -1
- package/dist/mobile-header/MobileHeader.js +0 -197
- package/dist/mobile-header/MobileHeader.js.map +0 -1
- package/dist/mobile-header/MobileHeaderMainMenu.js +0 -46
- package/dist/mobile-header/MobileHeaderMainMenu.js.map +0 -1
- package/dist/mobile-header/MobileHeaderUserMenu.js +0 -38
- package/dist/mobile-header/MobileHeaderUserMenu.js.map +0 -1
- package/dist/mobile-header/MobileLoggedOutItems.js +0 -27
- package/dist/mobile-header/MobileLoggedOutItems.js.map +0 -1
- package/dist/mobile-header/MobileUserMenuToggle.js +0 -19
- package/dist/mobile-header/MobileUserMenuToggle.js.map +0 -1
- package/dist/plugin-slots/CourseInfoSlot/README.md +0 -128
- package/dist/plugin-slots/CourseInfoSlot/images/add_custom_components_before_and_after_course_info.png +0 -0
- package/dist/plugin-slots/CourseInfoSlot/images/replace_course_info_with_custom_component.png +0 -0
- package/dist/plugin-slots/CourseInfoSlot/images/replace_course_title.png +0 -0
- package/dist/plugin-slots/CourseInfoSlot/index.js +0 -32
- package/dist/plugin-slots/CourseInfoSlot/index.js.map +0 -1
- package/dist/plugin-slots/DesktopHeaderSlot/README.md +0 -44
- package/dist/plugin-slots/DesktopHeaderSlot/images/desktop_header_custom_component.png +0 -0
- package/dist/plugin-slots/DesktopHeaderSlot/index.js +0 -16
- package/dist/plugin-slots/DesktopHeaderSlot/index.js.map +0 -1
- package/dist/plugin-slots/DesktopLoggedOutItemsSlot/README.md +0 -137
- package/dist/plugin-slots/DesktopLoggedOutItemsSlot/images/desktop_logged_out_items_custom_component.png +0 -0
- package/dist/plugin-slots/DesktopLoggedOutItemsSlot/images/desktop_logged_out_items_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/DesktopLoggedOutItemsSlot/images/desktop_logged_out_items_modify_items.png +0 -0
- package/dist/plugin-slots/DesktopLoggedOutItemsSlot/index.js +0 -20
- package/dist/plugin-slots/DesktopLoggedOutItemsSlot/index.js.map +0 -1
- package/dist/plugin-slots/DesktopMainMenuSlot/README.md +0 -137
- package/dist/plugin-slots/DesktopMainMenuSlot/images/desktop_main_menu_custom_component.png +0 -0
- package/dist/plugin-slots/DesktopMainMenuSlot/images/desktop_main_menu_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/DesktopMainMenuSlot/images/desktop_main_menu_modify_items.png +0 -0
- package/dist/plugin-slots/DesktopMainMenuSlot/index.js +0 -20
- package/dist/plugin-slots/DesktopMainMenuSlot/index.js.map +0 -1
- package/dist/plugin-slots/DesktopSecondaryMenuSlot/README.md +0 -132
- package/dist/plugin-slots/DesktopSecondaryMenuSlot/images/desktop_secondary_menu_custom_component.png +0 -0
- package/dist/plugin-slots/DesktopSecondaryMenuSlot/images/desktop_secondary_menu_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/DesktopSecondaryMenuSlot/images/desktop_secondary_menu_modify_items.png +0 -0
- package/dist/plugin-slots/DesktopSecondaryMenuSlot/index.js +0 -20
- package/dist/plugin-slots/DesktopSecondaryMenuSlot/index.js.map +0 -1
- package/dist/plugin-slots/DesktopUserMenuSlot/README.md +0 -144
- package/dist/plugin-slots/DesktopUserMenuSlot/images/desktop_user_menu_custom_component.png +0 -0
- package/dist/plugin-slots/DesktopUserMenuSlot/images/desktop_user_menu_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/DesktopUserMenuSlot/images/desktop_user_menu_modify_items.png +0 -0
- package/dist/plugin-slots/DesktopUserMenuSlot/index.js +0 -20
- package/dist/plugin-slots/DesktopUserMenuSlot/index.js.map +0 -1
- package/dist/plugin-slots/DesktopUserMenuToggleSlot/README.md +0 -74
- package/dist/plugin-slots/DesktopUserMenuToggleSlot/images/desktop_user_menu_custom_component.png +0 -0
- package/dist/plugin-slots/DesktopUserMenuToggleSlot/images/desktop_user_menu_modified_toggle.png +0 -0
- package/dist/plugin-slots/DesktopUserMenuToggleSlot/index.js +0 -19
- package/dist/plugin-slots/DesktopUserMenuToggleSlot/index.js.map +0 -1
- package/dist/plugin-slots/LearningHelpSlot/README.md +0 -44
- package/dist/plugin-slots/LearningHelpSlot/images/learning_help_custom_component.png +0 -0
- package/dist/plugin-slots/LearningHelpSlot/index.js +0 -11
- package/dist/plugin-slots/LearningHelpSlot/index.js.map +0 -1
- package/dist/plugin-slots/LearningLoggedOutItemsSlot/README.md +0 -135
- package/dist/plugin-slots/LearningLoggedOutItemsSlot/images/learning_logged_out_items_custom_component.png +0 -0
- package/dist/plugin-slots/LearningLoggedOutItemsSlot/images/learning_logged_out_items_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/LearningLoggedOutItemsSlot/images/learning_logged_out_items_modified_items.png +0 -0
- package/dist/plugin-slots/LearningLoggedOutItemsSlot/index.js +0 -18
- package/dist/plugin-slots/LearningLoggedOutItemsSlot/index.js.map +0 -1
- package/dist/plugin-slots/LearningUserMenuSlot/README.md +0 -133
- package/dist/plugin-slots/LearningUserMenuSlot/images/learning_user_menu_custom_component.png +0 -0
- package/dist/plugin-slots/LearningUserMenuSlot/images/learning_user_menu_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/LearningUserMenuSlot/images/learning_user_menu_modified_items.png +0 -0
- package/dist/plugin-slots/LearningUserMenuSlot/index.js +0 -18
- package/dist/plugin-slots/LearningUserMenuSlot/index.js.map +0 -1
- package/dist/plugin-slots/LearningUserMenuToggleSlot/README.md +0 -74
- package/dist/plugin-slots/LearningUserMenuToggleSlot/images/learning_user_menu_toggle_custom_component.png +0 -0
- package/dist/plugin-slots/LearningUserMenuToggleSlot/images/learning_user_menu_toggle_modified_items.png +0 -0
- package/dist/plugin-slots/LearningUserMenuToggleSlot/index.js +0 -19
- package/dist/plugin-slots/LearningUserMenuToggleSlot/index.js.map +0 -1
- package/dist/plugin-slots/LogoSlot/README.md +0 -72
- package/dist/plugin-slots/LogoSlot/index.js +0 -27
- package/dist/plugin-slots/LogoSlot/index.js.map +0 -1
- package/dist/plugin-slots/MobileHeaderSlot/README.md +0 -44
- package/dist/plugin-slots/MobileHeaderSlot/images/mobile_header_custom_component.png +0 -0
- package/dist/plugin-slots/MobileHeaderSlot/index.js +0 -16
- package/dist/plugin-slots/MobileHeaderSlot/index.js.map +0 -1
- package/dist/plugin-slots/MobileLoggedOutItemsSlot/README.md +0 -136
- package/dist/plugin-slots/MobileLoggedOutItemsSlot/images/mobile_logged_out_items_custom_component.png +0 -0
- package/dist/plugin-slots/MobileLoggedOutItemsSlot/images/mobile_logged_out_items_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/MobileLoggedOutItemsSlot/images/mobile_logged_out_items_modify_items.png +0 -0
- package/dist/plugin-slots/MobileLoggedOutItemsSlot/index.js +0 -20
- package/dist/plugin-slots/MobileLoggedOutItemsSlot/index.js.map +0 -1
- package/dist/plugin-slots/MobileMainMenuSlot/README.md +0 -136
- package/dist/plugin-slots/MobileMainMenuSlot/images/mobile_main_menu_custom_component.png +0 -0
- package/dist/plugin-slots/MobileMainMenuSlot/images/mobile_main_menu_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/MobileMainMenuSlot/images/mobile_main_menu_modify_items.png +0 -0
- package/dist/plugin-slots/MobileMainMenuSlot/index.js +0 -20
- package/dist/plugin-slots/MobileMainMenuSlot/index.js.map +0 -1
- package/dist/plugin-slots/MobileUserMenuSlot/README.md +0 -144
- package/dist/plugin-slots/MobileUserMenuSlot/images/mobile_user_menu_custom_component.png +0 -0
- package/dist/plugin-slots/MobileUserMenuSlot/images/mobile_user_menu_custom_components_before_after.png +0 -0
- package/dist/plugin-slots/MobileUserMenuSlot/images/mobile_user_menu_modify_items.png +0 -0
- package/dist/plugin-slots/MobileUserMenuSlot/index.js +0 -20
- package/dist/plugin-slots/MobileUserMenuSlot/index.js.map +0 -1
- package/dist/plugin-slots/MobileUserMenuToggleSlot/README.md +0 -74
- package/dist/plugin-slots/MobileUserMenuToggleSlot/images/mobile_user_menu_toggle_custom_component.png +0 -0
- package/dist/plugin-slots/MobileUserMenuToggleSlot/images/mobile_user_menu_toggle_modified_items.png +0 -0
- package/dist/plugin-slots/MobileUserMenuToggleSlot/index.js +0 -19
- package/dist/plugin-slots/MobileUserMenuToggleSlot/index.js.map +0 -1
- package/dist/plugin-slots/README.md +0 -26
- package/dist/studio-header/BrandNav.test.tsx +0 -40
- package/dist/studio-header/BrandNav.tsx +0 -25
- package/dist/studio-header/CourseLockUp.test.tsx +0 -59
- package/dist/studio-header/CourseLockUp.tsx +0 -56
- package/dist/studio-header/HeaderBody.test.tsx +0 -102
- package/dist/studio-header/HeaderBody.tsx +0 -196
- package/dist/studio-header/MobileHeader.tsx +0 -74
- package/dist/studio-header/MobileMenu.test.tsx +0 -81
- package/dist/studio-header/MobileMenu.tsx +0 -50
- package/dist/studio-header/NavDropdownMenu.test.tsx +0 -67
- package/dist/studio-header/NavDropdownMenu.tsx +0 -42
- package/dist/studio-header/StudioHeader.test.tsx +0 -220
- package/dist/studio-header/StudioHeader.tsx +0 -84
- package/dist/studio-header/UserMenu.tsx +0 -69
- 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":[]}
|