@codecademy/brand 3.14.0-alpha.33e8dac51a.0 → 3.14.0-alpha.56ed61bbf2.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/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.js +5 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js +3 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/index.js +3 -3
- package/dist/AppHeader/AppHeaderElements/AppHeaderDietCard/index.js +28 -8
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.js +16 -16
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.js +21 -4
- package/dist/AppHeader/Search/QuizAndHelpCenterLinks.js +3 -4
- package/dist/GlobalHeader/GlobalHeaderItems.d.ts +1 -1
- package/dist/GlobalHeader/GlobalHeaderItems.js +25 -27
- package/dist/GlobalHeader/GlobalHeaderVariants.d.ts +10 -10
- package/dist/GlobalHeader/GlobalHeaderVariants.js +24 -24
- package/dist/GlobalHeader/context.d.ts +13 -1
- package/dist/GlobalHeader/context.js +11 -2
- package/dist/GlobalHeader/index.d.ts +0 -5
- package/dist/GlobalHeader/index.js +71 -61
- package/dist/GlobalHeader/types.d.ts +0 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ export const CATALOG_NAV_SECTIONS = [{
|
|
|
6
6
|
text: 'Course topics',
|
|
7
7
|
id: 'course-topics',
|
|
8
8
|
type: 'catalog-dropdown',
|
|
9
|
-
trackingTarget: '
|
|
9
|
+
trackingTarget: 'topnav_catalog_tab_course_topics'
|
|
10
10
|
},
|
|
11
11
|
panel: CourseTopicsPanel
|
|
12
12
|
}, {
|
|
@@ -15,7 +15,7 @@ export const CATALOG_NAV_SECTIONS = [{
|
|
|
15
15
|
text: 'Skill paths',
|
|
16
16
|
id: 'skill-paths',
|
|
17
17
|
type: 'catalog-dropdown',
|
|
18
|
-
trackingTarget: '
|
|
18
|
+
trackingTarget: 'topnav_catalog_tab_skill_paths'
|
|
19
19
|
},
|
|
20
20
|
panel: SkillPathsPanel
|
|
21
21
|
}, {
|
|
@@ -24,7 +24,7 @@ export const CATALOG_NAV_SECTIONS = [{
|
|
|
24
24
|
text: 'Career paths',
|
|
25
25
|
id: 'career-paths',
|
|
26
26
|
type: 'catalog-dropdown',
|
|
27
|
-
trackingTarget: '
|
|
27
|
+
trackingTarget: 'topnav_catalog_tab_career_paths'
|
|
28
28
|
},
|
|
29
29
|
panel: CareerPathsPanel
|
|
30
30
|
}, {
|
|
@@ -33,7 +33,7 @@ export const CATALOG_NAV_SECTIONS = [{
|
|
|
33
33
|
text: 'Certification paths',
|
|
34
34
|
id: 'certification-paths',
|
|
35
35
|
type: 'catalog-dropdown',
|
|
36
|
-
trackingTarget: '
|
|
36
|
+
trackingTarget: 'topnav_catalog_tab_certification_paths'
|
|
37
37
|
},
|
|
38
38
|
panel: CertificationPathsPanel
|
|
39
39
|
}, {
|
|
@@ -42,7 +42,7 @@ export const CATALOG_NAV_SECTIONS = [{
|
|
|
42
42
|
text: 'Live learning',
|
|
43
43
|
id: 'live-learning',
|
|
44
44
|
type: 'catalog-dropdown',
|
|
45
|
-
trackingTarget: '
|
|
45
|
+
trackingTarget: 'topnav_catalog_tab_live_learning'
|
|
46
46
|
},
|
|
47
47
|
panel: LiveLearningPanel
|
|
48
48
|
}];
|
|
@@ -13,6 +13,8 @@ import { CATALOG_NAV_SECTIONS } from './consts';
|
|
|
13
13
|
import { MarketingBanner } from './MarketingBanner';
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDropdown, {
|
|
16
|
+
// prevent the isAnon and displayGlobalNavRedesign props from being passed to the DOM element, which would cause a React warning.
|
|
17
|
+
shouldForwardProp: prop => prop !== 'isAnon' && prop !== 'displayGlobalNavRedesign',
|
|
16
18
|
target: "eaa3s9f0",
|
|
17
19
|
label: "StyledAnimatedMegaMenuDropdown"
|
|
18
20
|
})("left:", ({
|
|
@@ -27,7 +29,7 @@ const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDrop
|
|
|
27
29
|
}) => {
|
|
28
30
|
if (displayGlobalNavRedesign) return isAnon ? '-9.5rem' : '-14rem';
|
|
29
31
|
return isAnon ? '-9rem' : '-14rem';
|
|
30
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQkUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3JNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlcic7XG5pbXBvcnQge1xuICBBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24sXG4gIEFwcEhlYWRlckFjdGlvbixcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dTZWN0aW9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24nO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b24gfSBmcm9tICcuLi9BcHBIZWFkZXJOYXZCdXR0b24vQXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b24nO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlclNlY3Rpb24gfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uJztcbmltcG9ydCB7IENBVEFMT0dfTkFWX1NFQ1RJT05TIH0gZnJvbSAnLi9jb25zdHMnO1xuaW1wb3J0IHsgTWFya2V0aW5nQmFubmVyIH0gZnJvbSAnLi9NYXJrZXRpbmdCYW5uZXInO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wcyA9IEFwcEhlYWRlckFjdGlvbiAmIHtcbiAgaXRlbTogQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbTtcbiAgaXNBbm9uOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gc3R5bGVkKEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biwge1xuICAvLyBwcmV2ZW50IHRoZSBpc0Fub24gYW5kIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiBwcm9wcyBmcm9tIGJlaW5nIHBhc3NlZCB0byB0aGUgRE9NIGVsZW1lbnQsIHdoaWNoIHdvdWxkIGNhdXNlIGEgUmVhY3Qgd2FybmluZy5cbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PlxuICAgIHByb3AgIT09ICdpc0Fub24nICYmIHByb3AgIT09ICdkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24nLFxufSk8e1xuICBpc0Fub246IGJvb2xlYW47XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjogYm9vbGVhbjtcbn0+YFxuICBsZWZ0OiAkeyh7IGlzQW5vbiwgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduIH0pID0+IHtcbiAgICBpZiAoZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduKSByZXR1cm4gaXNBbm9uID8gJy00cmVtJyA6ICctOXJlbSc7XG4gICAgcmV0dXJuIGlzQW5vbiA/ICctOXJlbScgOiAnLTE0cmVtJztcbiAgfX07XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyNjFweCkge1xuICAgIGxlZnQ6ICR7KHsgaXNBbm9uLCBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gfSkgPT4ge1xuICAgICAgaWYgKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbikgcmV0dXJuIGlzQW5vbiA/ICctOS41cmVtJyA6ICctMTRyZW0nO1xuICAgICAgcmV0dXJuIGlzQW5vbiA/ICctOXJlbScgOiAnLTE0cmVtJztcbiAgICB9fVxuYDtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bjogUmVhY3QuRkM8XG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzXG4+ID0gKHsgYWN0aW9uLCBpdGVtLCBpc0Fub24gfSkgPT4ge1xuICBjb25zdCB7IHRleHQgfSA9IGl0ZW07XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBkcm9wZG93blJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IGxhc3RPcGVuZWREcm9wZG93biwgc2V0TGFzdE9wZW5lZERyb3Bkb3duIH0gPSB1c2VBcHBIZWFkZXJDb250ZXh0KCk7XG5cbiAgLy8gQWRkIHNjcm9sbGJhciBmb3Igc2hvcnQgc2NyZWVucyBhZnRlciB0cmFuc2l0aW9uIChvdGhlcndpc2Ugc2Nyb2xsYmFyIGFwcGVhcnMgYW5kIGRpc3NhcGVhcnMgZm9yIGFkZXF1YXRlIGhlaWdodHMgZHVyaW5nIHRyYW5zaXRpb24pXG4gIGNvbnN0IFthbmltYXRpb25Db21wbGV0ZVN0eWxlcywgc2V0QW5pbWF0aW9uQ29tcGxldGVTdHlsZXNdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IGFuaW1hdGlvbkZpbmlzaGVkID0gKCkgPT4ge1xuICAgIHNldEFuaW1hdGlvbkNvbXBsZXRlU3R5bGVzKGlzT3Blbik7XG4gICAgaWYgKGlzT3BlbiAmJiBkcm9wZG93blJlZi5jdXJyZW50KSB7XG4gICAgICBkcm9wZG93blJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IDA7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGZvY3VzQnV0dG9uID0gKCkgPT4ge1xuICAgIGJ1dHRvblJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgfTtcblxuICBjb25zdCB0b2dnbGVJc09wZW4gPSAoKSA9PiBzZXRJc09wZW4oKHByZXYpID0+ICFwcmV2KTtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgdG9nZ2xlSXNPcGVuKCk7XG5cbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICAgIGlmIChzZXRMYXN0T3BlbmVkRHJvcGRvd24pIHtcbiAgICAgICAgc2V0TGFzdE9wZW5lZERyb3Bkb3duKHRleHQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIGZvY3VzQnV0dG9uKCk7XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYXN0T3BlbmVkRHJvcGRvd24gIT09IHRleHQgJiYgaXNPcGVuKSB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtsYXN0T3BlbmVkRHJvcGRvd25dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCB8IEV2ZW50KSB7XG4gICAgICBjb25zdCBjb250YWluZXIgPSBjb250YWluZXJSZWY/LmN1cnJlbnQ7XG4gICAgICBjb25zdCBidXR0b24gPSBidXR0b25SZWY/LmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICBjb250YWluZXIgJiZcbiAgICAgICAgIWNvbnRhaW5lci5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgYnV0dG9uICYmXG4gICAgICAgICFidXR0b24uY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXG4gICAgICApIHtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfTtcbiAgfSwgW2NvbnRhaW5lclJlZiwgaGFuZGxlQ2xvc2UsIGlzT3Blbl0pO1xuICBjb25zdCBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPSB1c2VDb250ZXh0KEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCk7XG5cbiAgcmV0dXJuIChcbiAgICA8QXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9PlxuICAgICAgPEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uXG4gICAgICAgIGJ1dHRvblJlZj17YnV0dG9uUmVmfVxuICAgICAgICBoYW5kbGVPbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgdGl0bGU9e3RleHR9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93blxuICAgICAgICBpc0Fub249e2lzQW5vbn1cbiAgICAgICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduPXtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ259XG4gICAgICAgIHRhYkluZGV4PXstMX0gLy8gcHJldmVudCBmcm9tIGludGVyZmVyaW5nIHdpdGggQXBwSGVhZGVyIGZvY3VzIGxvZ2ljXG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgdG9wOiAnMy41cmVtJyxcbiAgICAgICAgICBtaW5XaWR0aDogJzY0cmVtJyxcbiAgICAgICAgICBvdmVyZmxvd1k6IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/ICdhdXRvJyA6ICdoaWRkZW4nLFxuICAgICAgICAgIG1heEhlaWdodDogYW5pbWF0aW9uQ29tcGxldGVTdHlsZXMgPyAnODV2aCcgOiAwLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gJ3RyYW5zcGFyZW50JyA6ICcnLFxuICAgICAgICB9fVxuICAgICAgICBpbml0aWFsPXt7IGJvcmRlcldpZHRoOiAwLCBoZWlnaHQ6IDAgfX1cbiAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgIGJvcmRlcldpZHRoOiBpc09wZW4gPyAoZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gMCA6IDEpIDogMCxcbiAgICAgICAgICBoZWlnaHQ6IGlzT3BlbiA/ICdmaXQtY29udGVudCcgOiAwLFxuICAgICAgICB9fVxuICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE3NSB9fVxuICAgICAgICBhcmlhLWhpZGRlbj17IWlzT3Blbn1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXRhbG9nLW1lbnUtZHJvcGRvd25cIlxuICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXthbmltYXRpb25GaW5pc2hlZH1cbiAgICAgICAgcmVmPXtkcm9wZG93blJlZn1cbiAgICAgID5cbiAgICAgICAge2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IChcbiAgICAgICAgICA8Q29sb3JNb2RlIG1vZGU9XCJsaWdodFwiPlxuICAgICAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgICAgICAgICBuYXZTZWN0aW9ucz17Q0FUQUxPR19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgICAgIE1hcmtldGluZ0Jhbm5lcj17TWFya2V0aW5nQmFubmVyfVxuICAgICAgICAgICAgICBoYW5kbGVDbG9zZT17KCkgPT4gc2V0SXNPcGVuKGZhbHNlKX1cbiAgICAgICAgICAgICAgdHlwZT1cImNhdGFsb2ctZHJvcGRvd25cIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvbG9yTW9kZT5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8QXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25cbiAgICAgICAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgICAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgICAgICAgaWQ9e2BtZW51LWNvbnRhaW5lciR7aXRlbS50ZXh0fWB9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIGhhbmRsZUNsb3NlPXsoKSA9PiBzZXRJc09wZW4oZmFsc2UpfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93bj5cbiAgICA8L0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */"));
|
|
31
33
|
export const AppHeaderCatalogDropdown = ({
|
|
32
34
|
action,
|
|
33
35
|
item,
|
|
@@ -3,8 +3,8 @@ import { MiniArrowRightIcon } from '@codecademy/gamut-icons';
|
|
|
3
3
|
import { TinyBlocks } from '@codecademy/gamut-illustrations';
|
|
4
4
|
import { Background } from '@codecademy/gamut-styles';
|
|
5
5
|
import * as React from 'react';
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
6
|
+
import { useEffect, useRef } from 'react';
|
|
7
|
+
import { useHeaderDisplayContext } from '../../../GlobalHeader/context';
|
|
8
8
|
import { careerPaths, getTopSubjects, liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
|
|
9
9
|
import { DescriptionSectionContainer, LayoutGridAntiAliased, useMegaMenuHeaderResponsiveStyles } from '../../shared';
|
|
10
10
|
import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
|
|
@@ -52,7 +52,7 @@ export const AppHeaderCatalogSection = /*#__PURE__*/React.forwardRef(({
|
|
|
52
52
|
const {
|
|
53
53
|
showOnboardingQuiz,
|
|
54
54
|
showSortingQuiz
|
|
55
|
-
} =
|
|
55
|
+
} = useHeaderDisplayContext();
|
|
56
56
|
const tabIndex = isOpen === false ? -1 : 0;
|
|
57
57
|
const styles = useMegaMenuHeaderResponsiveStyles();
|
|
58
58
|
const bannerStyles = useBannerResponsiveStyles();
|
|
@@ -6,20 +6,28 @@ import { CourseDifficulty } from '../../../ContentGroupBaseCard/types';
|
|
|
6
6
|
import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
|
|
7
7
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
8
|
const StyledCard = /*#__PURE__*/_styled(Card, {
|
|
9
|
-
target: "
|
|
9
|
+
target: "e1d52gk02",
|
|
10
10
|
label: "StyledCard"
|
|
11
11
|
})("&:hover{border-color:", ({
|
|
12
12
|
theme
|
|
13
|
-
}) => theme.colors.black, ";cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+
|
|
13
|
+
}) => theme.colors.black, ";cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5ibGFja307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5jb25zdCBEaWZmaWN1bHR5VGV4dENvbnRhaW5lciA9IHN0eWxlZChGbGV4Qm94KTx7XG4gIGlzQmVnaW5uZXJDb250YWluZXI6IGJvb2xlYW47XG59PmBcbiAgQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkgYW5kIChtYXgtd2lkdGg6IDExMTJweCkge1xuICAgIG1heC13aWR0aDogJHsoeyBpc0JlZ2lubmVyQ29udGFpbmVyIH0pID0+XG4gICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJzUwJScgOiAnbm9uZSd9O1xuICB9XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyMDBweCkgYW5kIChtYXgtd2lkdGg6IDEyMzBweCkge1xuICAgIG1heC13aWR0aDogJHsoeyBpc0JlZ2lubmVyQ29udGFpbmVyIH0pID0+XG4gICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJzYwJScgOiAnbm9uZSd9O1xuICB9XG5gO1xuXG50eXBlIEFwcEhlYWRlckRpZXRDYXJkUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGhvdXJzOiBudW1iZXIgfCBudWxsO1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGRpZmZpY3VsdHk6IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICBocmVmOiBzdHJpbmc7XG4gIHRyYWNraW5nVGFyZ2V0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckRpZXRDYXJkID0gKHtcbiAgdGl0bGUsXG4gIGhvdXJzLFxuICBpY29uLFxuICBkaWZmaWN1bHR5LFxuICBocmVmLFxuICB0YWJJbmRleCxcbiAgdHJhY2tpbmdUYXJnZXQsXG59OiBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxBbmNob3JcbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBpZDogYHRvcG5hdl9jYXRhbG9nXyR7dGl0bGV9YCxcbiAgICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2X2NhdGFsb2dfJHt0cmFja2luZ1RhcmdldCA/PyB0aXRsZX1gLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENhcmRcbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgIG1pbkhlaWdodD17MTIwfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICBweT17OH1cbiAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwiaDNcIlxuICAgICAgICAgICAgdmFyaWFudD1cInAtbGFyZ2VcIlxuICAgICAgICAgICAgZm9udFdlaWdodD17NzAwfVxuICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsyfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEJveD5cbiAgICAgICAgICAgIDxCb3ggcHk9ezR9IG1iPXs0fSBoZWlnaHQ9ezB9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPERvdHRlZExpbmUgY29sb3I9XCJib3JkZXItdGVydGlhcnlcIiAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgIHtkaWZmaWN1bHR5ICYmIChcbiAgICAgICAgICAgICAgICA8RGlmZmljdWx0eVRleHRDb250YWluZXJcbiAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXI9e2lzQmVnaW5uZXJDb250YWluZXJ9XG4gICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlmZmljdWx0eX0ke1xuICAgICAgICAgICAgICAgICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJyBGcmllbmRseScgOiAnJ1xuICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgIHtpc0JlZ2lubmVyQ29udGFpbmVyICYmIDw+IEZyaWVuZGx5PC8+fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvRGlmZmljdWx0eVRleHRDb250YWluZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtob3VycyAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPGI+e2hvdXJzfTwvYj4gaG91cnNcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvbGk+XG4gICk7XG59O1xuIl19 */"));
|
|
14
14
|
const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
|
|
15
|
-
target: "
|
|
15
|
+
target: "e1d52gk01",
|
|
16
16
|
label: "DottedLine"
|
|
17
17
|
})(css({
|
|
18
18
|
height: '1px',
|
|
19
19
|
display: 'flex',
|
|
20
20
|
position: 'absolute',
|
|
21
21
|
marginTop: '-1px'
|
|
22
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+
|
|
22
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5ibGFja307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5jb25zdCBEaWZmaWN1bHR5VGV4dENvbnRhaW5lciA9IHN0eWxlZChGbGV4Qm94KTx7XG4gIGlzQmVnaW5uZXJDb250YWluZXI6IGJvb2xlYW47XG59PmBcbiAgQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkgYW5kIChtYXgtd2lkdGg6IDExMTJweCkge1xuICAgIG1heC13aWR0aDogJHsoeyBpc0JlZ2lubmVyQ29udGFpbmVyIH0pID0+XG4gICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJzUwJScgOiAnbm9uZSd9O1xuICB9XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyMDBweCkgYW5kIChtYXgtd2lkdGg6IDEyMzBweCkge1xuICAgIG1heC13aWR0aDogJHsoeyBpc0JlZ2lubmVyQ29udGFpbmVyIH0pID0+XG4gICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJzYwJScgOiAnbm9uZSd9O1xuICB9XG5gO1xuXG50eXBlIEFwcEhlYWRlckRpZXRDYXJkUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGhvdXJzOiBudW1iZXIgfCBudWxsO1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGRpZmZpY3VsdHk6IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICBocmVmOiBzdHJpbmc7XG4gIHRyYWNraW5nVGFyZ2V0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckRpZXRDYXJkID0gKHtcbiAgdGl0bGUsXG4gIGhvdXJzLFxuICBpY29uLFxuICBkaWZmaWN1bHR5LFxuICBocmVmLFxuICB0YWJJbmRleCxcbiAgdHJhY2tpbmdUYXJnZXQsXG59OiBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxBbmNob3JcbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBpZDogYHRvcG5hdl9jYXRhbG9nXyR7dGl0bGV9YCxcbiAgICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2X2NhdGFsb2dfJHt0cmFja2luZ1RhcmdldCA/PyB0aXRsZX1gLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENhcmRcbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgIG1pbkhlaWdodD17MTIwfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICBweT17OH1cbiAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwiaDNcIlxuICAgICAgICAgICAgdmFyaWFudD1cInAtbGFyZ2VcIlxuICAgICAgICAgICAgZm9udFdlaWdodD17NzAwfVxuICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsyfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEJveD5cbiAgICAgICAgICAgIDxCb3ggcHk9ezR9IG1iPXs0fSBoZWlnaHQ9ezB9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPERvdHRlZExpbmUgY29sb3I9XCJib3JkZXItdGVydGlhcnlcIiAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgIHtkaWZmaWN1bHR5ICYmIChcbiAgICAgICAgICAgICAgICA8RGlmZmljdWx0eVRleHRDb250YWluZXJcbiAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXI9e2lzQmVnaW5uZXJDb250YWluZXJ9XG4gICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlmZmljdWx0eX0ke1xuICAgICAgICAgICAgICAgICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJyBGcmllbmRseScgOiAnJ1xuICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgIHtpc0JlZ2lubmVyQ29udGFpbmVyICYmIDw+IEZyaWVuZGx5PC8+fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvRGlmZmljdWx0eVRleHRDb250YWluZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtob3VycyAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPGI+e2hvdXJzfTwvYj4gaG91cnNcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvbGk+XG4gICk7XG59O1xuIl19 */");
|
|
23
|
+
const DifficultyTextContainer = /*#__PURE__*/_styled(FlexBox, {
|
|
24
|
+
target: "e1d52gk00",
|
|
25
|
+
label: "DifficultyTextContainer"
|
|
26
|
+
})("@media (min-width: 1024px) and (max-width: 1112px){max-width:", ({
|
|
27
|
+
isBeginnerContainer
|
|
28
|
+
}) => isBeginnerContainer ? '50%' : 'none', ";}@media (min-width: 1200px) and (max-width: 1230px){max-width:", ({
|
|
29
|
+
isBeginnerContainer
|
|
30
|
+
}) => isBeginnerContainer ? '60%' : 'none', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5ibGFja307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5jb25zdCBEaWZmaWN1bHR5VGV4dENvbnRhaW5lciA9IHN0eWxlZChGbGV4Qm94KTx7XG4gIGlzQmVnaW5uZXJDb250YWluZXI6IGJvb2xlYW47XG59PmBcbiAgQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkgYW5kIChtYXgtd2lkdGg6IDExMTJweCkge1xuICAgIG1heC13aWR0aDogJHsoeyBpc0JlZ2lubmVyQ29udGFpbmVyIH0pID0+XG4gICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJzUwJScgOiAnbm9uZSd9O1xuICB9XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyMDBweCkgYW5kIChtYXgtd2lkdGg6IDEyMzBweCkge1xuICAgIG1heC13aWR0aDogJHsoeyBpc0JlZ2lubmVyQ29udGFpbmVyIH0pID0+XG4gICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJzYwJScgOiAnbm9uZSd9O1xuICB9XG5gO1xuXG50eXBlIEFwcEhlYWRlckRpZXRDYXJkUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGhvdXJzOiBudW1iZXIgfCBudWxsO1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGRpZmZpY3VsdHk6IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICBocmVmOiBzdHJpbmc7XG4gIHRyYWNraW5nVGFyZ2V0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckRpZXRDYXJkID0gKHtcbiAgdGl0bGUsXG4gIGhvdXJzLFxuICBpY29uLFxuICBkaWZmaWN1bHR5LFxuICBocmVmLFxuICB0YWJJbmRleCxcbiAgdHJhY2tpbmdUYXJnZXQsXG59OiBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxBbmNob3JcbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBpZDogYHRvcG5hdl9jYXRhbG9nXyR7dGl0bGV9YCxcbiAgICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2X2NhdGFsb2dfJHt0cmFja2luZ1RhcmdldCA/PyB0aXRsZX1gLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENhcmRcbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgIG1pbkhlaWdodD17MTIwfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICBweT17OH1cbiAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwiaDNcIlxuICAgICAgICAgICAgdmFyaWFudD1cInAtbGFyZ2VcIlxuICAgICAgICAgICAgZm9udFdlaWdodD17NzAwfVxuICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsyfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEJveD5cbiAgICAgICAgICAgIDxCb3ggcHk9ezR9IG1iPXs0fSBoZWlnaHQ9ezB9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPERvdHRlZExpbmUgY29sb3I9XCJib3JkZXItdGVydGlhcnlcIiAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgIHtkaWZmaWN1bHR5ICYmIChcbiAgICAgICAgICAgICAgICA8RGlmZmljdWx0eVRleHRDb250YWluZXJcbiAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXI9e2lzQmVnaW5uZXJDb250YWluZXJ9XG4gICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlmZmljdWx0eX0ke1xuICAgICAgICAgICAgICAgICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJyBGcmllbmRseScgOiAnJ1xuICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgIHtpc0JlZ2lubmVyQ29udGFpbmVyICYmIDw+IEZyaWVuZGx5PC8+fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvRGlmZmljdWx0eVRleHRDb250YWluZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtob3VycyAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPGI+e2hvdXJzfTwvYj4gaG91cnNcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvbGk+XG4gICk7XG59O1xuIl19 */"));
|
|
23
31
|
export const AppHeaderDietCard = ({
|
|
24
32
|
title,
|
|
25
33
|
hours,
|
|
@@ -58,11 +66,15 @@ export const AppHeaderDietCard = ({
|
|
|
58
66
|
tabIndex: tabIndex,
|
|
59
67
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
60
68
|
as: "h3",
|
|
61
|
-
variant: "
|
|
69
|
+
variant: "p-large",
|
|
70
|
+
fontWeight: 700,
|
|
71
|
+
truncate: "ellipsis",
|
|
72
|
+
truncateLines: 2,
|
|
62
73
|
children: title
|
|
63
74
|
}), /*#__PURE__*/_jsxs(Box, {
|
|
64
75
|
children: [/*#__PURE__*/_jsx(Box, {
|
|
65
76
|
py: 4,
|
|
77
|
+
mb: 4,
|
|
66
78
|
height: 0,
|
|
67
79
|
position: "relative",
|
|
68
80
|
"aria-hidden": true,
|
|
@@ -71,7 +83,10 @@ export const AppHeaderDietCard = ({
|
|
|
71
83
|
})
|
|
72
84
|
}), /*#__PURE__*/_jsxs(FlexBox, {
|
|
73
85
|
justifyContent: "space-between",
|
|
74
|
-
|
|
86
|
+
alignItems: "center",
|
|
87
|
+
children: [difficulty && /*#__PURE__*/_jsxs(DifficultyTextContainer, {
|
|
88
|
+
isBeginnerContainer: isBeginnerContainer,
|
|
89
|
+
justifyContent: "center",
|
|
75
90
|
alignItems: "center",
|
|
76
91
|
gap: 8,
|
|
77
92
|
children: [icon, /*#__PURE__*/_jsx(Text, {
|
|
@@ -79,11 +94,13 @@ export const AppHeaderDietCard = ({
|
|
|
79
94
|
children: `${difficulty}${isBeginnerContainer ? ' Friendly' : ''}.`
|
|
80
95
|
}), /*#__PURE__*/_jsxs(Text, {
|
|
81
96
|
variant: "p-small",
|
|
97
|
+
fontSize: 14,
|
|
82
98
|
color: "text-secondary",
|
|
83
|
-
pl: 8,
|
|
84
|
-
whiteSpace: "nowrap",
|
|
85
99
|
"data-testid": "card-difficulty",
|
|
86
100
|
"aria-hidden": true,
|
|
101
|
+
truncate: "ellipsis",
|
|
102
|
+
truncateLines: 1,
|
|
103
|
+
overflow: "hidden",
|
|
87
104
|
children: [/*#__PURE__*/_jsx("b", {
|
|
88
105
|
children: difficulty
|
|
89
106
|
}), isBeginnerContainer && /*#__PURE__*/_jsx(_Fragment, {
|
|
@@ -91,7 +108,10 @@ export const AppHeaderDietCard = ({
|
|
|
91
108
|
})]
|
|
92
109
|
})]
|
|
93
110
|
}), hours && /*#__PURE__*/_jsxs(Text, {
|
|
111
|
+
fontSize: 14,
|
|
112
|
+
variant: "p-small",
|
|
94
113
|
color: "text-secondary",
|
|
114
|
+
whiteSpace: "nowrap",
|
|
95
115
|
children: [/*#__PURE__*/_jsx("b", {
|
|
96
116
|
children: hours
|
|
97
117
|
}), " hours"]
|
|
@@ -8,7 +8,7 @@ export const RESOURCES_NAV_SECTIONS = [{
|
|
|
8
8
|
text: 'Docs',
|
|
9
9
|
id: 'docs',
|
|
10
10
|
type: 'resources-dropdown',
|
|
11
|
-
trackingTarget: '
|
|
11
|
+
trackingTarget: 'topnav_resources_tab_docs'
|
|
12
12
|
},
|
|
13
13
|
panel: DocsPanel
|
|
14
14
|
}, {
|
|
@@ -17,7 +17,7 @@ export const RESOURCES_NAV_SECTIONS = [{
|
|
|
17
17
|
text: 'Learning tools',
|
|
18
18
|
id: 'learning-tools',
|
|
19
19
|
type: 'resources-dropdown',
|
|
20
|
-
trackingTarget: '
|
|
20
|
+
trackingTarget: 'topnav_resources_tab_learning_tools'
|
|
21
21
|
},
|
|
22
22
|
panel: LearningToolsPanel
|
|
23
23
|
}, {
|
|
@@ -26,7 +26,7 @@ export const RESOURCES_NAV_SECTIONS = [{
|
|
|
26
26
|
text: 'Practice tools',
|
|
27
27
|
id: 'practice-tools',
|
|
28
28
|
type: 'resources-dropdown',
|
|
29
|
-
trackingTarget: '
|
|
29
|
+
trackingTarget: 'topnav_resources_tab_practice_tools'
|
|
30
30
|
},
|
|
31
31
|
panel: PracticeToolsPanel
|
|
32
32
|
}, {
|
|
@@ -35,7 +35,7 @@ export const RESOURCES_NAV_SECTIONS = [{
|
|
|
35
35
|
text: 'Inspiration',
|
|
36
36
|
id: 'inspiration',
|
|
37
37
|
type: 'resources-dropdown',
|
|
38
|
-
trackingTarget: '
|
|
38
|
+
trackingTarget: 'topnav_resources_tab_inspiration'
|
|
39
39
|
},
|
|
40
40
|
panel: InspirationPanel
|
|
41
41
|
}];
|
|
@@ -170,7 +170,7 @@ export const learningToolsLinks = [{
|
|
|
170
170
|
linkItem: {
|
|
171
171
|
id: 'articles',
|
|
172
172
|
href: '/articles',
|
|
173
|
-
trackingTarget: '
|
|
173
|
+
trackingTarget: 'topnav_resources_learning_articles',
|
|
174
174
|
text: 'Articles',
|
|
175
175
|
type: 'link'
|
|
176
176
|
},
|
|
@@ -180,7 +180,7 @@ export const learningToolsLinks = [{
|
|
|
180
180
|
linkItem: {
|
|
181
181
|
id: 'cheatsheets',
|
|
182
182
|
href: '/resources/cheatsheets/all',
|
|
183
|
-
trackingTarget: '
|
|
183
|
+
trackingTarget: 'topnav_resources_learning_cheatsheets',
|
|
184
184
|
text: 'Cheatsheets',
|
|
185
185
|
type: 'link'
|
|
186
186
|
},
|
|
@@ -190,7 +190,7 @@ export const learningToolsLinks = [{
|
|
|
190
190
|
linkItem: {
|
|
191
191
|
id: 'videos',
|
|
192
192
|
href: '/resources/videos',
|
|
193
|
-
trackingTarget: '
|
|
193
|
+
trackingTarget: 'topnav_resources_learning_videos',
|
|
194
194
|
text: 'Videos',
|
|
195
195
|
type: 'link'
|
|
196
196
|
},
|
|
@@ -200,7 +200,7 @@ export const learningToolsLinks = [{
|
|
|
200
200
|
linkItem: {
|
|
201
201
|
id: 'projects',
|
|
202
202
|
href: '/projects',
|
|
203
|
-
trackingTarget: '
|
|
203
|
+
trackingTarget: 'topnav_resources_learning_projects',
|
|
204
204
|
text: 'Projects',
|
|
205
205
|
type: 'link'
|
|
206
206
|
},
|
|
@@ -211,7 +211,7 @@ export const practiceToolsLinks = [{
|
|
|
211
211
|
linkItem: {
|
|
212
212
|
id: 'code-challenges',
|
|
213
213
|
href: '/code-challenges',
|
|
214
|
-
trackingTarget: '
|
|
214
|
+
trackingTarget: 'topnav_resources_learning_code_challenges',
|
|
215
215
|
text: 'Code Challenges',
|
|
216
216
|
type: 'link'
|
|
217
217
|
},
|
|
@@ -221,7 +221,7 @@ export const practiceToolsLinks = [{
|
|
|
221
221
|
linkItem: {
|
|
222
222
|
id: 'workspaces',
|
|
223
223
|
href: '/pages/workspaces',
|
|
224
|
-
trackingTarget: '
|
|
224
|
+
trackingTarget: 'topnav_resources_learning_workspaces',
|
|
225
225
|
text: 'Workspaces',
|
|
226
226
|
type: 'link'
|
|
227
227
|
},
|
|
@@ -231,7 +231,7 @@ export const practiceToolsLinks = [{
|
|
|
231
231
|
linkItem: {
|
|
232
232
|
id: 'job-readiness',
|
|
233
233
|
href: '/job-readiness',
|
|
234
|
-
trackingTarget: '
|
|
234
|
+
trackingTarget: 'topnav_resources_learning_job_readiness',
|
|
235
235
|
text: 'Job-Readiness Checker',
|
|
236
236
|
type: 'link'
|
|
237
237
|
},
|
|
@@ -241,7 +241,7 @@ export const practiceToolsLinks = [{
|
|
|
241
241
|
linkItem: {
|
|
242
242
|
id: 'interview-simulator',
|
|
243
243
|
href: '/interview-simulator',
|
|
244
|
-
trackingTarget: '
|
|
244
|
+
trackingTarget: 'topnav_resources_learning_interview_simulator',
|
|
245
245
|
text: 'Interview Simulator',
|
|
246
246
|
type: 'link'
|
|
247
247
|
},
|
|
@@ -252,7 +252,7 @@ export const inspirationLinks = [{
|
|
|
252
252
|
linkItem: {
|
|
253
253
|
id: 'learner-stories',
|
|
254
254
|
href: '/resources/blog/category/get-inspired',
|
|
255
|
-
trackingTarget: '
|
|
255
|
+
trackingTarget: 'topnav_resources_inspiration_learner_stories',
|
|
256
256
|
text: 'Learner stories',
|
|
257
257
|
type: 'link'
|
|
258
258
|
},
|
|
@@ -262,7 +262,7 @@ export const inspirationLinks = [{
|
|
|
262
262
|
linkItem: {
|
|
263
263
|
id: 'learning-tips',
|
|
264
264
|
href: '/resources/blog/category/learning-tips',
|
|
265
|
-
trackingTarget: '
|
|
265
|
+
trackingTarget: 'topnav_resources_inspiration_learning_tips',
|
|
266
266
|
text: 'Learning Tips',
|
|
267
267
|
type: 'link'
|
|
268
268
|
},
|
|
@@ -272,7 +272,7 @@ export const inspirationLinks = [{
|
|
|
272
272
|
linkItem: {
|
|
273
273
|
id: 'career-advice',
|
|
274
274
|
href: '/resources/blog/category/career',
|
|
275
|
-
trackingTarget: '
|
|
275
|
+
trackingTarget: 'topnav_resources_inspiration_career_advice',
|
|
276
276
|
text: 'Career Advice',
|
|
277
277
|
type: 'link'
|
|
278
278
|
},
|
|
@@ -282,7 +282,7 @@ export const inspirationLinks = [{
|
|
|
282
282
|
linkItem: {
|
|
283
283
|
id: 'finding-a-job',
|
|
284
284
|
href: '/resources/blog/category/finding-a-job',
|
|
285
|
-
trackingTarget: '
|
|
285
|
+
trackingTarget: 'topnav_resources_inspiration_finding_a_job',
|
|
286
286
|
text: 'Finding a Job',
|
|
287
287
|
type: 'link'
|
|
288
288
|
},
|
|
@@ -3,6 +3,7 @@ import { ColorMode } from '@codecademy/gamut-styles';
|
|
|
3
3
|
import { useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { GlobalNavRedesignContext } from '../../../GlobalHeader';
|
|
6
|
+
import { useHeaderDisplayContext } from '../../../GlobalHeader/context';
|
|
6
7
|
import { getHeaderResourcesList } from '../../../lib/resourcesList';
|
|
7
8
|
import { AnimatedMegaMenuDropdown } from '../../shared';
|
|
8
9
|
import { AppHeaderDropdownProvider } from '../AppHeaderDropdownProvider';
|
|
@@ -13,15 +14,25 @@ import { AppHeaderSection } from '../AppHeaderSection';
|
|
|
13
14
|
import { RESOURCES_NAV_SECTIONS } from './consts';
|
|
14
15
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
16
|
const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDropdown, {
|
|
17
|
+
// prevent the isAnon and displayGlobalNavRedesign props from being passed to the DOM element, which would cause a React warning.
|
|
18
|
+
shouldForwardProp: prop => prop !== 'isAnon' && prop !== 'displayGlobalNavRedesign' && prop !== 'narrowResourceDropdownPosition' && prop !== 'wideResourceDropdownPosition',
|
|
16
19
|
target: "ekdg1bw0",
|
|
17
20
|
label: "StyledAnimatedMegaMenuDropdown"
|
|
18
21
|
})("left:", ({
|
|
19
22
|
isAnon,
|
|
20
|
-
displayGlobalNavRedesign
|
|
21
|
-
|
|
23
|
+
displayGlobalNavRedesign,
|
|
24
|
+
narrowResourceDropdownPosition
|
|
25
|
+
}) => {
|
|
26
|
+
if (displayGlobalNavRedesign) return `${narrowResourceDropdownPosition}rem`;
|
|
27
|
+
return isAnon ? '-14.5rem' : '-19.5rem';
|
|
28
|
+
}, ";@media (min-width: 1261px){left:", ({
|
|
22
29
|
isAnon,
|
|
23
|
-
displayGlobalNavRedesign
|
|
24
|
-
|
|
30
|
+
displayGlobalNavRedesign,
|
|
31
|
+
wideResourceDropdownPosition
|
|
32
|
+
}) => {
|
|
33
|
+
if (displayGlobalNavRedesign) return `${wideResourceDropdownPosition}rem`;
|
|
34
|
+
return isAnon ? '-14.5rem' : '-19.5rem';
|
|
35
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yTW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXInO1xuaW1wb3J0IHsgdXNlSGVhZGVyRGlzcGxheUNvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBnZXRIZWFkZXJSZXNvdXJjZXNMaXN0IH0gZnJvbSAnLi4vLi4vLi4vbGliL3Jlc291cmNlc0xpc3QnO1xuaW1wb3J0IHtcbiAgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duLFxuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXIgfSBmcm9tICcuLi9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyTmF2QnV0dG9uL0FwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJQcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJSZXNvdXJjZXNTZWN0aW9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyUmVzb3VyY2VzU2VjdGlvbic7XG5pbXBvcnQgeyBBcHBIZWFkZXJTZWN0aW9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyU2VjdGlvbic7XG5pbXBvcnQgeyBSRVNPVVJDRVNfTkFWX1NFQ1RJT05TIH0gZnJvbSAnLi9jb25zdHMnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW06IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgaXNBbm9uOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gc3R5bGVkKEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biwge1xuICAvLyBwcmV2ZW50IHRoZSBpc0Fub24gYW5kIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiBwcm9wcyBmcm9tIGJlaW5nIHBhc3NlZCB0byB0aGUgRE9NIGVsZW1lbnQsIHdoaWNoIHdvdWxkIGNhdXNlIGEgUmVhY3Qgd2FybmluZy5cbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PlxuICAgIHByb3AgIT09ICdpc0Fub24nICYmXG4gICAgcHJvcCAhPT0gJ2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbicgJiZcbiAgICBwcm9wICE9PSAnbmFycm93UmVzb3VyY2VEcm9wZG93blBvc2l0aW9uJyAmJlxuICAgIHByb3AgIT09ICd3aWRlUmVzb3VyY2VEcm9wZG93blBvc2l0aW9uJyxcbn0pPHtcbiAgaXNBbm9uOiBib29sZWFuO1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG4gIG5hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbjogbnVtYmVyO1xuICB3aWRlUmVzb3VyY2VEcm9wZG93blBvc2l0aW9uOiBudW1iZXI7XG59PmBcbiAgbGVmdDogJHsoe1xuICAgIGlzQW5vbixcbiAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24sXG4gICAgbmFycm93UmVzb3VyY2VEcm9wZG93blBvc2l0aW9uLFxuICB9KSA9PiB7XG4gICAgaWYgKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbikgcmV0dXJuIGAke25hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbn1yZW1gO1xuICAgIHJldHVybiBpc0Fub24gPyAnLTE0LjVyZW0nIDogJy0xOS41cmVtJztcbiAgfX07XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyNjFweCkge1xuICAgIGxlZnQ6ICR7KHtcbiAgICAgIGlzQW5vbixcbiAgICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbixcbiAgICAgIHdpZGVSZXNvdXJjZURyb3Bkb3duUG9zaXRpb24sXG4gICAgfSkgPT4ge1xuICAgICAgaWYgKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbikgcmV0dXJuIGAke3dpZGVSZXNvdXJjZURyb3Bkb3duUG9zaXRpb259cmVtYDtcbiAgICAgIHJldHVybiBpc0Fub24gPyAnLTE0LjVyZW0nIDogJy0xOS41cmVtJztcbiAgICB9fTtcbmA7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bjogUmVhY3QuRkM8XG4gIEFwcEhlYWRlclJlc291cmNlRHJvcGRvd25Qcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbSwgaXNBbm9uIH0pID0+IHtcbiAgY29uc3QgeyB0ZXh0IH0gPSBpdGVtO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgZHJvcGRvd25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBsYXN0T3BlbmVkRHJvcGRvd24sIHNldExhc3RPcGVuZWREcm9wZG93biB9ID0gdXNlQXBwSGVhZGVyQ29udGV4dCgpO1xuICBjb25zdCB7IG5hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbiwgd2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbiB9ID1cbiAgICB1c2VIZWFkZXJEaXNwbGF5Q29udGV4dCgpO1xuXG4gIC8vIEFkZCBzY3JvbGxiYXIgZm9yIHNob3J0IHNjcmVlbnMgYWZ0ZXIgdHJhbnNpdGlvbiAob3RoZXJ3aXNlIHNjcm9sbGJhciBhcHBlYXJzIGFuZCBkaXNzYXBlYXJzIGZvciBhZGVxdWF0ZSBoZWlnaHRzIGR1cmluZyB0cmFuc2l0aW9uKVxuICBjb25zdCBbYW5pbWF0aW9uQ29tcGxldGVTdHlsZXMsIHNldEFuaW1hdGlvbkNvbXBsZXRlU3R5bGVzXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoZWFkZXJSZXNvdXJjZXNMaXN0ID0gZ2V0SGVhZGVyUmVzb3VyY2VzTGlzdCgpO1xuXG4gIGNvbnN0IGFuaW1hdGlvbkZpbmlzaGVkID0gKCkgPT4ge1xuICAgIHNldEFuaW1hdGlvbkNvbXBsZXRlU3R5bGVzKGlzT3Blbik7XG4gICAgaWYgKGlzT3BlbiAmJiBkcm9wZG93blJlZi5jdXJyZW50KSB7XG4gICAgICBkcm9wZG93blJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IDA7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHRvZ2dsZUlzT3BlbiA9ICgpID0+IHNldElzT3BlbigocHJldikgPT4gIXByZXYpO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICB0b2dnbGVJc09wZW4oKTtcbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICAgIGlmIChzZXRMYXN0T3BlbmVkRHJvcGRvd24pIHtcbiAgICAgICAgc2V0TGFzdE9wZW5lZERyb3Bkb3duKHRleHQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIGJ1dHRvblJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxhc3RPcGVuZWREcm9wZG93biAhPT0gdGV4dCAmJiBpc09wZW4pIHtcbiAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2xhc3RPcGVuZWREcm9wZG93bl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50OiBNb3VzZUV2ZW50IHwgRXZlbnQpIHtcbiAgICAgIGNvbnN0IGNvbnRhaW5lciA9IGNvbnRhaW5lclJlZj8uY3VycmVudDtcbiAgICAgIGNvbnN0IGJ1dHRvbiA9IGJ1dHRvblJlZj8uY3VycmVudDtcbiAgICAgIGlmIChcbiAgICAgICAgaXNPcGVuICYmXG4gICAgICAgIGNvbnRhaW5lciAmJlxuICAgICAgICAhY29udGFpbmVyLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSAmJlxuICAgICAgICBidXR0b24gJiZcbiAgICAgICAgIWJ1dHRvbi5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgICAgICkge1xuICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICB9O1xuICB9LCBbY29udGFpbmVyUmVmLCBoYW5kbGVDbG9zZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID0gdXNlQ29udGV4dChHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQpO1xuXG4gIHJldHVybiAoXG4gICAgPEFwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXIgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlfT5cbiAgICAgIDxBcHBIZWFkZXJEcm9wZG93bk5hdkJ1dHRvblxuICAgICAgICBidXR0b25SZWY9e2J1dHRvblJlZn1cbiAgICAgICAgaGFuZGxlT25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIHRpdGxlPXt0ZXh0fVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd25cbiAgICAgICAgaXNBbm9uPXtpc0Fub259XG4gICAgICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbj17ZGlzcGxheUdsb2JhbE5hdlJlZGVzaWdufVxuICAgICAgICBuYXJyb3dSZXNvdXJjZURyb3Bkb3duUG9zaXRpb249e25hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbn1cbiAgICAgICAgd2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbj17d2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbn1cbiAgICAgICAgdGFiSW5kZXg9ey0xfSAvLyBwcmV2ZW50IGZyb20gaW50ZXJmZXJpbmcgd2l0aCBBcHBIZWFkZXIgZm9jdXMgbG9naWNcbiAgICAgICAgcmVmPXtkcm9wZG93blJlZn1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICB0b3A6ICczLjVyZW0nLFxuICAgICAgICAgIG1pbldpZHRoOiAnNjRyZW0nLFxuICAgICAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgICAgIG1heEhlaWdodDogYW5pbWF0aW9uQ29tcGxldGVTdHlsZXMgPyAnODV2aCcgOiAwLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gJ3RyYW5zcGFyZW50JyA6ICcnLFxuICAgICAgICB9fVxuICAgICAgICBpbml0aWFsPXt7IGJvcmRlcldpZHRoOiAwLCBoZWlnaHQ6IDAgfX1cbiAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgIGJvcmRlcldpZHRoOiBpc09wZW4gPyAoZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gMCA6IDEpIDogMCxcbiAgICAgICAgICBoZWlnaHQ6IGlzT3BlbiA/ICdmaXQtY29udGVudCcgOiAwLFxuICAgICAgICB9fVxuICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjE3NSB9fVxuICAgICAgICBhcmlhLWhpZGRlbj17IWlzT3Blbn1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJyZXNvdXJjZXMtbWVudS1kcm9wZG93blwiXG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9e2FuaW1hdGlvbkZpbmlzaGVkfVxuICAgICAgPlxuICAgICAgICB7ZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gKFxuICAgICAgICAgIDxDb2xvck1vZGUgbW9kZT1cImxpZ2h0XCI+XG4gICAgICAgICAgICA8QXBwSGVhZGVyU2VjdGlvblxuICAgICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICAgIG5hdlNlY3Rpb25zPXtSRVNPVVJDRVNfTkFWX1NFQ1RJT05TfVxuICAgICAgICAgICAgICBoYW5kbGVDbG9zZT17KCkgPT4gc2V0SXNPcGVuKGZhbHNlKX1cbiAgICAgICAgICAgICAgdHlwZT1cInJlc291cmNlcy1kcm9wZG93blwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQ29sb3JNb2RlPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxBcHBIZWFkZXJSZXNvdXJjZXNTZWN0aW9uXG4gICAgICAgICAgICBhY3Rpb249e2FjdGlvbn1cbiAgICAgICAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgICAgICAgaWQ9e2BtZW51LWNvbnRhaW5lciR7aXRlbS50ZXh0fWB9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIGhhbmRsZUNsb3NlPXsoKSA9PiBzZXRJc09wZW4oZmFsc2UpfVxuICAgICAgICAgICAgcmVzb3VyY2VzPXtoZWFkZXJSZXNvdXJjZXNMaXN0fVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93bj5cbiAgICA8L0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */"));
|
|
25
36
|
export const AppHeaderResourcesDropdown = ({
|
|
26
37
|
action,
|
|
27
38
|
item,
|
|
@@ -38,6 +49,10 @@ export const AppHeaderResourcesDropdown = ({
|
|
|
38
49
|
lastOpenedDropdown,
|
|
39
50
|
setLastOpenedDropdown
|
|
40
51
|
} = useAppHeaderContext();
|
|
52
|
+
const {
|
|
53
|
+
narrowResourceDropdownPosition,
|
|
54
|
+
wideResourceDropdownPosition
|
|
55
|
+
} = useHeaderDisplayContext();
|
|
41
56
|
|
|
42
57
|
// Add scrollbar for short screens after transition (otherwise scrollbar appears and dissapears for adequate heights during transition)
|
|
43
58
|
const [animationCompleteStyles, setAnimationCompleteStyles] = useState(false);
|
|
@@ -94,6 +109,8 @@ export const AppHeaderResourcesDropdown = ({
|
|
|
94
109
|
}), /*#__PURE__*/_jsx(StyledAnimatedMegaMenuDropdown, {
|
|
95
110
|
isAnon: isAnon,
|
|
96
111
|
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
112
|
+
narrowResourceDropdownPosition: narrowResourceDropdownPosition,
|
|
113
|
+
wideResourceDropdownPosition: wideResourceDropdownPosition,
|
|
97
114
|
tabIndex: -1 // prevent from interfering with AppHeader focus logic
|
|
98
115
|
,
|
|
99
116
|
ref: dropdownRef,
|
|
@@ -3,8 +3,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
3
3
|
import { Anchor, FlexBox, Text, TextButton } from '@codecademy/gamut';
|
|
4
4
|
import { MiniArrowRightIcon, SupportIcon } from '@codecademy/gamut-icons';
|
|
5
5
|
import { theme } from '@codecademy/gamut-styles';
|
|
6
|
-
import {
|
|
7
|
-
import { HeaderQuizContext } from '../../GlobalHeader';
|
|
6
|
+
import { useHeaderDisplayContext } from '../../GlobalHeader/context';
|
|
8
7
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
8
|
export const BoldSupportIcon = /*#__PURE__*/_styled(SupportIcon, {
|
|
10
9
|
target: "em954zc0",
|
|
@@ -14,7 +13,7 @@ export const BoldSupportIcon = /*#__PURE__*/_styled(SupportIcon, {
|
|
|
14
13
|
styles: "path{stroke-width:2.5;}circle{stroke-width:2.5;}"
|
|
15
14
|
} : {
|
|
16
15
|
name: "jcs9cn",
|
|
17
|
-
styles: "path{stroke-width:2.5;}circle{stroke-width:2.5;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
styles: "path{stroke-width:2.5;}circle{stroke-width:2.5;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvU2VhcmNoL1F1aXpBbmRIZWxwQ2VudGVyTGlua3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9rRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQXBwSGVhZGVyL1NlYXJjaC9RdWl6QW5kSGVscENlbnRlckxpbmtzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgRmxleEJveCwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlBcnJvd1JpZ2h0SWNvbiwgU3VwcG9ydEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUhlYWRlckRpc3BsYXlDb250ZXh0IH0gZnJvbSAnLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgQm9sZFN1cHBvcnRJY29uID0gc3R5bGVkKFN1cHBvcnRJY29uKWBcbiAgcGF0aCB7XG4gICAgc3Ryb2tlLXdpZHRoOiAyLjU7XG4gIH1cbiAgY2lyY2xlIHtcbiAgICBzdHJva2Utd2lkdGg6IDIuNTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFF1aXpBbmRIZWxwQ2VudGVyTGlua3M6IFJlYWN0LkZDPHtcbiAgb25UcmFja2luZ0NsaWNrOiAodGFyZ2V0OiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhbmRsZUNsb3NlRHJvcGRvd246ICgpID0+IHZvaWQ7XG59PiA9ICh7IG9uVHJhY2tpbmdDbGljaywgaGFuZGxlQ2xvc2VEcm9wZG93biB9KSA9PiB7XG4gIGNvbnN0IHsgc2hvd09uYm9hcmRpbmdRdWl6LCBzaG93U29ydGluZ1F1aXogfSA9IHVzZUhlYWRlckRpc3BsYXlDb250ZXh0KCk7XG5cbiAgY29uc3QgaXNNb2JpbGUgPSB0aGVtZS5icmVha3BvaW50cy54cyB8fCB0aGVtZS5icmVha3BvaW50cy5zbTtcblxuICBjb25zdCBxdWl6TGluayA9IHNob3dPbmJvYXJkaW5nUXVpelxuICAgID8gJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnXG4gICAgOiAnL2V4cGxvcmUvc29ydGluZy1xdWl6JztcblxuICBjb25zdCBzaG93UXVpeiA9IHNob3dPbmJvYXJkaW5nUXVpeiB8fCBzaG93U29ydGluZ1F1aXo7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgYm9yZGVyVG9wPXsxfVxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgcHk9ezh9XG4gICAgPlxuICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbWQ6ICdyb3cnIH19PlxuICAgICAgICB7c2hvd1F1aXogJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17MTZ9IG1yPXsxMCBhcyAwfT5cbiAgICAgICAgICAgICAgTm90IHN1cmUgd2hlcmUgdG8gYmVnaW4/XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8QW5jaG9yXG4gICAgICAgICAgICAgIGhyZWY9e3F1aXpMaW5rfVxuICAgICAgICAgICAgICB2YXJpYW50PVwic3RhbmRhcmRcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25UcmFja2luZ0NsaWNrKFxuICAgICAgICAgICAgICAgICAgc2hvd09uYm9hcmRpbmdRdWl6ID8gJ3NvcnRpbmdfcXVpeicgOiAnb25ib2FyZGluZ19xdWl6J1xuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2VEcm9wZG93bigpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXsxMCBhcyAwfSBvdmVyZmxvdz1cInZpc2libGVcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17eyBfOiAxNCwgbWQ6IDE2IH19PlRha2Ugb3VyIHF1aXo8L1RleHQ+XG4gICAgICAgICAgICAgICAgPE1pbmlBcnJvd1JpZ2h0SWNvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9BbmNob3I+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICA8VGV4dEJ1dHRvblxuICAgICAgICBocmVmPVwiL2hlbHBcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRyYWNraW5nQ2xpY2soJ2hlbHBfY2VudGVyJyl9XG4gICAgICAgIHNpemU9e2lzTW9iaWxlID8gJ3NtYWxsJyA6ICdub3JtYWwnfVxuICAgICAgPlxuICAgICAgICA8Qm9sZFN1cHBvcnRJY29uIG1yPXs4fSBzaXplPXsxMn0gLz5cbiAgICAgICAgSGVscCBDZW50ZXJcbiAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */",
|
|
18
17
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
19
18
|
});
|
|
20
19
|
export const QuizAndHelpCenterLinks = ({
|
|
@@ -24,7 +23,7 @@ export const QuizAndHelpCenterLinks = ({
|
|
|
24
23
|
const {
|
|
25
24
|
showOnboardingQuiz,
|
|
26
25
|
showSortingQuiz
|
|
27
|
-
} =
|
|
26
|
+
} = useHeaderDisplayContext();
|
|
28
27
|
const isMobile = theme.breakpoints.xs || theme.breakpoints.sm;
|
|
29
28
|
const quizLink = showOnboardingQuiz ? '/welcome/find-a-course' : '/explore/sorting-quiz';
|
|
30
29
|
const showQuiz = showOnboardingQuiz || showSortingQuiz;
|
|
@@ -10,7 +10,7 @@ export declare const catalogDropdown: (hideCareerPaths?: boolean) => AppHeaderCa
|
|
|
10
10
|
export declare const resourcesDropdown: () => AppHeaderResourcesDropdownItem;
|
|
11
11
|
export declare const simpleResourcesDropdown: AppHeaderResourcesSimpleDropdownItem;
|
|
12
12
|
export declare const communityDropdown: () => AppHeaderSimpleDropdownItem;
|
|
13
|
-
export declare const pricingDropdown:
|
|
13
|
+
export declare const pricingDropdown: AppHeaderSimpleDropdownItem;
|
|
14
14
|
export declare const upgradePlan: AppHeaderLinkItem;
|
|
15
15
|
export declare const businessSolutions: AppHeaderLinkItem;
|
|
16
16
|
export declare const careerCenter: AppHeaderLinkItem;
|
|
@@ -155,33 +155,31 @@ export const communityDropdown = () => ({
|
|
|
155
155
|
trackingTarget: 'topnav_community',
|
|
156
156
|
type: 'dropdown'
|
|
157
157
|
});
|
|
158
|
-
export const pricingDropdown =
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
type: 'dropdown'
|
|
184
|
-
};
|
|
158
|
+
export const pricingDropdown = {
|
|
159
|
+
icon: AccountingCoinsIcon,
|
|
160
|
+
id: 'pricing',
|
|
161
|
+
text: 'Pricing',
|
|
162
|
+
popover: [{
|
|
163
|
+
id: 'pro-membership',
|
|
164
|
+
href: '/pricing',
|
|
165
|
+
trackingTarget: 'topnav_pro_membership',
|
|
166
|
+
text: 'For Individuals',
|
|
167
|
+
type: 'link'
|
|
168
|
+
}, {
|
|
169
|
+
id: 'for-students',
|
|
170
|
+
href: '/student-center',
|
|
171
|
+
trackingTarget: 'topnav_pricing_students',
|
|
172
|
+
text: 'For Students',
|
|
173
|
+
type: 'link'
|
|
174
|
+
}, {
|
|
175
|
+
id: 'for-teams',
|
|
176
|
+
href: '/business#section-pricing-table',
|
|
177
|
+
trackingTarget: 'topnav_pricing_business',
|
|
178
|
+
text: 'For Business',
|
|
179
|
+
type: 'link'
|
|
180
|
+
}],
|
|
181
|
+
trackingTarget: 'topnav_pricing',
|
|
182
|
+
type: 'dropdown'
|
|
185
183
|
};
|
|
186
184
|
export const upgradePlan = {
|
|
187
185
|
icon: ArrowThickCircleUpIcon,
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { AppHeaderItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems } from '../AppHeader/shared';
|
|
2
2
|
import { GlobalHeaderProps } from '.';
|
|
3
3
|
import { User } from './types';
|
|
4
|
-
export declare const anonDefaultHeaderItems: (hidePricing?: boolean, user?: User, isBlpHeroExperimentVariant?: boolean
|
|
5
|
-
export declare const anonDefaultMobileHeaderItems: (hidePricing?: boolean, user?: User, isBlpHeroExperimentVariant?: boolean
|
|
6
|
-
export declare const anonLandingHeaderItems: (hidePricing?: boolean, user?: User
|
|
7
|
-
export declare const anonLandingMobileHeaderItems: (hidePricing?: boolean, user?: User
|
|
8
|
-
export declare const anonLoginHeaderItems: (hidePricing?: boolean, user?: User
|
|
9
|
-
export declare const anonLoginMobileHeaderItems: (hidePricing?: boolean, user?: User
|
|
10
|
-
export declare const anonSignupHeaderItems: (hidePricing?: boolean, user?: User
|
|
11
|
-
export declare const anonSignupMobileHeaderItems: (hidePricing?: boolean, user?: User
|
|
12
|
-
export declare const freeHeaderItems: (user: User, hidePricing?: boolean
|
|
13
|
-
export declare const freeMobileHeaderItems: (user: User, hidePricing?: boolean
|
|
4
|
+
export declare const anonDefaultHeaderItems: (hidePricing?: boolean, user?: User, isBlpHeroExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
5
|
+
export declare const anonDefaultMobileHeaderItems: (hidePricing?: boolean, user?: User, isBlpHeroExperimentVariant?: boolean) => FormattedMobileAppHeaderItems;
|
|
6
|
+
export declare const anonLandingHeaderItems: (hidePricing?: boolean, user?: User) => FormattedAppHeaderItems;
|
|
7
|
+
export declare const anonLandingMobileHeaderItems: (hidePricing?: boolean, user?: User) => FormattedMobileAppHeaderItems;
|
|
8
|
+
export declare const anonLoginHeaderItems: (hidePricing?: boolean, user?: User) => FormattedAppHeaderItems;
|
|
9
|
+
export declare const anonLoginMobileHeaderItems: (hidePricing?: boolean, user?: User) => FormattedMobileAppHeaderItems;
|
|
10
|
+
export declare const anonSignupHeaderItems: (hidePricing?: boolean, user?: User) => FormattedAppHeaderItems;
|
|
11
|
+
export declare const anonSignupMobileHeaderItems: (hidePricing?: boolean, user?: User) => FormattedMobileAppHeaderItems;
|
|
12
|
+
export declare const freeHeaderItems: (user: User, hidePricing?: boolean) => FormattedAppHeaderItems;
|
|
13
|
+
export declare const freeMobileHeaderItems: (user: User, hidePricing?: boolean) => FormattedMobileAppHeaderItems;
|
|
14
14
|
export declare const enterpriseHeaderItems: (user: User, props: GlobalHeaderProps) => {
|
|
15
15
|
left: AppHeaderItem[];
|
|
16
16
|
right: never[];
|
|
@@ -11,12 +11,12 @@ const transformSimpleResourcesDropdownlabels = resourcesLabel => ({
|
|
|
11
11
|
text: resourcesLabel?.[item.id] || item.text
|
|
12
12
|
}))
|
|
13
13
|
});
|
|
14
|
-
const anonHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHeroExperimentVariant
|
|
14
|
+
const anonHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHeroExperimentVariant) => {
|
|
15
15
|
const specialLogo = {
|
|
16
16
|
...logo,
|
|
17
17
|
checkMini: true
|
|
18
18
|
};
|
|
19
|
-
const leftItems = [specialLogo, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown
|
|
19
|
+
const leftItems = [specialLogo, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown]), liveLearningHub, businessSolutions];
|
|
20
20
|
const rightItems = [];
|
|
21
21
|
if (isBusinessPage(isBlpHeroExperimentVariant)) {
|
|
22
22
|
if (renderSignUp) {
|
|
@@ -38,7 +38,7 @@ const anonHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHero
|
|
|
38
38
|
right: rightItems
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
|
-
const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHeroExperimentVariant
|
|
41
|
+
const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHeroExperimentVariant) => {
|
|
42
42
|
const specialLogo = {
|
|
43
43
|
...logo,
|
|
44
44
|
checkMini: true
|
|
@@ -60,43 +60,43 @@ const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isB
|
|
|
60
60
|
rightItems.push(signUp);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
const mainMenuItems = [catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown
|
|
63
|
+
const mainMenuItems = [catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown]), liveLearningHub, businessSolutions];
|
|
64
64
|
return {
|
|
65
65
|
left: leftItems,
|
|
66
66
|
right: rightItems,
|
|
67
67
|
mainMenu: mainMenuItems
|
|
68
68
|
};
|
|
69
69
|
};
|
|
70
|
-
export const anonDefaultHeaderItems = (hidePricing, user, isBlpHeroExperimentVariant
|
|
71
|
-
return anonHeaderItems(true, true, hidePricing, user, isBlpHeroExperimentVariant
|
|
70
|
+
export const anonDefaultHeaderItems = (hidePricing, user, isBlpHeroExperimentVariant) => {
|
|
71
|
+
return anonHeaderItems(true, true, hidePricing, user, isBlpHeroExperimentVariant);
|
|
72
72
|
};
|
|
73
|
-
export const anonDefaultMobileHeaderItems = (hidePricing, user, isBlpHeroExperimentVariant
|
|
74
|
-
return anonMobileHeaderItems(true, true, hidePricing, user, isBlpHeroExperimentVariant
|
|
73
|
+
export const anonDefaultMobileHeaderItems = (hidePricing, user, isBlpHeroExperimentVariant) => {
|
|
74
|
+
return anonMobileHeaderItems(true, true, hidePricing, user, isBlpHeroExperimentVariant);
|
|
75
75
|
};
|
|
76
|
-
export const anonLandingHeaderItems = (hidePricing, user
|
|
77
|
-
return anonHeaderItems(true, false, hidePricing, user
|
|
76
|
+
export const anonLandingHeaderItems = (hidePricing, user) => {
|
|
77
|
+
return anonHeaderItems(true, false, hidePricing, user);
|
|
78
78
|
};
|
|
79
|
-
export const anonLandingMobileHeaderItems = (hidePricing, user
|
|
80
|
-
return anonMobileHeaderItems(true, false, hidePricing, user
|
|
79
|
+
export const anonLandingMobileHeaderItems = (hidePricing, user) => {
|
|
80
|
+
return anonMobileHeaderItems(true, false, hidePricing, user);
|
|
81
81
|
};
|
|
82
|
-
export const anonLoginHeaderItems = (hidePricing, user
|
|
83
|
-
return anonHeaderItems(false, true, hidePricing, user
|
|
82
|
+
export const anonLoginHeaderItems = (hidePricing, user) => {
|
|
83
|
+
return anonHeaderItems(false, true, hidePricing, user);
|
|
84
84
|
};
|
|
85
|
-
export const anonLoginMobileHeaderItems = (hidePricing, user
|
|
86
|
-
return anonMobileHeaderItems(false, true, hidePricing, user
|
|
85
|
+
export const anonLoginMobileHeaderItems = (hidePricing, user) => {
|
|
86
|
+
return anonMobileHeaderItems(false, true, hidePricing, user);
|
|
87
87
|
};
|
|
88
|
-
export const anonSignupHeaderItems = (hidePricing, user
|
|
89
|
-
return anonHeaderItems(true, false, hidePricing, user
|
|
88
|
+
export const anonSignupHeaderItems = (hidePricing, user) => {
|
|
89
|
+
return anonHeaderItems(true, false, hidePricing, user);
|
|
90
90
|
};
|
|
91
|
-
export const anonSignupMobileHeaderItems = (hidePricing, user
|
|
92
|
-
return anonMobileHeaderItems(true, false, hidePricing, user
|
|
91
|
+
export const anonSignupMobileHeaderItems = (hidePricing, user) => {
|
|
92
|
+
return anonMobileHeaderItems(true, false, hidePricing, user);
|
|
93
93
|
};
|
|
94
|
-
export const freeHeaderItems = (user, hidePricing
|
|
94
|
+
export const freeHeaderItems = (user, hidePricing) => {
|
|
95
95
|
const specialLogo = {
|
|
96
96
|
...logo,
|
|
97
97
|
checkMini: true
|
|
98
98
|
};
|
|
99
|
-
const leftItems = [specialLogo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown
|
|
99
|
+
const leftItems = [specialLogo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown]), liveLearningHub, businessSolutions];
|
|
100
100
|
const upgradeButton = upgradeToPro(user.proCheckoutUrl);
|
|
101
101
|
const rightItems = [];
|
|
102
102
|
rightItems.push(freeProfile(user));
|
|
@@ -106,7 +106,7 @@ export const freeHeaderItems = (user, hidePricing, isInRevampedBlpExperimentVari
|
|
|
106
106
|
right: rightItems
|
|
107
107
|
};
|
|
108
108
|
};
|
|
109
|
-
export const freeMobileHeaderItems = (user, hidePricing
|
|
109
|
+
export const freeMobileHeaderItems = (user, hidePricing) => {
|
|
110
110
|
const specialLogo = {
|
|
111
111
|
...logo,
|
|
112
112
|
checkMini: true
|
|
@@ -114,7 +114,7 @@ export const freeMobileHeaderItems = (user, hidePricing, isInRevampedBlpExperime
|
|
|
114
114
|
const leftItems = [specialLogo];
|
|
115
115
|
const rightItems = [];
|
|
116
116
|
const upgradeButton = upgradeToPro(user.proCheckoutUrl);
|
|
117
|
-
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown
|
|
117
|
+
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown]), liveLearningHub, businessSolutions, freeProfile(user), user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl)];
|
|
118
118
|
return {
|
|
119
119
|
left: leftItems,
|
|
120
120
|
right: rightItems,
|
|
@@ -11,4 +11,16 @@ export interface GlobalHeaderDynamicDataContextType {
|
|
|
11
11
|
}
|
|
12
12
|
declare const GlobalHeaderDynamicDataContext: React.Context<GlobalHeaderDynamicDataContextType>;
|
|
13
13
|
export declare const useGlobalHeaderDynamicDataContext: () => GlobalHeaderDynamicDataContextType;
|
|
14
|
-
|
|
14
|
+
declare const HeaderDisplayContext: React.Context<{
|
|
15
|
+
showOnboardingQuiz?: boolean;
|
|
16
|
+
showSortingQuiz?: boolean;
|
|
17
|
+
narrowResourceDropdownPosition: number;
|
|
18
|
+
wideResourceDropdownPosition: number;
|
|
19
|
+
}>;
|
|
20
|
+
export declare const useHeaderDisplayContext: () => {
|
|
21
|
+
showOnboardingQuiz?: boolean;
|
|
22
|
+
showSortingQuiz?: boolean;
|
|
23
|
+
narrowResourceDropdownPosition: number;
|
|
24
|
+
wideResourceDropdownPosition: number;
|
|
25
|
+
};
|
|
26
|
+
export { GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext, HeaderDisplayContext, };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createContext, useContext } from 'react';
|
|
1
|
+
import React, { createContext, useContext } from 'react';
|
|
2
2
|
const GlobalHeaderItemClickContext = /*#__PURE__*/createContext({
|
|
3
3
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
4
4
|
globalHeaderItemClick: () => {}
|
|
@@ -12,4 +12,13 @@ const GlobalHeaderDynamicDataContext = /*#__PURE__*/createContext({
|
|
|
12
12
|
export const useGlobalHeaderDynamicDataContext = () => {
|
|
13
13
|
return useContext(GlobalHeaderDynamicDataContext);
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
const HeaderDisplayContext = /*#__PURE__*/React.createContext({
|
|
16
|
+
showOnboardingQuiz: false,
|
|
17
|
+
showSortingQuiz: false,
|
|
18
|
+
narrowResourceDropdownPosition: 0,
|
|
19
|
+
wideResourceDropdownPosition: 0
|
|
20
|
+
});
|
|
21
|
+
export const useHeaderDisplayContext = () => {
|
|
22
|
+
return useContext(HeaderDisplayContext);
|
|
23
|
+
};
|
|
24
|
+
export { GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext, HeaderDisplayContext };
|
|
@@ -2,12 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { AnonHeader, EnterpriseHeader, FreeHeader, LoadingHeader, ProHeader, SimpleBootcampHeader, SimpleHeader, TeamsHeader } from './types';
|
|
3
3
|
export * from './types';
|
|
4
4
|
export declare const LiveLearningHubContext: React.Context<boolean>;
|
|
5
|
-
export declare const HeaderQuizContext: React.Context<{
|
|
6
|
-
showOnboardingQuiz?: boolean;
|
|
7
|
-
showSortingQuiz?: boolean;
|
|
8
|
-
}>;
|
|
9
5
|
export declare const GlobalNavRedesignContext: React.Context<boolean>;
|
|
10
6
|
export declare const BlpHeroExperimentContext: React.Context<boolean>;
|
|
11
|
-
export declare const RevampedBlpExperimentContext: React.Context<boolean>;
|
|
12
7
|
export type GlobalHeaderProps = AnonHeader | FreeHeader | ProHeader | EnterpriseHeader | TeamsHeader | LoadingHeader | SimpleHeader | SimpleBootcampHeader;
|
|
13
8
|
export declare const GlobalHeader: React.FC<GlobalHeaderProps>;
|
|
@@ -3,18 +3,13 @@ import { useTheme } from '@emotion/react';
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { useCallback, useMemo } from 'react';
|
|
5
5
|
import { AppHeader, AppHeaderMobile, isAppHeaderItemWithHref } from '..';
|
|
6
|
-
import { GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext } from './context';
|
|
6
|
+
import { GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext, HeaderDisplayContext } from './context';
|
|
7
7
|
import { anonDefaultHeaderItems, anonDefaultMobileHeaderItems, anonLandingHeaderItems, anonLandingMobileHeaderItems, anonLoginHeaderItems, anonLoginMobileHeaderItems, anonSignupHeaderItems, anonSignupMobileHeaderItems, enterpriseHeaderItems, enterpriseMobileHeaderItems, freeHeaderItems, freeMobileHeaderItems, loadingHeaderItems, loadingMobileHeaderItems, proHeaderItems, proMobileHeaderItems, simpleBootcampHeaderItems, simpleBootcampMobileHeaderItems, simpleHeaderItems, simpleMobileHeaderItems, teamsHeaderItems, teamsMobileHeaderItems } from './GlobalHeaderVariants';
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
export * from './types';
|
|
10
10
|
export const LiveLearningHubContext = /*#__PURE__*/React.createContext(false);
|
|
11
|
-
export const HeaderQuizContext = /*#__PURE__*/React.createContext({
|
|
12
|
-
showOnboardingQuiz: false,
|
|
13
|
-
showSortingQuiz: false
|
|
14
|
-
});
|
|
15
11
|
export const GlobalNavRedesignContext = /*#__PURE__*/React.createContext(false);
|
|
16
12
|
export const BlpHeroExperimentContext = /*#__PURE__*/React.createContext(false);
|
|
17
|
-
export const RevampedBlpExperimentContext = /*#__PURE__*/React.createContext(false);
|
|
18
13
|
|
|
19
14
|
// Overloading getAppHeaderItems function to return different types based on mobile parameter
|
|
20
15
|
|
|
@@ -29,18 +24,18 @@ function getAppHeaderItems(props, mobile, dynamicDataLoading) {
|
|
|
29
24
|
case 'anon':
|
|
30
25
|
switch (props.variant) {
|
|
31
26
|
case 'landing':
|
|
32
|
-
return mobile ? anonLandingMobileHeaderItems(hidePricing, props.user
|
|
27
|
+
return mobile ? anonLandingMobileHeaderItems(hidePricing, props.user) : anonLandingHeaderItems(hidePricing, props.user);
|
|
33
28
|
case 'login':
|
|
34
|
-
return mobile ? anonLoginMobileHeaderItems(hidePricing, props.user
|
|
29
|
+
return mobile ? anonLoginMobileHeaderItems(hidePricing, props.user) : anonLoginHeaderItems(hidePricing, props.user);
|
|
35
30
|
case 'signup':
|
|
36
|
-
return mobile ? anonSignupMobileHeaderItems(hidePricing, props.user
|
|
31
|
+
return mobile ? anonSignupMobileHeaderItems(hidePricing, props.user) : anonSignupHeaderItems(hidePricing, props.user);
|
|
37
32
|
default:
|
|
38
|
-
return mobile ? anonDefaultMobileHeaderItems(hidePricing, props.user, props.isBlpHeroExperimentVariant
|
|
33
|
+
return mobile ? anonDefaultMobileHeaderItems(hidePricing, props.user, props.isBlpHeroExperimentVariant) : anonDefaultHeaderItems(hidePricing, props.user, props.isBlpHeroExperimentVariant);
|
|
39
34
|
}
|
|
40
35
|
case 'enterprise':
|
|
41
36
|
return mobile ? enterpriseMobileHeaderItems(props.user, props) : enterpriseHeaderItems(props.user, props);
|
|
42
37
|
case 'free':
|
|
43
|
-
return mobile ? freeMobileHeaderItems(props.user, hidePricing
|
|
38
|
+
return mobile ? freeMobileHeaderItems(props.user, hidePricing) : freeHeaderItems(props.user, hidePricing);
|
|
44
39
|
case 'pro':
|
|
45
40
|
return mobile ? proMobileHeaderItems(props.user) : proHeaderItems(props.user);
|
|
46
41
|
case 'teams':
|
|
@@ -68,63 +63,78 @@ export const GlobalHeader = props => {
|
|
|
68
63
|
const hideNotification = props.type === 'loading' || props.type === 'enterprise' || props.type === 'simple' || props.type === 'bootcamp';
|
|
69
64
|
const showOnboardingQuiz = props.type === 'anon' || (props.type === 'free' || props.type === 'pro') && !props.user.enrolledInTwoOrMoreContainers;
|
|
70
65
|
const showSortingQuiz = (props.type === 'free' || props.type === 'pro') && props.user.enrolledInTwoOrMoreContainers;
|
|
71
|
-
|
|
66
|
+
|
|
67
|
+
// other header types are not part of the experiment
|
|
68
|
+
const getNarrowResourceDropdownPosition = headerType => {
|
|
69
|
+
if (headerType === 'free') return -14.5;
|
|
70
|
+
if (headerType === 'anon') return -9.5;
|
|
71
|
+
if (headerType === 'pro' || headerType === 'teams') return -19.5;
|
|
72
|
+
return 0;
|
|
73
|
+
};
|
|
74
|
+
const getWideResourceDropdownPosition = headerType => {
|
|
75
|
+
if (headerType === 'free') return -19.5;
|
|
76
|
+
if (headerType === 'anon') return -14.5;
|
|
77
|
+
if (headerType === 'pro' || headerType === 'teams') return -19.5;
|
|
78
|
+
return 0;
|
|
79
|
+
};
|
|
80
|
+
const narrowResourceDropdownPosition = getNarrowResourceDropdownPosition(props.type);
|
|
81
|
+
const wideResourceDropdownPosition = getWideResourceDropdownPosition(props.type);
|
|
82
|
+
return /*#__PURE__*/_jsx(HeaderDisplayContext.Provider, {
|
|
72
83
|
value: {
|
|
73
84
|
showOnboardingQuiz,
|
|
74
|
-
showSortingQuiz
|
|
85
|
+
showSortingQuiz,
|
|
86
|
+
narrowResourceDropdownPosition,
|
|
87
|
+
wideResourceDropdownPosition
|
|
75
88
|
},
|
|
76
89
|
children: /*#__PURE__*/_jsx(GlobalNavRedesignContext.Provider, {
|
|
77
90
|
value: !!props.displayGlobalNavRedesign,
|
|
78
91
|
children: /*#__PURE__*/_jsx(BlpHeroExperimentContext.Provider, {
|
|
79
92
|
value: !!props.isBlpHeroExperimentVariant,
|
|
80
|
-
children: /*#__PURE__*/_jsx(
|
|
81
|
-
value:
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
,
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
navigationMenuFormattedLabel: props?.localizedLabels?.navigationMenuFormattedLabel
|
|
126
|
-
}), props.children]
|
|
127
|
-
})
|
|
93
|
+
children: /*#__PURE__*/_jsx(GlobalHeaderItemClickContext.Provider, {
|
|
94
|
+
value: {
|
|
95
|
+
globalHeaderItemClick: combinedAction
|
|
96
|
+
},
|
|
97
|
+
children: /*#__PURE__*/_jsx(GlobalHeaderDynamicDataContext.Provider, {
|
|
98
|
+
value: useMemo(() => ({
|
|
99
|
+
globalHeaderDynamicData: dynamicData ?? null
|
|
100
|
+
}), [dynamicData]),
|
|
101
|
+
children: /*#__PURE__*/_jsxs(Box, {
|
|
102
|
+
as: "header",
|
|
103
|
+
position: "sticky",
|
|
104
|
+
top: 0,
|
|
105
|
+
zIndex: theme.elements.headerZ,
|
|
106
|
+
overflow: {
|
|
107
|
+
_: 'hidden',
|
|
108
|
+
sm: 'visible'
|
|
109
|
+
} // Prevent tooltip overflow on mobile
|
|
110
|
+
,
|
|
111
|
+
children: [/*#__PURE__*/_jsx(AppHeader, {
|
|
112
|
+
action: combinedAction,
|
|
113
|
+
items: getAppHeaderItems(props, false, dynamicDataLoading ?? false),
|
|
114
|
+
search: props.search,
|
|
115
|
+
...(props.type === 'anon' ? {
|
|
116
|
+
redirectParam: props.redirectParam
|
|
117
|
+
} : hideNotification ? {} : {
|
|
118
|
+
notifications: props.notifications
|
|
119
|
+
}),
|
|
120
|
+
hideRightButtonDefaults: hideNotification,
|
|
121
|
+
isAnon: props.type === 'anon',
|
|
122
|
+
isTeams: props.type === 'teams',
|
|
123
|
+
type: hideNotification ? 'enterprise' : 'standard'
|
|
124
|
+
}), /*#__PURE__*/_jsx(AppHeaderMobile, {
|
|
125
|
+
action: combinedAction,
|
|
126
|
+
items: getAppHeaderItems(props, true, dynamicDataLoading ?? false),
|
|
127
|
+
...(props.type === 'anon' || hideNotification ? {} : {
|
|
128
|
+
notifications: props.notifications
|
|
129
|
+
}),
|
|
130
|
+
search: props.search,
|
|
131
|
+
redirectParam: props.type === 'anon' ? props.redirectParam : undefined,
|
|
132
|
+
isEnterprise: props.type === 'enterprise',
|
|
133
|
+
isAnon: props.type === 'anon',
|
|
134
|
+
isSimple: props.type === 'simple',
|
|
135
|
+
hideRightMenuButton: props.type === 'simple' || props.type === 'loading',
|
|
136
|
+
navigationMenuFormattedLabel: props?.localizedLabels?.navigationMenuFormattedLabel
|
|
137
|
+
}), props.children]
|
|
128
138
|
})
|
|
129
139
|
})
|
|
130
140
|
})
|
|
@@ -33,7 +33,6 @@ interface BaseHeader extends WithChildrenProp, AppHeaderAction {
|
|
|
33
33
|
search: AppHeaderSearch;
|
|
34
34
|
displayGlobalNavRedesign?: boolean;
|
|
35
35
|
isBlpHeroExperimentVariant?: boolean;
|
|
36
|
-
isInRevampedBlpExperimentVariant?: boolean;
|
|
37
36
|
dynamicData?: GlobalHeaderDynamicData | null;
|
|
38
37
|
dynamicDataLoading?: boolean;
|
|
39
38
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/brand",
|
|
3
3
|
"description": "Brand component library for Codecademy",
|
|
4
|
-
"version": "3.14.0-alpha.
|
|
4
|
+
"version": "3.14.0-alpha.56ed61bbf2.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@emotion/is-prop-valid": "^1.2.1",
|