@nauedu/frontend-component-header 18.2.1 → 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/README.rst +6 -0
- package/dist/learning-header/LearningHeader.js +3 -5
- package/dist/learning-header/LearningHeader.js.map +1 -1
- package/dist/studio-header/HeaderBody.js +1 -1
- package/dist/studio-header/HeaderBody.js.map +1 -1
- package/dist/studio-header/StudioHeader.scss +2 -0
- package/package.json +28 -30
package/README.rst
CHANGED
|
@@ -99,6 +99,12 @@ This library has the following exports:
|
|
|
99
99
|
* ``messages``: Internationalization messages suitable for use with `@edx/frontend-platform/i18n <https://edx.github.io/frontend-platform/module-Internationalization.html>`_
|
|
100
100
|
* ``dist/index.scss``: A SASS file which contains style information for the component. It should be imported into the micro-frontend's own SCSS file.
|
|
101
101
|
|
|
102
|
+
Plugins
|
|
103
|
+
-------
|
|
104
|
+
This can be customized using `Frontend Plugin Framework <https://github.com/openedx/frontend-plugin-framework>`_.
|
|
105
|
+
|
|
106
|
+
The parts of this that can be customized in that manner are documented `here </src/plugin-slots>`_.
|
|
107
|
+
|
|
102
108
|
Examples
|
|
103
109
|
========
|
|
104
110
|
|
|
@@ -77,7 +77,7 @@ var LearningHeader = function LearningHeader(_ref2) {
|
|
|
77
77
|
className: "sr-only sr-only-focusable",
|
|
78
78
|
href: "#main-content"
|
|
79
79
|
}, intl.formatMessage(messages.skipNavLink)), /*#__PURE__*/React.createElement("div", {
|
|
80
|
-
className: "container-xl py-2 d-flex align-items-center
|
|
80
|
+
className: "container-xl py-2 d-flex align-items-center"
|
|
81
81
|
}, headerLogo, /*#__PURE__*/React.createElement("div", {
|
|
82
82
|
className: "d-none d-md-block flex-grow-1 course-title-lockup"
|
|
83
83
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -94,9 +94,7 @@ var LearningHeader = function LearningHeader(_ref2) {
|
|
|
94
94
|
style: {
|
|
95
95
|
fontSize: '1rem'
|
|
96
96
|
}
|
|
97
|
-
}, courseTitle))), /*#__PURE__*/React.createElement("div", {
|
|
98
|
-
className: "d-flex align-items-center"
|
|
99
|
-
}, getConfig().ENABLE_HEADER_LANG_SELECTOR && /*#__PURE__*/React.createElement("div", {
|
|
97
|
+
}, courseTitle))), getConfig().ENABLE_HEADER_LANG_SELECTOR && /*#__PURE__*/React.createElement("div", {
|
|
100
98
|
className: "mx-2 d-md-inline-flex"
|
|
101
99
|
}, /*#__PURE__*/React.createElement(Responsive, {
|
|
102
100
|
maxWidth: 1200
|
|
@@ -112,7 +110,7 @@ var LearningHeader = function LearningHeader(_ref2) {
|
|
|
112
110
|
authenticatedUser: authenticatedUser
|
|
113
111
|
}))), showUserDropdown && authenticatedUser && /*#__PURE__*/React.createElement(AuthenticatedUserDropdown, {
|
|
114
112
|
username: authenticatedUser.username
|
|
115
|
-
}), showUserDropdown && !authenticatedUser && /*#__PURE__*/React.createElement(AnonymousUserMenu, null)))
|
|
113
|
+
}), showUserDropdown && !authenticatedUser && /*#__PURE__*/React.createElement(AnonymousUserMenu, null)));
|
|
116
114
|
};
|
|
117
115
|
LearningHeader.propTypes = {
|
|
118
116
|
courseOrg: PropTypes.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LearningHeader.js","names":["React","useContext","useEffect","useState","Responsive","PropTypes","getConfig","injectIntl","intlShape","AppContext","AnonymousUserMenu","AuthenticatedUserDropdown","messages","getCourseLogoOrg","LanguageSelector","LinkedLogo","_ref","href","src","alt","attributes","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","string","isRequired","LearningHeader","_ref2","courseOrg","courseTitle","intl","showUserDropdown","_useContext","authenticatedUser","_useState","_useState2","_slicedToArray","logoOrg","setLogoOrg","enableOrgLogo","ENABLE_ORG_LOGO","then","logoOrgUrl","headerLogo","Fragment","maxWidth","concat","LMS_BASE_URL","LOGO_URL_MOBILE","LOGO_URL","SITE_NAME","minWidth","formatMessage","skipNavLink","style","maxHeight","fontSize","ENABLE_HEADER_LANG_SELECTOR","options","JSON","parse","SITE_SUPPORTED_LANGUAGES","compact","username","bool","defaultProps"],"sources":["../../src/learning-header/LearningHeader.jsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport Responsive from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { AppContext } from '@edx/frontend-platform/react';\n\nimport AnonymousUserMenu from './AnonymousUserMenu';\nimport AuthenticatedUserDropdown from './AuthenticatedUserDropdown';\nimport messages from './messages';\nimport getCourseLogoOrg from './data/api';\nimport LanguageSelector from '../LanguageSelector';\n\nconst LinkedLogo = ({\n href,\n src,\n alt,\n ...attributes\n}) => (\n <a href={href} {...attributes}>\n <img className=\"d-block\" src={src} alt={alt} />\n </a>\n);\n\nLinkedLogo.propTypes = {\n href: PropTypes.string.isRequired,\n src: PropTypes.string.isRequired,\n alt: PropTypes.string.isRequired,\n};\nconst LearningHeader = ({\n courseOrg, courseTitle, intl, showUserDropdown,\n}) => {\n const { authenticatedUser } = useContext(AppContext);\n const [logoOrg, setLogoOrg] = useState(null);\n const enableOrgLogo = getConfig().ENABLE_ORG_LOGO;\n\n useEffect(() => {\n if (courseOrg && enableOrgLogo) {\n getCourseLogoOrg().then((logoOrgUrl) => { setLogoOrg(logoOrgUrl); });\n }\n }, [courseOrg, enableOrgLogo]);\n\n const headerLogo = (\n <>\n <Responsive maxWidth={769}>\n <LinkedLogo\n className=\"logo\"\n href={`${getConfig().LMS_BASE_URL}/dashboard`}\n src={getConfig().LOGO_URL_MOBILE || getConfig().LOGO_URL}\n alt={getConfig().SITE_NAME}\n />\n </Responsive>\n <Responsive minWidth={769}>\n <LinkedLogo\n className=\"logo\"\n href={`${getConfig().LMS_BASE_URL}/dashboard`}\n src={getConfig().LOGO_URL}\n alt={getConfig().SITE_NAME}\n />\n </Responsive>\n </>\n );\n\n return (\n <header className=\"learning-header\">\n <a className=\"sr-only sr-only-focusable\" href=\"#main-content\">{intl.formatMessage(messages.skipNavLink)}</a>\n <div className=\"container-xl py-2 d-flex align-items-center
|
|
1
|
+
{"version":3,"file":"LearningHeader.js","names":["React","useContext","useEffect","useState","Responsive","PropTypes","getConfig","injectIntl","intlShape","AppContext","AnonymousUserMenu","AuthenticatedUserDropdown","messages","getCourseLogoOrg","LanguageSelector","LinkedLogo","_ref","href","src","alt","attributes","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","string","isRequired","LearningHeader","_ref2","courseOrg","courseTitle","intl","showUserDropdown","_useContext","authenticatedUser","_useState","_useState2","_slicedToArray","logoOrg","setLogoOrg","enableOrgLogo","ENABLE_ORG_LOGO","then","logoOrgUrl","headerLogo","Fragment","maxWidth","concat","LMS_BASE_URL","LOGO_URL_MOBILE","LOGO_URL","SITE_NAME","minWidth","formatMessage","skipNavLink","style","maxHeight","fontSize","ENABLE_HEADER_LANG_SELECTOR","options","JSON","parse","SITE_SUPPORTED_LANGUAGES","compact","username","bool","defaultProps"],"sources":["../../src/learning-header/LearningHeader.jsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport Responsive from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { AppContext } from '@edx/frontend-platform/react';\n\nimport AnonymousUserMenu from './AnonymousUserMenu';\nimport AuthenticatedUserDropdown from './AuthenticatedUserDropdown';\nimport messages from './messages';\nimport getCourseLogoOrg from './data/api';\nimport LanguageSelector from '../LanguageSelector';\n\nconst LinkedLogo = ({\n href,\n src,\n alt,\n ...attributes\n}) => (\n <a href={href} {...attributes}>\n <img className=\"d-block\" src={src} alt={alt} />\n </a>\n);\n\nLinkedLogo.propTypes = {\n href: PropTypes.string.isRequired,\n src: PropTypes.string.isRequired,\n alt: PropTypes.string.isRequired,\n};\nconst LearningHeader = ({\n courseOrg, courseTitle, intl, showUserDropdown,\n}) => {\n const { authenticatedUser } = useContext(AppContext);\n const [logoOrg, setLogoOrg] = useState(null);\n const enableOrgLogo = getConfig().ENABLE_ORG_LOGO;\n\n useEffect(() => {\n if (courseOrg && enableOrgLogo) {\n getCourseLogoOrg().then((logoOrgUrl) => { setLogoOrg(logoOrgUrl); });\n }\n }, [courseOrg, enableOrgLogo]);\n\n const headerLogo = (\n <>\n <Responsive maxWidth={769}>\n <LinkedLogo\n className=\"logo\"\n href={`${getConfig().LMS_BASE_URL}/dashboard`}\n src={getConfig().LOGO_URL_MOBILE || getConfig().LOGO_URL}\n alt={getConfig().SITE_NAME}\n />\n </Responsive>\n <Responsive minWidth={769}>\n <LinkedLogo\n className=\"logo\"\n href={`${getConfig().LMS_BASE_URL}/dashboard`}\n src={getConfig().LOGO_URL}\n alt={getConfig().SITE_NAME}\n />\n </Responsive>\n </>\n );\n\n return (\n <header className=\"learning-header\">\n <a className=\"sr-only sr-only-focusable\" href=\"#main-content\">{intl.formatMessage(messages.skipNavLink)}</a>\n <div className=\"container-xl py-2 d-flex align-items-center\">\n {headerLogo}\n <div className=\"d-none d-md-block flex-grow-1 course-title-lockup\">\n <div className={`d-md-flex ${enableOrgLogo && 'align-items-center justify-content-center'} w-100`}>\n {enableOrgLogo && courseOrg && logoOrg && (\n <img src={logoOrg} alt={`${courseOrg} logo`} style={{ maxHeight: '3rem', maxWidth: '15rem' }} />\n )}\n <span\n className=\"d-inline-block course-title font-weight-semibold ml-3 text-truncate text-left\"\n style={{ fontSize: '1rem' }}\n >\n {courseTitle}\n </span>\n </div>\n </div>\n {getConfig().ENABLE_HEADER_LANG_SELECTOR && (\n <div className=\"mx-2 d-md-inline-flex\">\n <Responsive maxWidth={1200}>\n <LanguageSelector\n options={JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES)}\n compact\n authenticatedUser={authenticatedUser}\n />\n </Responsive>\n <Responsive minWidth={1200}>\n <LanguageSelector\n options={JSON.parse(getConfig().SITE_SUPPORTED_LANGUAGES)}\n compact={false}\n authenticatedUser={authenticatedUser}\n />\n </Responsive>\n </div>\n )}\n {showUserDropdown && authenticatedUser && (\n <AuthenticatedUserDropdown\n username={authenticatedUser.username}\n />\n )}\n {showUserDropdown && !authenticatedUser && (\n <AnonymousUserMenu />\n )}\n </div>\n </header>\n );\n};\n\nLearningHeader.propTypes = {\n courseOrg: PropTypes.string,\n courseTitle: PropTypes.string,\n intl: intlShape.isRequired,\n showUserDropdown: PropTypes.bool,\n};\n\nLearningHeader.defaultProps = {\n courseOrg: null,\n courseTitle: null,\n showUserDropdown: true,\n};\n\nexport default injectIntl(LearningHeader);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -50,7 +50,7 @@ var HeaderBody = function HeaderBody(_ref) {
|
|
|
50
50
|
}, "Menu") : /*#__PURE__*/React.createElement("div", {
|
|
51
51
|
className: "w-25"
|
|
52
52
|
}, /*#__PURE__*/React.createElement(Row, {
|
|
53
|
-
className: "m-0 flex-nowrap
|
|
53
|
+
className: "m-0 flex-nowrap"
|
|
54
54
|
}, renderBrandNav, /*#__PURE__*/React.createElement(CourseLockUp, {
|
|
55
55
|
outlineLink: outlineLink,
|
|
56
56
|
number: number,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBody.js","names":["React","PropTypes","useIntl","ActionRow","Button","Container","Icon","IconButton","Nav","Row","Close","MenuIcon","Search","CourseLockUp","UserMenu","BrandNav","NavDropdownMenu","messages","HeaderBody","_ref","logo","logoAltText","number","org","title","username","isAdmin","studioBaseUrl","logoutUrl","authenticatedUserAvatar","isMobile","setModalPopupTarget","toggleModalPopup","isModalPopupOpen","isHiddenMainMenu","mainMenuDropdowns","outlineLink","searchButtonAction","intl","renderBrandNav","createElement","size","className","as","Fragment","ref","variant","onClick","iconBefore","Spacer","map","dropdown","id","buttonTitle","items","key","src","iconAs","formatMessage","propTypes","string","isRequired","func","bool","arrayOf","shape","href","defaultProps"],"sources":["../../src/studio-header/HeaderBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n ActionRow,\n Button,\n Container,\n Icon,\n IconButton,\n Nav,\n Row,\n} from '@openedx/paragon';\nimport { Close, MenuIcon, Search } from '@openedx/paragon/icons';\n\nimport CourseLockUp from './CourseLockUp';\nimport UserMenu from './UserMenu';\nimport BrandNav from './BrandNav';\nimport NavDropdownMenu from './NavDropdownMenu';\nimport messages from './messages';\n\nconst HeaderBody = ({\n logo,\n logoAltText,\n number,\n org,\n title,\n username,\n isAdmin,\n studioBaseUrl,\n logoutUrl,\n authenticatedUserAvatar,\n isMobile,\n setModalPopupTarget,\n toggleModalPopup,\n isModalPopupOpen,\n isHiddenMainMenu,\n mainMenuDropdowns,\n outlineLink,\n searchButtonAction,\n}) => {\n const intl = useIntl();\n\n const renderBrandNav = (\n <BrandNav\n {...{\n studioBaseUrl,\n logo,\n logoAltText,\n }}\n />\n );\n\n return (\n <Container size=\"xl\" className=\"px-2.5\">\n <ActionRow as=\"header\">\n {isHiddenMainMenu ? (\n <Row className=\"flex-nowrap ml-4\">\n {renderBrandNav}\n </Row>\n ) : (\n <>\n {isMobile ? (\n <Button\n ref={setModalPopupTarget}\n className=\"d-inline-flex align-items-center\"\n variant=\"tertiary\"\n onClick={toggleModalPopup}\n iconBefore={isModalPopupOpen ? Close : MenuIcon}\n data-testid=\"mobile-menu-button\"\n >\n Menu\n </Button>\n ) : (\n <div className=\"w-25\">\n <Row className=\"m-0 flex-nowrap align-items-center\">\n {renderBrandNav}\n <CourseLockUp\n {...{\n outlineLink,\n number,\n org,\n title,\n }}\n />\n </Row>\n </div>\n )}\n {isMobile ? (\n <>\n <ActionRow.Spacer />\n {renderBrandNav}\n </>\n ) : (\n <Nav data-testid=\"desktop-menu\" className=\"ml-2\">\n {mainMenuDropdowns.map(dropdown => {\n const { id, buttonTitle, items } = dropdown;\n return (\n <NavDropdownMenu key={id} {...{ id, buttonTitle, items }} />\n );\n })}\n </Nav>\n )}\n </>\n )}\n <ActionRow.Spacer />\n {searchButtonAction && (\n <Nav>\n <IconButton\n src={Search}\n iconAs={Icon}\n onClick={searchButtonAction}\n aria-label={intl.formatMessage(messages['header.label.search.nav'])}\n />\n </Nav>\n )}\n <Nav>\n <UserMenu\n {...{\n username,\n studioBaseUrl,\n logoutUrl,\n authenticatedUserAvatar,\n isAdmin,\n }}\n />\n </Nav>\n </ActionRow>\n </Container>\n );\n};\n\nHeaderBody.propTypes = {\n studioBaseUrl: PropTypes.string.isRequired,\n logoutUrl: PropTypes.string.isRequired,\n setModalPopupTarget: PropTypes.func,\n toggleModalPopup: PropTypes.func,\n isModalPopupOpen: PropTypes.bool,\n number: PropTypes.string,\n org: PropTypes.string,\n title: PropTypes.string,\n logo: PropTypes.string,\n logoAltText: PropTypes.string,\n authenticatedUserAvatar: PropTypes.string,\n username: PropTypes.string,\n isAdmin: PropTypes.bool,\n isMobile: PropTypes.bool,\n isHiddenMainMenu: PropTypes.bool,\n mainMenuDropdowns: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.string,\n buttonTitle: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.shape({\n href: PropTypes.string,\n title: PropTypes.string,\n })),\n })),\n outlineLink: PropTypes.string,\n searchButtonAction: PropTypes.func,\n};\n\nHeaderBody.defaultProps = {\n setModalPopupTarget: null,\n toggleModalPopup: null,\n isModalPopupOpen: false,\n logo: null,\n logoAltText: null,\n number: '',\n org: '',\n title: '',\n authenticatedUserAvatar: null,\n username: null,\n isAdmin: false,\n isMobile: false,\n isHiddenMainMenu: false,\n mainMenuDropdowns: [],\n outlineLink: null,\n searchButtonAction: null,\n};\n\nexport default HeaderBody;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"HeaderBody.js","names":["React","PropTypes","useIntl","ActionRow","Button","Container","Icon","IconButton","Nav","Row","Close","MenuIcon","Search","CourseLockUp","UserMenu","BrandNav","NavDropdownMenu","messages","HeaderBody","_ref","logo","logoAltText","number","org","title","username","isAdmin","studioBaseUrl","logoutUrl","authenticatedUserAvatar","isMobile","setModalPopupTarget","toggleModalPopup","isModalPopupOpen","isHiddenMainMenu","mainMenuDropdowns","outlineLink","searchButtonAction","intl","renderBrandNav","createElement","size","className","as","Fragment","ref","variant","onClick","iconBefore","Spacer","map","dropdown","id","buttonTitle","items","key","src","iconAs","formatMessage","propTypes","string","isRequired","func","bool","arrayOf","shape","href","defaultProps"],"sources":["../../src/studio-header/HeaderBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n ActionRow,\n Button,\n Container,\n Icon,\n IconButton,\n Nav,\n Row,\n} from '@openedx/paragon';\nimport { Close, MenuIcon, Search } from '@openedx/paragon/icons';\n\nimport CourseLockUp from './CourseLockUp';\nimport UserMenu from './UserMenu';\nimport BrandNav from './BrandNav';\nimport NavDropdownMenu from './NavDropdownMenu';\nimport messages from './messages';\n\nconst HeaderBody = ({\n logo,\n logoAltText,\n number,\n org,\n title,\n username,\n isAdmin,\n studioBaseUrl,\n logoutUrl,\n authenticatedUserAvatar,\n isMobile,\n setModalPopupTarget,\n toggleModalPopup,\n isModalPopupOpen,\n isHiddenMainMenu,\n mainMenuDropdowns,\n outlineLink,\n searchButtonAction,\n}) => {\n const intl = useIntl();\n\n const renderBrandNav = (\n <BrandNav\n {...{\n studioBaseUrl,\n logo,\n logoAltText,\n }}\n />\n );\n\n return (\n <Container size=\"xl\" className=\"px-2.5\">\n <ActionRow as=\"header\">\n {isHiddenMainMenu ? (\n <Row className=\"flex-nowrap ml-4\">\n {renderBrandNav}\n </Row>\n ) : (\n <>\n {isMobile ? (\n <Button\n ref={setModalPopupTarget}\n className=\"d-inline-flex align-items-center\"\n variant=\"tertiary\"\n onClick={toggleModalPopup}\n iconBefore={isModalPopupOpen ? Close : MenuIcon}\n data-testid=\"mobile-menu-button\"\n >\n Menu\n </Button>\n ) : (\n <div className=\"w-25\">\n <Row className=\"m-0 flex-nowrap\">\n {renderBrandNav}\n <CourseLockUp\n {...{\n outlineLink,\n number,\n org,\n title,\n }}\n />\n </Row>\n </div>\n )}\n {isMobile ? (\n <>\n <ActionRow.Spacer />\n {renderBrandNav}\n </>\n ) : (\n <Nav data-testid=\"desktop-menu\" className=\"ml-2\">\n {mainMenuDropdowns.map(dropdown => {\n const { id, buttonTitle, items } = dropdown;\n return (\n <NavDropdownMenu key={id} {...{ id, buttonTitle, items }} />\n );\n })}\n </Nav>\n )}\n </>\n )}\n <ActionRow.Spacer />\n {searchButtonAction && (\n <Nav>\n <IconButton\n src={Search}\n iconAs={Icon}\n onClick={searchButtonAction}\n aria-label={intl.formatMessage(messages['header.label.search.nav'])}\n />\n </Nav>\n )}\n <Nav>\n <UserMenu\n {...{\n username,\n studioBaseUrl,\n logoutUrl,\n authenticatedUserAvatar,\n isAdmin,\n }}\n />\n </Nav>\n </ActionRow>\n </Container>\n );\n};\n\nHeaderBody.propTypes = {\n studioBaseUrl: PropTypes.string.isRequired,\n logoutUrl: PropTypes.string.isRequired,\n setModalPopupTarget: PropTypes.func,\n toggleModalPopup: PropTypes.func,\n isModalPopupOpen: PropTypes.bool,\n number: PropTypes.string,\n org: PropTypes.string,\n title: PropTypes.string,\n logo: PropTypes.string,\n logoAltText: PropTypes.string,\n authenticatedUserAvatar: PropTypes.string,\n username: PropTypes.string,\n isAdmin: PropTypes.bool,\n isMobile: PropTypes.bool,\n isHiddenMainMenu: PropTypes.bool,\n mainMenuDropdowns: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.string,\n buttonTitle: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.shape({\n href: PropTypes.string,\n title: PropTypes.string,\n })),\n })),\n outlineLink: PropTypes.string,\n searchButtonAction: PropTypes.func,\n};\n\nHeaderBody.defaultProps = {\n setModalPopupTarget: null,\n toggleModalPopup: null,\n isModalPopupOpen: false,\n logo: null,\n logoAltText: null,\n number: '',\n org: '',\n title: '',\n authenticatedUserAvatar: null,\n username: null,\n isAdmin: false,\n isMobile: false,\n isHiddenMainMenu: false,\n mainMenuDropdowns: [],\n outlineLink: null,\n searchButtonAction: null,\n};\n\nexport default HeaderBody;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nauedu/frontend-component-header",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "20.1.0",
|
|
4
4
|
"description": "NAU header component for Open edX",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -10,18 +10,16 @@
|
|
|
10
10
|
"build": "make build",
|
|
11
11
|
"i18n_extract": "fedx-scripts formatjs extract",
|
|
12
12
|
"lint": "fedx-scripts eslint --ext .js --ext .jsx .",
|
|
13
|
+
"lint:fix": "fedx-scripts eslint --fix --ext .js --ext .jsx .",
|
|
13
14
|
"snapshot": "fedx-scripts jest --updateSnapshot",
|
|
14
15
|
"start": "fedx-scripts webpack-dev-server --progress",
|
|
15
|
-
"test": "fedx-scripts jest --coverage"
|
|
16
|
+
"test": "fedx-scripts jest --coverage",
|
|
17
|
+
"test:dev": "fedx-scripts jest --watchAll",
|
|
18
|
+
"types": "tsc --noEmit"
|
|
16
19
|
},
|
|
17
20
|
"files": [
|
|
18
21
|
"/dist"
|
|
19
22
|
],
|
|
20
|
-
"husky": {
|
|
21
|
-
"hooks": {
|
|
22
|
-
"pre-commit": "npm run lint"
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
23
|
"repository": {
|
|
26
24
|
"type": "git",
|
|
27
25
|
"url": "git+https://github.com/fccn/frontend-component-header-nau.git"
|
|
@@ -35,42 +33,42 @@
|
|
|
35
33
|
"devDependencies": {
|
|
36
34
|
"@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
|
|
37
35
|
"@edx/browserslist-config": "^1.1.1",
|
|
38
|
-
"@edx/frontend-platform": "8.
|
|
36
|
+
"@edx/frontend-platform": "^8.3.1",
|
|
39
37
|
"@edx/reactifex": "^2.1.1",
|
|
40
|
-
"@openedx/frontend-build": "14.
|
|
41
|
-
"@openedx/paragon": "
|
|
42
|
-
"@testing-library/dom": "10.
|
|
38
|
+
"@openedx/frontend-build": "^14.3.2",
|
|
39
|
+
"@openedx/paragon": "^23.0.0",
|
|
40
|
+
"@testing-library/dom": "^10.4.0",
|
|
43
41
|
"@testing-library/jest-dom": "5.17.0",
|
|
44
|
-
"@testing-library/react": "
|
|
45
|
-
"
|
|
46
|
-
"jest": "
|
|
47
|
-
"jest-chain": "1.1.6",
|
|
42
|
+
"@testing-library/react": "^16.2.0",
|
|
43
|
+
"jest": "30.0.5",
|
|
44
|
+
"jest-environment-jsdom": "^30.0.0",
|
|
48
45
|
"prop-types": "15.8.1",
|
|
49
|
-
"react": "
|
|
50
|
-
"react-dom": "
|
|
51
|
-
"react-redux": "
|
|
52
|
-
"react-router-dom": "6.
|
|
53
|
-
"react-test-renderer": "
|
|
46
|
+
"react": "^18.3.1",
|
|
47
|
+
"react-dom": "^18.3.1",
|
|
48
|
+
"react-redux": "^8.1.1",
|
|
49
|
+
"react-router-dom": "6.30.1",
|
|
50
|
+
"react-test-renderer": "^18.3.1",
|
|
54
51
|
"redux": "4.2.1",
|
|
55
52
|
"redux-saga": "1.3.0"
|
|
56
53
|
},
|
|
57
54
|
"dependencies": {
|
|
58
|
-
"@fortawesome/fontawesome-svg-core": "6.
|
|
59
|
-
"@fortawesome/free-brands-svg-icons": "6.
|
|
60
|
-
"@fortawesome/free-regular-svg-icons": "6.
|
|
61
|
-
"@fortawesome/free-solid-svg-icons": "6.
|
|
55
|
+
"@fortawesome/fontawesome-svg-core": "6.7.2",
|
|
56
|
+
"@fortawesome/free-brands-svg-icons": "6.7.2",
|
|
57
|
+
"@fortawesome/free-regular-svg-icons": "6.7.2",
|
|
58
|
+
"@fortawesome/free-solid-svg-icons": "6.7.2",
|
|
62
59
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"jest-environment-jsdom": "^29.7.0",
|
|
60
|
+
"@openedx/frontend-plugin-framework": "^1.7.0",
|
|
61
|
+
"classnames": "^2.5.1",
|
|
66
62
|
"react-responsive": "8.2.0",
|
|
67
63
|
"react-transition-group": "4.4.5"
|
|
68
64
|
},
|
|
69
65
|
"peerDependencies": {
|
|
70
66
|
"@edx/frontend-platform": "^7.0.0 || ^8.0.0",
|
|
71
|
-
"@openedx/paragon": ">=
|
|
67
|
+
"@openedx/paragon": ">= 22.0.0 < 24.0.0",
|
|
72
68
|
"prop-types": "^15.5.10",
|
|
73
|
-
"react": "^16.9.0 || ^17.0.0",
|
|
74
|
-
"react-dom": "^16.9.0 || ^17.0.0"
|
|
69
|
+
"react": "^16.9.0 || ^17.0.0 || ^18.0.0",
|
|
70
|
+
"react-dom": "^16.9.0 || ^17.0.0 || ^18.0.0",
|
|
71
|
+
"react-router-dom": "^6.14.2"
|
|
75
72
|
}
|
|
76
73
|
}
|
|
74
|
+
|