@codecademy/brand 2.9.0-alpha.cc836e256f.0 → 2.9.0-alpha.da5035d581.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/index.js +6 -10
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.d.ts +4 -10
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.js +76 -243
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavSection.js +7 -15
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/consts.d.ts +1 -7
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/consts.js +3 -16
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/index.js +25 -43
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +0 -0
- package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js +34 -14
- package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js +5 -12
- package/dist/GlobalHeader/GlobalHeaderItems.d.ts +2 -0
- package/dist/GlobalHeader/GlobalHeaderItems.js +18 -1
- package/dist/GlobalHeader/GlobalHeaderVariants.d.ts +2 -2
- package/dist/GlobalHeader/GlobalHeaderVariants.js +39 -17
- package/dist/GlobalHeader/index.d.ts +1 -0
- package/dist/GlobalHeader/index.js +46 -42
- package/dist/GlobalHeader/types.d.ts +1 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/package.json +1 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/MarketingBanner.d.ts +0 -3
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/MarketingBanner.js +0 -83
- package/dist/AppHeader/AppHeaderElements/AppHeaderDietCard/index.d.ts +0 -10
- package/dist/AppHeader/AppHeaderElements/AppHeaderDietCard/index.js +0 -82
- package/dist/AppHeaderMobile/AppHeaderCatalogSectonVariantMobile/index.d.ts +0 -4
- package/dist/AppHeaderMobile/AppHeaderCatalogSectonVariantMobile/index.js +0 -63
- package/dist/CourseRecommendationsLink/index.d.ts +0 -3
- package/dist/CourseRecommendationsLink/index.js +0 -27
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
-
import { ColorMode } from '@codecademy/gamut-styles';
|
|
3
2
|
import { useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { GlobalNavRedesignContext } from '../../../GlobalHeader';
|
|
@@ -19,7 +18,7 @@ const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDrop
|
|
|
19
18
|
}) => displayGlobalNavRedesign ? '-58px' : isAnon ? '-9rem' : '-14rem', ";@media (min-width: 1261px){left:", ({
|
|
20
19
|
isAnon,
|
|
21
20
|
displayGlobalNavRedesign
|
|
22
|
-
}) => displayGlobalNavRedesign ? '-152px' : isAnon ? '-9rem' : '-14rem', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
}) => displayGlobalNavRedesign ? '-152px' : isAnon ? '-9rem' : '-14rem', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QkUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0IH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyJztcbmltcG9ydCB7XG4gIEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93bixcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24gfSBmcm9tICcuLi9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbic7XG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQgfSBmcm9tICcuLi9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b24gfSBmcm9tICcuLi9BcHBIZWFkZXJOYXZCdXR0b24vQXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b24nO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclByb3ZpZGVyJztcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW07XG4gIGlzQW5vbjogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biA9IHN0eWxlZChBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24pPHtcbiAgaXNBbm9uOiBib29sZWFuO1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG59PmBcbiAgbGVmdDogJHsoeyBpc0Fub24sIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiB9KSA9PlxuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/ICctNThweCcgOiBpc0Fub24gPyAnLTlyZW0nIDogJy0xNHJlbSd9O1xuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjYxcHgpIHtcbiAgICBsZWZ0OiAkeyh7IGlzQW5vbiwgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduIH0pID0+XG4gICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAnLTE1MnB4JyA6IGlzQW5vbiA/ICctOXJlbScgOiAnLTE0cmVtJ307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd246IFJlYWN0LkZDPFxuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbSwgaXNBbm9uIH0pID0+IHtcbiAgY29uc3QgeyB0ZXh0IH0gPSBpdGVtO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBsYXN0T3BlbmVkRHJvcGRvd24sIHNldExhc3RPcGVuZWREcm9wZG93biB9ID0gdXNlQXBwSGVhZGVyQ29udGV4dCgpO1xuXG4gIGNvbnN0IGZvY3VzQnV0dG9uID0gKCkgPT4ge1xuICAgIGJ1dHRvblJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgfTtcblxuICBjb25zdCB0b2dnbGVJc09wZW4gPSAoKSA9PiBzZXRJc09wZW4oKHByZXYpID0+ICFwcmV2KTtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgdG9nZ2xlSXNPcGVuKCk7XG5cbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICAgIGlmIChzZXRMYXN0T3BlbmVkRHJvcGRvd24pIHtcbiAgICAgICAgc2V0TGFzdE9wZW5lZERyb3Bkb3duKHRleHQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIGZvY3VzQnV0dG9uKCk7XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYXN0T3BlbmVkRHJvcGRvd24gIT09IHRleHQgJiYgaXNPcGVuKSB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtsYXN0T3BlbmVkRHJvcGRvd25dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCB8IEV2ZW50KSB7XG4gICAgICBjb25zdCBjb250YWluZXIgPSBjb250YWluZXJSZWY/LmN1cnJlbnQ7XG4gICAgICBjb25zdCBidXR0b24gPSBidXR0b25SZWY/LmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICBjb250YWluZXIgJiZcbiAgICAgICAgIWNvbnRhaW5lci5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgYnV0dG9uICYmXG4gICAgICAgICFidXR0b24uY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXG4gICAgICApIHtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfTtcbiAgfSwgW2NvbnRhaW5lclJlZiwgaGFuZGxlQ2xvc2UsIGlzT3Blbl0pO1xuICBjb25zdCBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPSB1c2VDb250ZXh0KEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCk7XG5cbiAgcmV0dXJuIChcbiAgICA8QXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9PlxuICAgICAgPEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uXG4gICAgICAgIGJ1dHRvblJlZj17YnV0dG9uUmVmfVxuICAgICAgICBoYW5kbGVPbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgdGl0bGU9e3RleHR9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93blxuICAgICAgICBpc0Fub249e2lzQW5vbn1cbiAgICAgICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduPXtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ259XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgdG9wOiAnMy41cmVtJyxcbiAgICAgICAgICBtaW5XaWR0aDogJzY0cmVtJyxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/ICd0cmFuc3BhcmVudCcgOiAnJyxcbiAgICAgICAgfX1cbiAgICAgICAgaW5pdGlhbD17eyBib3JkZXJXaWR0aDogMCwgaGVpZ2h0OiAwIH19XG4gICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICBib3JkZXJXaWR0aDogaXNPcGVuID8gKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IDAgOiAxKSA6IDAsXG4gICAgICAgICAgaGVpZ2h0OiBpc09wZW4gPyAnZml0LWNvbnRlbnQnIDogMCxcbiAgICAgICAgfX1cbiAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC4xNzUgfX1cbiAgICAgICAgYXJpYS1oaWRkZW49eyFpc09wZW59XG4gICAgICAgIGRhdGEtdGVzdGlkPVwiY2F0YWxvZy1tZW51LWRyb3Bkb3duXCJcbiAgICAgID5cbiAgICAgICAge2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IChcbiAgICAgICAgICA8QXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50XG4gICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICBpZD17YG1lbnUtY29udGFpbmVyJHtpdGVtLnRleHR9YH1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPEFwcEhlYWRlckNhdGFsb2dTZWN0aW9uXG4gICAgICAgICAgICBhY3Rpb249e2FjdGlvbn1cbiAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICByZWY9e2NvbnRhaW5lclJlZn1cbiAgICAgICAgICAgIGlkPXtgbWVudS1jb250YWluZXIke2l0ZW0udGV4dH1gfVxuICAgICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgICBoYW5kbGVDbG9zZT17KCkgPT4gc2V0SXNPcGVuKGZhbHNlKX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24+XG4gICAgPC9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */"));
|
|
23
22
|
export const AppHeaderCatalogDropdown = ({
|
|
24
23
|
action,
|
|
25
24
|
item,
|
|
@@ -102,14 +101,11 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
102
101
|
},
|
|
103
102
|
"aria-hidden": !isOpen,
|
|
104
103
|
"data-testid": "catalog-menu-dropdown",
|
|
105
|
-
children: displayGlobalNavRedesign ? /*#__PURE__*/_jsx(
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
id: `menu-container${item.text}`,
|
|
111
|
-
isOpen: isOpen
|
|
112
|
-
})
|
|
104
|
+
children: displayGlobalNavRedesign ? /*#__PURE__*/_jsx(AppHeaderCatalogSectionVariant, {
|
|
105
|
+
item: item,
|
|
106
|
+
ref: containerRef,
|
|
107
|
+
id: `menu-container${item.text}`,
|
|
108
|
+
isOpen: isOpen
|
|
113
109
|
}) : /*#__PURE__*/_jsx(AppHeaderCatalogSection, {
|
|
114
110
|
action: action,
|
|
115
111
|
item: item,
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const CareerPathCard: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const CareerPathsPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare const SkillPathsPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const CertificationPathsPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare const LiveLearningPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
1
|
+
export declare const CourseTopicsPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const CareerPathsPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const CertificationPathsPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const LiveLearningPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,265 +1,98 @@
|
|
|
1
1
|
/* eslint-disable react/no-array-index-key */
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import { liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
|
|
8
|
-
import { AppHeaderDietCard } from '../AppHeaderDietCard';
|
|
9
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
export const CourseTopicsPanel = ({
|
|
11
|
-
tabIndex = 0
|
|
12
|
-
}) => {
|
|
13
|
-
const {
|
|
14
|
-
globalHeaderItemClick
|
|
15
|
-
} = useGlobalHeaderItemClick();
|
|
16
|
-
return /*#__PURE__*/_jsx(PanelLayout, {
|
|
17
|
-
heading: "Course topics",
|
|
18
|
-
description: "Explore the topics covered in our courses",
|
|
19
|
-
linkItem: {
|
|
20
|
-
type: 'link',
|
|
21
|
-
href: '/catalog?type=course',
|
|
22
|
-
text: 'View all courses',
|
|
23
|
-
trackingTarget: 'catalog-header-view-all-courses',
|
|
24
|
-
id: 'view-all-courses'
|
|
25
|
-
},
|
|
26
|
-
tabIndex: tabIndex,
|
|
27
|
-
children: /*#__PURE__*/_jsx(FlexBox, {
|
|
28
|
-
flexDirection: {
|
|
29
|
-
_: 'column',
|
|
30
|
-
lg: 'row'
|
|
31
|
-
},
|
|
32
|
-
wrap: true,
|
|
33
|
-
gap: 16,
|
|
34
|
-
children: topLanguages.map(item => /*#__PURE__*/_jsx(Anchor, {
|
|
35
|
-
variant: "interface",
|
|
36
|
-
href: item.href,
|
|
37
|
-
onClick: event => globalHeaderItemClick(event, item),
|
|
38
|
-
tabIndex: tabIndex,
|
|
39
|
-
children: /*#__PURE__*/_jsxs(FlexBox, {
|
|
40
|
-
width: "281px",
|
|
41
|
-
height: 48,
|
|
42
|
-
px: 16,
|
|
43
|
-
py: 8,
|
|
44
|
-
borderRadius: "md",
|
|
45
|
-
border: 1,
|
|
46
|
-
borderColor: "border-tertiary",
|
|
47
|
-
alignItems: "center",
|
|
48
|
-
children: [item.text, item.badge]
|
|
49
|
-
}, `${item.id}`)
|
|
50
|
-
}, `${item.id}`))
|
|
51
|
-
})
|
|
52
|
-
});
|
|
53
|
-
};
|
|
54
|
-
export const CareerPathCard = ({
|
|
55
|
-
tabIndex = 0
|
|
56
|
-
}) => {
|
|
57
|
-
return /*#__PURE__*/_jsx(AppHeaderDietCard, {
|
|
58
|
-
title: "Full-Stack Engineer",
|
|
59
|
-
hours: 150,
|
|
60
|
-
icon: /*#__PURE__*/_jsx(LevelIcon, {}),
|
|
61
|
-
difficulty: CourseDifficulty.Beginner,
|
|
62
|
-
tabIndex: tabIndex
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
export const CareerPathsPanel = ({
|
|
66
|
-
tabIndex = 0
|
|
67
|
-
}) => {
|
|
68
|
-
return /*#__PURE__*/_jsx(PanelLayout, {
|
|
69
|
-
heading: "Popular career paths",
|
|
70
|
-
description: "Career paths teach you exactly what you need to start a new career. Curated by our team of experts, career paths contain a collection of courses, projects, prep for technical interviews, and more.",
|
|
71
|
-
linkItem: {
|
|
72
|
-
type: 'link',
|
|
73
|
-
href: '/catalog?type=career-path',
|
|
74
|
-
text: 'View all career paths',
|
|
75
|
-
trackingTarget: 'catalog-header-view-all-career-paths',
|
|
76
|
-
id: 'view-all-career-paths'
|
|
77
|
-
},
|
|
78
|
-
tabIndex: tabIndex,
|
|
79
|
-
children: /*#__PURE__*/_jsx(GridBox, {
|
|
80
|
-
gridTemplateColumns: {
|
|
81
|
-
_: '1fr',
|
|
82
|
-
md: 'repeat(3, 1fr)'
|
|
83
|
-
},
|
|
84
|
-
gap: 16,
|
|
85
|
-
children: Array.from({
|
|
86
|
-
length: 6
|
|
87
|
-
}).map((_, index) => /*#__PURE__*/_jsx(CareerPathCard, {
|
|
88
|
-
tabIndex: tabIndex
|
|
89
|
-
}, `${index}-card`))
|
|
90
|
-
})
|
|
91
|
-
});
|
|
92
|
-
};
|
|
93
|
-
export const SkillPathsPanel = ({
|
|
94
|
-
tabIndex = 0
|
|
95
|
-
}) => {
|
|
96
|
-
return /*#__PURE__*/_jsx(PanelLayout, {
|
|
97
|
-
heading: "Skill paths",
|
|
98
|
-
description: "Build a specific skill fast with a short, curated path.",
|
|
99
|
-
linkItem: {
|
|
100
|
-
type: 'link',
|
|
101
|
-
href: '/catalog?type=skill-path',
|
|
102
|
-
text: 'View all skill paths',
|
|
103
|
-
trackingTarget: 'catalog-header-view-all-skill-paths',
|
|
104
|
-
id: 'view-all-skill-paths'
|
|
105
|
-
},
|
|
106
|
-
tabIndex: tabIndex,
|
|
107
|
-
children: /*#__PURE__*/_jsx(GridBox, {
|
|
108
|
-
gridTemplateColumns: {
|
|
109
|
-
_: '1fr',
|
|
110
|
-
md: 'repeat(3, 1fr)'
|
|
111
|
-
},
|
|
112
|
-
gap: 16,
|
|
113
|
-
children: Array.from({
|
|
114
|
-
length: 6
|
|
115
|
-
}).map((_, index) => /*#__PURE__*/_jsx(CareerPathCard, {
|
|
116
|
-
tabIndex: tabIndex
|
|
117
|
-
}, `${index}-card`))
|
|
118
|
-
})
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
const providers = ['AWS', 'Microsoft', 'Google', 'COMPTIA', 'ISC2'];
|
|
122
|
-
const ProviderChip = ({
|
|
123
|
-
text,
|
|
124
|
-
href,
|
|
125
|
-
tabIndex
|
|
126
|
-
}) => {
|
|
127
|
-
return /*#__PURE__*/_jsx(Anchor, {
|
|
128
|
-
href: href,
|
|
129
|
-
variant: "interface",
|
|
130
|
-
tabIndex: tabIndex,
|
|
131
|
-
children: /*#__PURE__*/_jsx(FlexBox, {
|
|
132
|
-
border: 1,
|
|
133
|
-
borderColor: "border-secondary",
|
|
134
|
-
borderRadius: "md",
|
|
135
|
-
py: 1.5,
|
|
136
|
-
px: 8,
|
|
137
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
138
|
-
children: text
|
|
139
|
-
})
|
|
140
|
-
})
|
|
141
|
-
}, text);
|
|
142
|
-
};
|
|
143
|
-
export const CertificationPathsPanel = ({
|
|
144
|
-
tabIndex = 0
|
|
2
|
+
import { FlexBox, GridBox, Text } from '@codecademy/gamut';
|
|
3
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
const NavPanelSkeleton = ({
|
|
5
|
+
heading,
|
|
6
|
+
description
|
|
145
7
|
}) => {
|
|
146
|
-
return /*#__PURE__*/_jsxs(
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
},
|
|
156
|
-
tabIndex: tabIndex,
|
|
157
|
-
children: [/*#__PURE__*/_jsxs(FlexBox, {
|
|
158
|
-
gap: 8,
|
|
159
|
-
children: [providers.map(provider => /*#__PURE__*/_jsx(ProviderChip, {
|
|
160
|
-
text: provider,
|
|
161
|
-
href: `/search?query=${provider} certifications`,
|
|
162
|
-
tabIndex: tabIndex
|
|
163
|
-
}, provider)), /*#__PURE__*/_jsx(ProviderChip, {
|
|
164
|
-
text: "+ More providers",
|
|
165
|
-
href: "/catalog/certification-prep",
|
|
166
|
-
tabIndex: tabIndex
|
|
167
|
-
}, "more-providers")]
|
|
8
|
+
return /*#__PURE__*/_jsxs(FlexBox, {
|
|
9
|
+
flexDirection: "column",
|
|
10
|
+
gap: 8,
|
|
11
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
12
|
+
as: "h2",
|
|
13
|
+
variant: "title-sm",
|
|
14
|
+
children: heading
|
|
15
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
16
|
+
children: description
|
|
168
17
|
}), /*#__PURE__*/_jsx(GridBox, {
|
|
169
|
-
gridTemplateColumns:
|
|
170
|
-
_: '1fr',
|
|
171
|
-
md: 'repeat(3, 1fr)'
|
|
172
|
-
},
|
|
18
|
+
gridTemplateColumns: "repeat(3, 1fr)",
|
|
173
19
|
gap: 16,
|
|
174
20
|
children: Array.from({
|
|
175
|
-
length:
|
|
176
|
-
}).map((_, index) => /*#__PURE__*/_jsx(
|
|
177
|
-
|
|
178
|
-
|
|
21
|
+
length: 12
|
|
22
|
+
}).map((_, index) => /*#__PURE__*/_jsx(FlexBox, {
|
|
23
|
+
width: "100%",
|
|
24
|
+
height: 64,
|
|
25
|
+
px: 4,
|
|
26
|
+
py: 12,
|
|
27
|
+
borderRadius: "md",
|
|
28
|
+
border: 1,
|
|
29
|
+
borderColor: "border-tertiary"
|
|
30
|
+
}, `${index}-box`))
|
|
179
31
|
})]
|
|
180
32
|
});
|
|
181
33
|
};
|
|
182
|
-
|
|
183
|
-
tabIndex = 0
|
|
184
|
-
}) => {
|
|
185
|
-
const {
|
|
186
|
-
globalHeaderItemClick
|
|
187
|
-
} = useGlobalHeaderItemClick();
|
|
188
|
-
return /*#__PURE__*/_jsx(PanelLayout, {
|
|
189
|
-
heading: "Live learning",
|
|
190
|
-
description: "Explore the live learning opportunities available in our courses",
|
|
191
|
-
linkItem: {
|
|
192
|
-
type: 'link',
|
|
193
|
-
href: '/live-learning',
|
|
194
|
-
text: 'Learn more about live learning',
|
|
195
|
-
trackingTarget: 'catalog-header-learn-more-about-live-learning',
|
|
196
|
-
id: 'learn-more-about-live-learning'
|
|
197
|
-
},
|
|
198
|
-
tabIndex: tabIndex,
|
|
199
|
-
children: /*#__PURE__*/_jsx(GridBox, {
|
|
200
|
-
gridTemplateColumns: {
|
|
201
|
-
_: '1fr',
|
|
202
|
-
md: 'repeat(2, 1fr)'
|
|
203
|
-
},
|
|
204
|
-
gap: 16,
|
|
205
|
-
children: liveLearningHubItems.data.map(item => /*#__PURE__*/_jsx(Anchor, {
|
|
206
|
-
href: item.href,
|
|
207
|
-
variant: "interface",
|
|
208
|
-
onClick: event => globalHeaderItemClick(event, item),
|
|
209
|
-
children: /*#__PURE__*/_jsxs(Card, {
|
|
210
|
-
isInteractive: true,
|
|
211
|
-
p: 0,
|
|
212
|
-
children: [/*#__PURE__*/_jsx(Box, {
|
|
213
|
-
height: "225px",
|
|
214
|
-
width: "100%",
|
|
215
|
-
background: theme.colors['gray-300']
|
|
216
|
-
}), /*#__PURE__*/_jsxs(FlexBox, {
|
|
217
|
-
flexDirection: "column",
|
|
218
|
-
gap: 8,
|
|
219
|
-
p: 16,
|
|
220
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
221
|
-
variant: "title-xs",
|
|
222
|
-
children: item.text
|
|
223
|
-
}), 'description' in item && /*#__PURE__*/_jsx(Text, {
|
|
224
|
-
children: item.description
|
|
225
|
-
})]
|
|
226
|
-
})]
|
|
227
|
-
})
|
|
228
|
-
}, item.id))
|
|
229
|
-
})
|
|
230
|
-
});
|
|
231
|
-
};
|
|
232
|
-
const PanelLayout = ({
|
|
34
|
+
const NavPanelCardBoxSkeleton = ({
|
|
233
35
|
heading,
|
|
234
|
-
description
|
|
235
|
-
linkItem,
|
|
236
|
-
children,
|
|
237
|
-
tabIndex = 0
|
|
36
|
+
description
|
|
238
37
|
}) => {
|
|
239
|
-
const {
|
|
240
|
-
globalHeaderItemClick
|
|
241
|
-
} = useGlobalHeaderItemClick();
|
|
242
38
|
return /*#__PURE__*/_jsxs(FlexBox, {
|
|
243
39
|
flexDirection: "column",
|
|
244
40
|
gap: 24,
|
|
245
|
-
pr: {
|
|
246
|
-
_: 32,
|
|
247
|
-
md: 16,
|
|
248
|
-
lg: 0
|
|
249
|
-
},
|
|
250
41
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
251
42
|
as: "h2",
|
|
252
43
|
variant: "title-sm",
|
|
253
44
|
children: heading
|
|
254
45
|
}), /*#__PURE__*/_jsx(Text, {
|
|
255
46
|
children: description
|
|
256
|
-
}),
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
47
|
+
}), /*#__PURE__*/_jsx(FlexBox, {
|
|
48
|
+
width: "100%",
|
|
49
|
+
gap: 16,
|
|
50
|
+
children: Array.from({
|
|
51
|
+
length: 5
|
|
52
|
+
}).map((_, index) => /*#__PURE__*/_jsx(FlexBox, {
|
|
53
|
+
px: 5.5,
|
|
54
|
+
py: 8,
|
|
55
|
+
height: 32,
|
|
56
|
+
width: "97px",
|
|
57
|
+
borderRadius: "md",
|
|
58
|
+
border: 1,
|
|
59
|
+
borderColor: "border-tertiary"
|
|
60
|
+
}, `${index}-chip`))
|
|
61
|
+
}), /*#__PURE__*/_jsx(FlexBox, {
|
|
62
|
+
gap: 16,
|
|
63
|
+
children: Array.from({
|
|
64
|
+
length: 3
|
|
65
|
+
}).map((_, index) => /*#__PURE__*/_jsx(FlexBox, {
|
|
66
|
+
width: "100%",
|
|
67
|
+
height: "302px",
|
|
68
|
+
borderRadius: "md",
|
|
69
|
+
border: 1,
|
|
70
|
+
borderColor: "border-tertiary"
|
|
71
|
+
}, `${index}-box`))
|
|
263
72
|
})]
|
|
264
73
|
});
|
|
74
|
+
};
|
|
75
|
+
export const CourseTopicsPanel = () => {
|
|
76
|
+
return /*#__PURE__*/_jsx(NavPanelSkeleton, {
|
|
77
|
+
heading: "Course topics",
|
|
78
|
+
description: "Explore the topics covered in our courses"
|
|
79
|
+
});
|
|
80
|
+
};
|
|
81
|
+
export const CareerPathsPanel = () => {
|
|
82
|
+
return /*#__PURE__*/_jsx(NavPanelCardBoxSkeleton, {
|
|
83
|
+
heading: "Career paths",
|
|
84
|
+
description: "Explore the career paths available in our courses"
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
export const CertificationPathsPanel = () => {
|
|
88
|
+
return /*#__PURE__*/_jsx(NavPanelSkeleton, {
|
|
89
|
+
heading: "Certification paths",
|
|
90
|
+
description: "Explore the certification paths available in our courses"
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
export const LiveLearningPanel = () => {
|
|
94
|
+
return /*#__PURE__*/_jsx(NavPanelSkeleton, {
|
|
95
|
+
heading: "Live learning",
|
|
96
|
+
description: "Explore the live learning opportunities available in our courses"
|
|
97
|
+
});
|
|
265
98
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { Box, FlexBox } from '@codecademy/gamut';
|
|
3
3
|
import { ArrowChevronRightIcon } from '@codecademy/gamut-icons';
|
|
4
|
+
import { theme } from '@codecademy/gamut-styles';
|
|
4
5
|
import React from 'react';
|
|
5
6
|
import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
|
|
6
7
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
@@ -9,31 +10,23 @@ const NavPanelContainer = /*#__PURE__*/_styled(Box, {
|
|
|
9
10
|
label: "NavPanelContainer"
|
|
10
11
|
})("display:", ({
|
|
11
12
|
isActive
|
|
12
|
-
}) => isActive ? 'block' : 'none', ";grid-column:
|
|
13
|
-
theme
|
|
14
|
-
}) => theme.colors.background, ";border-radius:", ({
|
|
15
|
-
isActive,
|
|
16
|
-
isFirst
|
|
17
|
-
}) => isActive && isFirst ? '0 8px 8px 8px' : '8px', ";padding:24px 32px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50L05hdlNlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1COEUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQvTmF2U2VjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24sIEdhbXV0SWNvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcblxudHlwZSBOYXZTZWN0aW9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbiAmIHtcbiAgYWN0aXZlVGFiOiBudW1iZXI7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW07XG4gIHNldEFjdGl2ZVRhYjogKHRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICBpY29uPzogUmVhY3QuQ29tcG9uZW50VHlwZTxHYW11dEljb25Qcm9wcz47XG4gIHRleHQ6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBOYXZQYW5lbENvbnRhaW5lciA9IHN0eWxlZChCb3gpPHsgaXNBY3RpdmU6IGJvb2xlYW47IGlzRmlyc3Q6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuICBncmlkLWNvbHVtbjogMiAvIHNwYW4gMTI7XG4gIGdyaWQtcm93OiAxIC8gc3BhbiA4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSwgaXNGaXJzdCB9KSA9PlxuICAgIGlzQWN0aXZlICYmIGlzRmlyc3QgPyAnMCA4cHggOHB4IDhweCcgOiAnOHB4J307XG4gIHBhZGRpbmc6IDI0cHggMzJweDtcbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpc0FjdGl2ZTogYm9vbGVhbjsgaW5kZXg6IG51bWJlciB9PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250LXNpemU6IDE4cHg7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuXG4gICNhcnJvdy1jaGV2cm9uLXJpZ2h0LWljb24ge1xuICAgIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAjYXJyb3ctY2hldnJvbi1yaWdodC1pY29uIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTmF2U2VjdGlvbiA9ICh7XG4gIGFjdGl2ZVRhYixcbiAgc2V0QWN0aXZlVGFiLFxuICBpY29uOiBJY29uLFxuICB0ZXh0LFxuICBpbmRleCxcbiAgY2hpbGRyZW4sXG4gIGl0ZW0sXG4gIHRhYkluZGV4LFxufTogTmF2U2VjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgIGlzQWN0aXZlPXthY3RpdmVUYWIgPT09IGluZGV4fVxuICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgIG9uQ2xpY2s9eyhldmVudCkgPT4ge1xuICAgICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwgaXRlbSk7XG4gICAgICAgICAgc2V0QWN0aXZlVGFiKGluZGV4KTtcbiAgICAgICAgfX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2BuYXYtc2VjdGlvbi0ke2l0ZW0uaWR9YH1cbiAgICAgICAgYXJpYS1leHBhbmRlZD17YWN0aXZlVGFiID09PSBpbmRleH1cbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgPlxuICAgICAgICA8RmxleEJveCBnYXA9ezh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiAvPn1cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8QXJyb3dDaGV2cm9uUmlnaHRJY29uIGlkPVwiYXJyb3ctY2hldnJvbi1yaWdodC1pY29uXCIgLz5cbiAgICAgIDwvU3R5bGVkQnV0dG9uPlxuXG4gICAgICA8TmF2UGFuZWxDb250YWluZXIgaXNBY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaW5kZXh9IGlzRmlyc3Q9e2luZGV4ID09PSAwfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9OYXZQYW5lbENvbnRhaW5lcj5cbiAgICA8Lz5cbiAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
|
|
13
|
+
}) => isActive ? 'block' : 'none', ";grid-column:3;grid-row:1/span 4;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50L05hdlNlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CNEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQvTmF2U2VjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24sIEdhbXV0SWNvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcblxudHlwZSBOYXZTZWN0aW9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbiAmIHtcbiAgYWN0aXZlVGFiOiBudW1iZXI7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW07XG4gIHNldEFjdGl2ZVRhYjogKHRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICBpY29uPzogUmVhY3QuQ29tcG9uZW50VHlwZTxHYW11dEljb25Qcm9wcz47XG4gIHRleHQ6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBOYXZQYW5lbENvbnRhaW5lciA9IHN0eWxlZChCb3gpPHsgaXNBY3RpdmU6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuICBncmlkLWNvbHVtbjogMztcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDQ7XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNBY3RpdmU6IGJvb2xlYW47IGluZGV4OiBudW1iZXIgfT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6ICR7KHsgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfWAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBmb250LXdlaWdodDogNDAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAyNjRweDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgI2Fycm93LWNoZXZyb24tcmlnaHQtaWNvbiB7XG4gICAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1ob3ZlciddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgI2Fycm93LWNoZXZyb24tcmlnaHQtaWNvbiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBhY3RpdmVUYWIsXG4gIHNldEFjdGl2ZVRhYixcbiAgaWNvbjogSWNvbixcbiAgdGV4dCxcbiAgaW5kZXgsXG4gIGNoaWxkcmVuLFxuICBpdGVtLFxuICB0YWJJbmRleCxcbn06IE5hdlNlY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICBpc0FjdGl2ZT17YWN0aXZlVGFiID09PSBpbmRleH1cbiAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIGl0ZW0pO1xuICAgICAgICAgIHNldEFjdGl2ZVRhYihpbmRleCk7XG4gICAgICAgIH19XG4gICAgICAgIGRhdGEtdGVzdGlkPXtgbmF2LXNlY3Rpb24tJHtpdGVtLmlkfWB9XG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FjdGl2ZVRhYiA9PT0gaW5kZXh9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge0ljb24gJiYgPEljb24gLz59XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEFycm93Q2hldnJvblJpZ2h0SWNvbiBpZD1cImFycm93LWNoZXZyb24tcmlnaHQtaWNvblwiIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyIGlzQWN0aXZlPXthY3RpdmVUYWIgPT09IGluZGV4fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9OYXZQYW5lbENvbnRhaW5lcj5cbiAgICA8Lz5cbiAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
|
|
18
14
|
const StyledButton = /*#__PURE__*/_styled("button", {
|
|
19
15
|
target: "e1j23yaz0",
|
|
20
16
|
label: "StyledButton"
|
|
21
17
|
})("grid-column:1;grid-row:", ({
|
|
22
18
|
index
|
|
23
|
-
}) => index + 1, ";padding:16px;border:
|
|
19
|
+
}) => index + 1, ";padding:16px;border:", ({
|
|
24
20
|
isActive
|
|
25
|
-
}) => isActive ?
|
|
26
|
-
theme
|
|
27
|
-
}) => theme.colors.text, ";text-align:left;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;background-color:", ({
|
|
28
|
-
isActive,
|
|
21
|
+
}) => isActive ? `1px solid ${theme.colors['border-tertiary']}` : 'none', ";border-radius:8px;background:none;cursor:pointer;font-size:18px;font-weight:400;color:", ({
|
|
29
22
|
theme
|
|
30
|
-
}) =>
|
|
23
|
+
}) => theme.colors.text, ";text-align:left;width:264px;height:60px;display:flex;justify-content:space-between;align-items:center;#arrow-chevron-right-icon{display:", ({
|
|
31
24
|
isActive
|
|
32
25
|
}) => isActive ? 'block' : 'none', ";}&:hover,&:focus{background-color:", ({
|
|
33
26
|
theme
|
|
34
|
-
}) => theme.colors['
|
|
27
|
+
}) => theme.colors['background-hover'], ";color:", ({
|
|
35
28
|
theme
|
|
36
|
-
}) => theme.colors.primary, ";#arrow-chevron-right-icon{display:block;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
29
|
+
}) => theme.colors.primary, ";#arrow-chevron-right-icon{display:block;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50L05hdlNlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCd0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQvTmF2U2VjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24sIEdhbXV0SWNvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcblxudHlwZSBOYXZTZWN0aW9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbiAmIHtcbiAgYWN0aXZlVGFiOiBudW1iZXI7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW07XG4gIHNldEFjdGl2ZVRhYjogKHRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICBpY29uPzogUmVhY3QuQ29tcG9uZW50VHlwZTxHYW11dEljb25Qcm9wcz47XG4gIHRleHQ6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBOYXZQYW5lbENvbnRhaW5lciA9IHN0eWxlZChCb3gpPHsgaXNBY3RpdmU6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuICBncmlkLWNvbHVtbjogMztcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDQ7XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNBY3RpdmU6IGJvb2xlYW47IGluZGV4OiBudW1iZXIgfT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6ICR7KHsgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfWAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBmb250LXdlaWdodDogNDAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAyNjRweDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgI2Fycm93LWNoZXZyb24tcmlnaHQtaWNvbiB7XG4gICAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1ob3ZlciddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgI2Fycm93LWNoZXZyb24tcmlnaHQtaWNvbiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBhY3RpdmVUYWIsXG4gIHNldEFjdGl2ZVRhYixcbiAgaWNvbjogSWNvbixcbiAgdGV4dCxcbiAgaW5kZXgsXG4gIGNoaWxkcmVuLFxuICBpdGVtLFxuICB0YWJJbmRleCxcbn06IE5hdlNlY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICBpc0FjdGl2ZT17YWN0aXZlVGFiID09PSBpbmRleH1cbiAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIGl0ZW0pO1xuICAgICAgICAgIHNldEFjdGl2ZVRhYihpbmRleCk7XG4gICAgICAgIH19XG4gICAgICAgIGRhdGEtdGVzdGlkPXtgbmF2LXNlY3Rpb24tJHtpdGVtLmlkfWB9XG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FjdGl2ZVRhYiA9PT0gaW5kZXh9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge0ljb24gJiYgPEljb24gLz59XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEFycm93Q2hldnJvblJpZ2h0SWNvbiBpZD1cImFycm93LWNoZXZyb24tcmlnaHQtaWNvblwiIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyIGlzQWN0aXZlPXthY3RpdmVUYWIgPT09IGluZGV4fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9OYXZQYW5lbENvbnRhaW5lcj5cbiAgICA8Lz5cbiAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
|
|
37
30
|
const NavSection = ({
|
|
38
31
|
activeTab,
|
|
39
32
|
setActiveTab,
|
|
@@ -67,7 +60,6 @@ const NavSection = ({
|
|
|
67
60
|
})]
|
|
68
61
|
}), /*#__PURE__*/_jsx(NavPanelContainer, {
|
|
69
62
|
isActive: activeTab === index,
|
|
70
|
-
isFirst: index === 0,
|
|
71
63
|
children: children
|
|
72
64
|
})]
|
|
73
65
|
});
|
|
@@ -2,12 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { AppHeaderCatalogDropdownItem } from '../../shared';
|
|
3
3
|
export type NavSectionConfig = {
|
|
4
4
|
item: AppHeaderCatalogDropdownItem;
|
|
5
|
-
panel: React.ComponentType
|
|
6
|
-
tabIndex?: number;
|
|
7
|
-
}>;
|
|
5
|
+
panel: React.ComponentType;
|
|
8
6
|
};
|
|
9
7
|
export declare const NAV_SECTIONS: NavSectionConfig[];
|
|
10
|
-
export declare const bannerData: {
|
|
11
|
-
text: string;
|
|
12
|
-
href: string;
|
|
13
|
-
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BriefcaseIcon,
|
|
2
|
-
import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel
|
|
1
|
+
import { BriefcaseIcon, ProfessionalCertificateIcon, ProgrammingTeamChatIcon, StudyBookIcon } from '@codecademy/gamut-icons';
|
|
2
|
+
import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel } from './NavPanels';
|
|
3
3
|
export const NAV_SECTIONS = [{
|
|
4
4
|
item: {
|
|
5
5
|
icon: StudyBookIcon,
|
|
@@ -9,15 +9,6 @@ export const NAV_SECTIONS = [{
|
|
|
9
9
|
trackingTarget: 'topnav_catalog_course_topics'
|
|
10
10
|
},
|
|
11
11
|
panel: CourseTopicsPanel
|
|
12
|
-
}, {
|
|
13
|
-
item: {
|
|
14
|
-
icon: DiamondIcon,
|
|
15
|
-
text: 'Skill paths',
|
|
16
|
-
id: 'skill-paths',
|
|
17
|
-
type: 'catalog-dropdown',
|
|
18
|
-
trackingTarget: 'topnav_catalog_skill_paths'
|
|
19
|
-
},
|
|
20
|
-
panel: SkillPathsPanel
|
|
21
12
|
}, {
|
|
22
13
|
item: {
|
|
23
14
|
icon: BriefcaseIcon,
|
|
@@ -45,8 +36,4 @@ export const NAV_SECTIONS = [{
|
|
|
45
36
|
trackingTarget: 'topnav_catalog_live_learning'
|
|
46
37
|
},
|
|
47
38
|
panel: LiveLearningPanel
|
|
48
|
-
}];
|
|
49
|
-
export const bannerData = {
|
|
50
|
-
text: 'Want to help shape digital products? Check out the new UX Designer career path.',
|
|
51
|
-
href: '/career-paths/ux-designer'
|
|
52
|
-
};
|
|
39
|
+
}];
|