@codecademy/brand 3.23.0 → 3.24.0-alpha.17b2c6dcd0.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/AppHeaderLinkSections/index.js +0 -0
- package/dist/GlobalFooter/FooterNavLinks/CompanyLinks.d.ts +0 -1
- package/dist/GlobalFooter/FooterNavLinks/CompanyLinks.js +4 -16
- package/dist/GlobalFooter/FooterNavLinks/index.js +3 -5
- package/dist/GlobalFooter/index.d.ts +0 -1
- package/dist/GlobalFooter/index.js +3 -5
- package/dist/GlobalHeader/GlobalHeaderItems.js +1 -12
- package/dist/LayoutMenu/LayoutMenu.js +40 -20
- package/dist/LayoutMenu/LayoutMenuSection.js +5 -0
- package/package.json +1 -1
|
File without changes
|
|
@@ -12,8 +12,7 @@ export const CompanyLinks = ({
|
|
|
12
12
|
onClick,
|
|
13
13
|
userGeo,
|
|
14
14
|
referralRockUrls,
|
|
15
|
-
isBusinessUser
|
|
16
|
-
isLoggedIn
|
|
15
|
+
isBusinessUser
|
|
17
16
|
}) => {
|
|
18
17
|
const community = /*#__PURE__*/_jsxs(Box, {
|
|
19
18
|
children: [/*#__PURE__*/_jsx(FooterHeading, {
|
|
@@ -197,8 +196,8 @@ export const CompanyLinks = ({
|
|
|
197
196
|
},
|
|
198
197
|
children: [/*#__PURE__*/_jsx(FooterHeading, {
|
|
199
198
|
children: "Support"
|
|
200
|
-
}), /*#__PURE__*/
|
|
201
|
-
children:
|
|
199
|
+
}), /*#__PURE__*/_jsx(FooterLinkItems, {
|
|
200
|
+
children: /*#__PURE__*/_jsx(FooterLinkItem, {
|
|
202
201
|
children: /*#__PURE__*/_jsx(Anchor, {
|
|
203
202
|
href: "https://help.codecademy.com",
|
|
204
203
|
onClick: event => onClick({
|
|
@@ -209,18 +208,7 @@ export const CompanyLinks = ({
|
|
|
209
208
|
variant: "interface",
|
|
210
209
|
children: "Help Center"
|
|
211
210
|
})
|
|
212
|
-
})
|
|
213
|
-
children: /*#__PURE__*/_jsx(Anchor, {
|
|
214
|
-
href: "https://a.sprig.com/ZTFvMkttQTI0fnNpZDo4YzNkNDBiYS0zZDBmLTQyZDktOGQ3Yy00YzRhZWUxYzZkOGU=",
|
|
215
|
-
onClick: event => onClick({
|
|
216
|
-
event,
|
|
217
|
-
target: 'give_feedback'
|
|
218
|
-
}),
|
|
219
|
-
target: "_blank",
|
|
220
|
-
variant: "interface",
|
|
221
|
-
children: "Give feedback"
|
|
222
|
-
})
|
|
223
|
-
})]
|
|
211
|
+
})
|
|
224
212
|
})]
|
|
225
213
|
});
|
|
226
214
|
const logo = display => /*#__PURE__*/_jsx(Box, {
|
|
@@ -8,14 +8,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
const FooterNavLinksGrid = /*#__PURE__*/_styled(LayoutGrid, {
|
|
9
9
|
target: "e1f7ortw0",
|
|
10
10
|
label: "FooterNavLinksGrid"
|
|
11
|
-
})(theme.breakpoints.sm, "{padding:2rem 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
11
|
+
})(theme.breakpoints.sm, "{padding:2rem 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyTmF2TGlua3MvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvR2xvYmFsRm9vdGVyL0Zvb3Rlck5hdkxpbmtzL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbHVtbiwgTGF5b3V0R3JpZCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ2F0YWxvZ0xpbmtzIH0gZnJvbSAnLi9DYXRhbG9nTGlua3MnO1xuaW1wb3J0IHsgQ29tcGFueUxpbmtzLCBDb21wYW55TGlua3NQcm9wcyB9IGZyb20gJy4vQ29tcGFueUxpbmtzJztcblxuZXhwb3J0IHR5cGUgRm9vdGVyTmF2TGlua3NQcm9wcyA9IENvbXBhbnlMaW5rc1Byb3BzO1xuXG5jb25zdCBGb290ZXJOYXZMaW5rc0dyaWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gICR7dGhlbWUuYnJlYWtwb2ludHMuc219IHtcbiAgICBwYWRkaW5nOiAycmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXJOYXZMaW5rczogUmVhY3QuRkM8Rm9vdGVyTmF2TGlua3NQcm9wcz4gPSAoe1xuICBoaWRlUHJpY2luZyxcbiAgb25DbGljayxcbiAgdXNlckdlbyxcbiAgcmVmZXJyYWxSb2NrVXJscyxcbiAgaXNCdXNpbmVzc1VzZXIsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZvb3Rlck5hdkxpbmtzR3JpZD5cbiAgICAgIDxDb2x1bW4gc2l6ZT17eyBfOiAxMiwgbWQ6IDYgfX0+XG4gICAgICAgIDxDb21wYW55TGlua3NcbiAgICAgICAgICBoaWRlUHJpY2luZz17aGlkZVByaWNpbmd9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICB1c2VyR2VvPXt1c2VyR2VvfVxuICAgICAgICAgIHJlZmVycmFsUm9ja1VybHM9e3JlZmVycmFsUm9ja1VybHN9XG4gICAgICAgICAgaXNCdXNpbmVzc1VzZXI9e2lzQnVzaW5lc3NVc2VyfVxuICAgICAgICAvPlxuICAgICAgPC9Db2x1bW4+XG4gICAgICA8Q29sdW1uIHNpemU9e3sgXzogMTIsIG1kOiA2IH19PlxuICAgICAgICA8Q2F0YWxvZ0xpbmtzIG9uQ2xpY2s9e29uQ2xpY2t9IHVzZXJHZW89e3VzZXJHZW99IC8+XG4gICAgICA8L0NvbHVtbj5cbiAgICA8L0Zvb3Rlck5hdkxpbmtzR3JpZD5cbiAgKTtcbn07XG4iXX0= */"));
|
|
12
12
|
export const FooterNavLinks = ({
|
|
13
13
|
hidePricing,
|
|
14
14
|
onClick,
|
|
15
15
|
userGeo,
|
|
16
16
|
referralRockUrls,
|
|
17
|
-
isBusinessUser
|
|
18
|
-
isLoggedIn
|
|
17
|
+
isBusinessUser
|
|
19
18
|
}) => {
|
|
20
19
|
return /*#__PURE__*/_jsxs(FooterNavLinksGrid, {
|
|
21
20
|
children: [/*#__PURE__*/_jsx(Column, {
|
|
@@ -28,8 +27,7 @@ export const FooterNavLinks = ({
|
|
|
28
27
|
onClick: onClick,
|
|
29
28
|
userGeo: userGeo,
|
|
30
29
|
referralRockUrls: referralRockUrls,
|
|
31
|
-
isBusinessUser: isBusinessUser
|
|
32
|
-
isLoggedIn: isLoggedIn
|
|
30
|
+
isBusinessUser: isBusinessUser
|
|
33
31
|
})
|
|
34
32
|
}), /*#__PURE__*/_jsx(Column, {
|
|
35
33
|
size: {
|
|
@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
const FooterContainer = /*#__PURE__*/_styled("footer", {
|
|
9
9
|
target: "e1xir4o10",
|
|
10
10
|
label: "FooterContainer"
|
|
11
|
-
})("border-top:1px solid ", themed('colors.secondary'), ";@media print{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
11
|
+
})("border-top:1px solid ", themed('colors.secondary'), ";@media print{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9HbG9iYWxGb290ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDcUMiLCJmaWxlIjoiLi4vLi4vc3JjL0dsb2JhbEZvb3Rlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb250ZW50Q29udGFpbmVyIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgdGhlbWVkIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRm9vdGVyTGVnYWwgfSBmcm9tICcuL0Zvb3RlckxlZ2FsJztcbmltcG9ydCB7IEZvb3Rlck5hdkxpbmtzIH0gZnJvbSAnLi9Gb290ZXJOYXZMaW5rcyc7XG5pbXBvcnQgdHlwZSB7IFJlZmVycmFsUm9ja1VybHMgfSBmcm9tICcuL0Zvb3Rlck5hdkxpbmtzL1JlZmVycmFsUm9jay90eXBlcyc7XG5pbXBvcnQgeyBHbG9iYWxGb290ZXJDbGlja0hhbmRsZXIgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgR2xvYmFsRm9vdGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogSGlkZSBwcmljaW5nIGRldGFpbHMsIHN1Y2ggYXMgZm9yIHJlbmRlcmluZyBpbiBhbiBhcHAgc3RvcmUgYXBwLlxuICAgKi9cbiAgaGlkZVByaWNpbmc/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbmV2ZXIgYSBsaW5rIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrOiBHbG9iYWxGb290ZXJDbGlja0hhbmRsZXI7XG5cbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIHRoZSB0ZXh0IGluIHRoZSBNYWRlSW4gY29tcG9uZW50IGlzIGNsaWNrZWRcbiAgICovXG4gIG9uTWFkZUluQ2xpY2s/OiAodGV4dDogc3RyaW5nKSA9PiB2b2lkO1xuICB1c2VyR2VvPzogc3RyaW5nO1xuICByZWZlcnJhbFJvY2tVcmxzPzogUmVmZXJyYWxSb2NrVXJscztcbiAgaXNCdXNpbmVzc1VzZXI/OiBib29sZWFuO1xufTtcblxuY29uc3QgRm9vdGVyQ29udGFpbmVyID0gc3R5bGVkLmZvb3RlcmBcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWVkKCdjb2xvcnMuc2Vjb25kYXJ5Jyl9O1xuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdsb2JhbEZvb3RlcjogUmVhY3QuRkM8R2xvYmFsRm9vdGVyUHJvcHM+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBoaWRlUHJpY2luZyxcbiAgb25DbGljayxcbiAgb25NYWRlSW5DbGljayxcbiAgdXNlckdlbyxcbiAgcmVmZXJyYWxSb2NrVXJscyxcbiAgaXNCdXNpbmVzc1VzZXIsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZvb3RlckNvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gcm9sZT1cImNvbnRlbnRpbmZvXCI+XG4gICAgICA8Q29udGVudENvbnRhaW5lcj5cbiAgICAgICAgPEZvb3Rlck5hdkxpbmtzXG4gICAgICAgICAgaGlkZVByaWNpbmc9e2hpZGVQcmljaW5nfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgdXNlckdlbz17dXNlckdlb31cbiAgICAgICAgICByZWZlcnJhbFJvY2tVcmxzPXtyZWZlcnJhbFJvY2tVcmxzfVxuICAgICAgICAgIGlzQnVzaW5lc3NVc2VyPXtpc0J1c2luZXNzVXNlcn1cbiAgICAgICAgLz5cbiAgICAgICAgPEZvb3RlckxlZ2FsIG9uQ2xpY2s9e29uQ2xpY2t9IG9uTWFkZUluQ2xpY2s9e29uTWFkZUluQ2xpY2t9IC8+XG4gICAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gICAgPC9Gb290ZXJDb250YWluZXI+XG4gICk7XG59O1xuIl19 */"));
|
|
12
12
|
export const GlobalFooter = ({
|
|
13
13
|
className,
|
|
14
14
|
hidePricing,
|
|
@@ -16,8 +16,7 @@ export const GlobalFooter = ({
|
|
|
16
16
|
onMadeInClick,
|
|
17
17
|
userGeo,
|
|
18
18
|
referralRockUrls,
|
|
19
|
-
isBusinessUser
|
|
20
|
-
isLoggedIn
|
|
19
|
+
isBusinessUser
|
|
21
20
|
}) => {
|
|
22
21
|
return /*#__PURE__*/_jsx(FooterContainer, {
|
|
23
22
|
className: className,
|
|
@@ -28,8 +27,7 @@ export const GlobalFooter = ({
|
|
|
28
27
|
onClick: onClick,
|
|
29
28
|
userGeo: userGeo,
|
|
30
29
|
referralRockUrls: referralRockUrls,
|
|
31
|
-
isBusinessUser: isBusinessUser
|
|
32
|
-
isLoggedIn: isLoggedIn
|
|
30
|
+
isBusinessUser: isBusinessUser
|
|
33
31
|
}), /*#__PURE__*/_jsx(FooterLegal, {
|
|
34
32
|
onClick: onClick,
|
|
35
33
|
onMadeInClick: onMadeInClick
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Shimmer, Text } from '@codecademy/gamut';
|
|
2
|
-
import { AccountingCoinsIcon, ArrowThickCircleUpIcon, ArticleIcon, BookFlipPageIcon, BriefcaseIcon, CalendarIcon,
|
|
2
|
+
import { AccountingCoinsIcon, ArrowThickCircleUpIcon, ArticleIcon, BookFlipPageIcon, BriefcaseIcon, CalendarIcon, CommunityIcon, EarthIcon, GearIcon, HouseEntranceIcon, MiniArrowRightIcon, NotebookIcon, OfficeBuildingDoubleIcon, OnlineClassStudentIcon, PersonIcon, PersonPonytailIcon, PieLineGraphIcon, SupportIcon } from '@codecademy/gamut-icons';
|
|
3
3
|
import { renderNewBadge } from '../lib/resourcesList';
|
|
4
4
|
import { formatEnterpriseUrl } from './urlHelpers';
|
|
5
5
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -248,15 +248,6 @@ const profileHelpCenter = {
|
|
|
248
248
|
text: 'Help Center',
|
|
249
249
|
type: 'link'
|
|
250
250
|
};
|
|
251
|
-
const profileFeedback = {
|
|
252
|
-
id: 'give_feedback',
|
|
253
|
-
icon: ChatIcon,
|
|
254
|
-
href: 'https://a.sprig.com/ZTFvMkttQTI0fnNpZDo4YzNkNDBiYS0zZDBmLTQyZDktOGQ3Yy00YzRhZWUxYzZkOGU=',
|
|
255
|
-
newTab: true,
|
|
256
|
-
trackingTarget: 'avatar_give_feedback',
|
|
257
|
-
text: 'Give Feedback',
|
|
258
|
-
type: 'link'
|
|
259
|
-
};
|
|
260
251
|
const profileAdmin = {
|
|
261
252
|
id: 'admin',
|
|
262
253
|
dataTestId: 'admin-link',
|
|
@@ -297,7 +288,6 @@ export const freeProfile = user => {
|
|
|
297
288
|
topSection.push(profileBusinessAccount);
|
|
298
289
|
}
|
|
299
290
|
topSection.push(profileHelpCenter);
|
|
300
|
-
topSection.push(profileFeedback);
|
|
301
291
|
const bottomSection = [profileLogOut];
|
|
302
292
|
const popover = [topSection, bottomSection];
|
|
303
293
|
return {
|
|
@@ -317,7 +307,6 @@ export const proProfile = user => {
|
|
|
317
307
|
}
|
|
318
308
|
topSection.push(profileMyHome);
|
|
319
309
|
topSection.push(profileHelpCenter);
|
|
320
|
-
topSection.push(profileFeedback);
|
|
321
310
|
const teamsAdminSection = [];
|
|
322
311
|
if (shouldShowBusinessDashboardLink(user)) {
|
|
323
312
|
teamsAdminSection.push(profileBusinessAccount);
|
|
@@ -30,7 +30,7 @@ const StyleBox = /*#__PURE__*/_styled(Box, {
|
|
|
30
30
|
paddingLeft: '8px'
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51L0xheW91dE1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEaUIiLCJmaWxlIjoiLi4vLi4vc3JjL0xheW91dE1lbnUvTGF5b3V0TWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZseW91dCwgU3Ryb2tlQnV0dG9uLCBXaXRoQ2hpbGRyZW5Qcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMb2dvQ29kZWNhZGVteSB9IGZyb20gJy4uL0xvZ29zJztcbmltcG9ydCB7XG4gIEFjY29yZGlvbk1lbnUsXG4gIGlzU2VjdGlvbixcbiAgU2VjdGlvbixcbiAgU2VjdGlvbkl0ZW0sXG59IGZyb20gJy4vQWNjb3JkaW9uTWVudSc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dE1lbnVQcm9wcyBleHRlbmRzIFdpdGhDaGlsZHJlblByb3Age1xuICAvKipcbiAgICogQWNjZXNzaWJpbGl0eSBsYWJlbCBmb3IgdGhlIG1vYmlsZSBGbHlvdXQncyBjbG9zZSBidXR0b24uXG4gICAqL1xuICBjbG9zZUxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBBbiBhcnJheSBvZiBzZWN0aW9ucyBjb250YWluaW5nIHRoZSB0aXRsZSwgc2x1ZywgYW5kIGl0ZW1zLCBlYWNoIG9mIHdoaWNoIHdpbGwgYmVjb21lIGFuIGFjY29yZGlvbi4gRWFjaCBpdGVtIGNvbnRhaW5zIGEgdGl0bGUsIHNsdWcsIGFuZCBvbkNsaWNrLlxuICAgKiBBcmJpdHJhcnkgcmVhY3Qgbm9kZXMgY2FuIGFsc28gYmUgcGFzc2VkIGFuZCB3aWxsIGJlIHJlbmRlcmVkIGFzLWlzLlxuICAgKi9cbiAgc2VjdGlvbnM6IChTZWN0aW9uIHwgUmVhY3QuUmVhY3ROb2RlKVtdO1xuICAvKipcbiAgICogVGhlIHNsdWcgb2YgdGhlIGN1cnJlbnQgc2VsZWN0ZWQgaXRlbVxuICAgKi9cbiAgc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gYmUgcnVuIG9uIGNsaWNrIG9mIHRoZSBhY2NvcmRpb24gYnV0dG9uXG4gICAqL1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGV4dCBzaG93biBpbiBtb2JpbGUgYnV0dG9uIHRoYXQgb3BlbnMgZmx5b3V0IG9uIGNsaWNrXG4gICAqL1xuICBtb2JpbGVCdXR0b25UZXh0OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCcmVha3BvaW50IGFib3ZlIHdoaWNoIHRoZSBtZW51IGJ1dHRvbiBkaXNwbGF5cyBhcyBhIGZ1bGwgc2lkZWJhclxuICAgKi9cbiAgYnJlYWtwb2ludD86ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnO1xuICAvKipcbiAgICogQW4gYXJyYXkgb2Ygc2VjdGlvbiBpdGVtcywgZWFjaCBvZiB3aGljaCBiZWNvbWUgYW4gYWRkaXRpb25hbCBsaW5rIG9uIHRvcCBvZiB0aGUgYWNjb3JkaW9uIHNlY3Rpb24uXG4gICAqL1xuICB0b3BMaW5rU2VjdGlvbnM/OiBTZWN0aW9uSXRlbVtdO1xuICAvKipcbiAgICogU2V0IGZpeGVkIGhlaWdodCBmb3IgbWVudSB3aXRoIG92ZXJmbG93XG4gICAqL1xuICBtZW51SGVpZ2h0PzogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICB2ZXJ0aWNhbFNwYWNpbmc/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn1cblxuY29uc3QgU3R5bGVCb3ggPSBzdHlsZWQoQm94KShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ21lbnVIZWlnaHQnLFxuICAgIGJhc2U6IHtcbiAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgb3ZlcmZsb3dYOiAnaGlkZGVuJyxcbiAgICAgIHBhZGRpbmdUb3A6ICc0cHgnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICc0cHgnLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIHNtOiB7XG4gICAgICAgIGhlaWdodDogJzYzMHB4JyxcbiAgICAgIH0sXG4gICAgICBtZDoge1xuICAgICAgICBoZWlnaHQ6ICcxMDAwcHgnLFxuICAgICAgfSxcbiAgICAgIGxnOiB7XG4gICAgICAgIGhlaWdodDogJzEzNzBweCcsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnOHB4JyxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRNZW51OiBSZWFjdC5GQzxMYXlvdXRNZW51UHJvcHM+ID0gKHtcbiAgY2xvc2VMYWJlbCxcbiAgc2VjdGlvbnMsXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgc2VsZWN0ZWRJdGVtLFxuICBtb2JpbGVCdXR0b25UZXh0LFxuICBicmVha3BvaW50ID0gJ2xnJyxcbiAgY2hpbGRyZW4sXG4gIHRvcExpbmtTZWN0aW9ucyxcbiAgbWVudUhlaWdodCxcbiAgdmVydGljYWxTcGFjaW5nLFxufSkgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBhY2NvcmRpb25NZW51U2VjdGlvbnMgPSBzZWN0aW9ucy5tYXAoKHNlY3Rpb24sIGkpID0+
|
|
33
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51L0xheW91dE1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEaUIiLCJmaWxlIjoiLi4vLi4vc3JjL0xheW91dE1lbnUvTGF5b3V0TWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZseW91dCwgU3Ryb2tlQnV0dG9uLCBXaXRoQ2hpbGRyZW5Qcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMb2dvQ29kZWNhZGVteSB9IGZyb20gJy4uL0xvZ29zJztcbmltcG9ydCB7XG4gIEFjY29yZGlvbk1lbnUsXG4gIGlzU2VjdGlvbixcbiAgU2VjdGlvbixcbiAgU2VjdGlvbkl0ZW0sXG59IGZyb20gJy4vQWNjb3JkaW9uTWVudSc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dE1lbnVQcm9wcyBleHRlbmRzIFdpdGhDaGlsZHJlblByb3Age1xuICAvKipcbiAgICogQWNjZXNzaWJpbGl0eSBsYWJlbCBmb3IgdGhlIG1vYmlsZSBGbHlvdXQncyBjbG9zZSBidXR0b24uXG4gICAqL1xuICBjbG9zZUxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBBbiBhcnJheSBvZiBzZWN0aW9ucyBjb250YWluaW5nIHRoZSB0aXRsZSwgc2x1ZywgYW5kIGl0ZW1zLCBlYWNoIG9mIHdoaWNoIHdpbGwgYmVjb21lIGFuIGFjY29yZGlvbi4gRWFjaCBpdGVtIGNvbnRhaW5zIGEgdGl0bGUsIHNsdWcsIGFuZCBvbkNsaWNrLlxuICAgKiBBcmJpdHJhcnkgcmVhY3Qgbm9kZXMgY2FuIGFsc28gYmUgcGFzc2VkIGFuZCB3aWxsIGJlIHJlbmRlcmVkIGFzLWlzLlxuICAgKi9cbiAgc2VjdGlvbnM6IChTZWN0aW9uIHwgUmVhY3QuUmVhY3ROb2RlKVtdO1xuICAvKipcbiAgICogVGhlIHNsdWcgb2YgdGhlIGN1cnJlbnQgc2VsZWN0ZWQgaXRlbVxuICAgKi9cbiAgc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gYmUgcnVuIG9uIGNsaWNrIG9mIHRoZSBhY2NvcmRpb24gYnV0dG9uXG4gICAqL1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGV4dCBzaG93biBpbiBtb2JpbGUgYnV0dG9uIHRoYXQgb3BlbnMgZmx5b3V0IG9uIGNsaWNrXG4gICAqL1xuICBtb2JpbGVCdXR0b25UZXh0OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCcmVha3BvaW50IGFib3ZlIHdoaWNoIHRoZSBtZW51IGJ1dHRvbiBkaXNwbGF5cyBhcyBhIGZ1bGwgc2lkZWJhclxuICAgKi9cbiAgYnJlYWtwb2ludD86ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnO1xuICAvKipcbiAgICogQW4gYXJyYXkgb2Ygc2VjdGlvbiBpdGVtcywgZWFjaCBvZiB3aGljaCBiZWNvbWUgYW4gYWRkaXRpb25hbCBsaW5rIG9uIHRvcCBvZiB0aGUgYWNjb3JkaW9uIHNlY3Rpb24uXG4gICAqL1xuICB0b3BMaW5rU2VjdGlvbnM/OiBTZWN0aW9uSXRlbVtdO1xuICAvKipcbiAgICogU2V0IGZpeGVkIGhlaWdodCBmb3IgbWVudSB3aXRoIG92ZXJmbG93XG4gICAqL1xuICBtZW51SGVpZ2h0PzogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICB2ZXJ0aWNhbFNwYWNpbmc/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn1cblxuY29uc3QgU3R5bGVCb3ggPSBzdHlsZWQoQm94KShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ21lbnVIZWlnaHQnLFxuICAgIGJhc2U6IHtcbiAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgb3ZlcmZsb3dYOiAnaGlkZGVuJyxcbiAgICAgIHBhZGRpbmdUb3A6ICc0cHgnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICc0cHgnLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIHNtOiB7XG4gICAgICAgIGhlaWdodDogJzYzMHB4JyxcbiAgICAgIH0sXG4gICAgICBtZDoge1xuICAgICAgICBoZWlnaHQ6ICcxMDAwcHgnLFxuICAgICAgfSxcbiAgICAgIGxnOiB7XG4gICAgICAgIGhlaWdodDogJzEzNzBweCcsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnOHB4JyxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRNZW51OiBSZWFjdC5GQzxMYXlvdXRNZW51UHJvcHM+ID0gKHtcbiAgY2xvc2VMYWJlbCxcbiAgc2VjdGlvbnMsXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgc2VsZWN0ZWRJdGVtLFxuICBtb2JpbGVCdXR0b25UZXh0LFxuICBicmVha3BvaW50ID0gJ2xnJyxcbiAgY2hpbGRyZW4sXG4gIHRvcExpbmtTZWN0aW9ucyxcbiAgbWVudUhlaWdodCxcbiAgdmVydGljYWxTcGFjaW5nLFxufSkgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBhY2NvcmRpb25NZW51U2VjdGlvbnMgPSBzZWN0aW9ucy5tYXAoKHNlY3Rpb24sIGkpID0+IChcbiAgICA8Qm94IGFzPVwibGlcIiBrZXk9e2lzU2VjdGlvbihzZWN0aW9uKSA/IHNlY3Rpb24uc2x1ZyA6IGl9PlxuICAgICAge2lzU2VjdGlvbihzZWN0aW9uKSA/IChcbiAgICAgICAgPEFjY29yZGlvbk1lbnVcbiAgICAgICAgICBzZWN0aW9uPXtzZWN0aW9ufVxuICAgICAgICAgIG9uU2VjdGlvblRvZ2dsZT17b25TZWN0aW9uVG9nZ2xlfVxuICAgICAgICAgIG9uSXRlbUNsaWNrPXsoKSA9PiBzZXRFeHBhbmRlZChmYWxzZSl9XG4gICAgICAgICAgc2VsZWN0ZWRJdGVtPXtzZWxlY3RlZEl0ZW19XG4gICAgICAgICAgdmVydGljYWxTcGFjaW5nPXt2ZXJ0aWNhbFNwYWNpbmd9XG4gICAgICAgIC8+XG4gICAgICApIDogKFxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2l9PntzZWN0aW9ufTwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICApfVxuICAgIDwvQm94PlxuICApKTtcblxuICBjb25zdCB0b3BMaW5rTGF5b3V0TWVudVNlY3Rpb25zID0gdG9wTGlua1NlY3Rpb25zICYmIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxMYXlvdXRNZW51U2VjdGlvblxuICAgICAgICBpdGVtcz17dG9wTGlua1NlY3Rpb25zfVxuICAgICAgICBvbkl0ZW1DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoZmFsc2UpfVxuICAgICAgICBzZWxlY3RlZEl0ZW09e3NlbGVjdGVkSXRlbX1cbiAgICAgICAgcGI9ezMyfVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxuYXY+XG4gICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgW2JyZWFrcG9pbnRdOiAnbm9uZScgfX0+XG4gICAgICAgIDxGbHlvdXRcbiAgICAgICAgICBjbG9zZUxhYmVsPXtjbG9zZUxhYmVsfVxuICAgICAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBzZXRFeHBhbmRlZChmYWxzZSl9XG4gICAgICAgICAgdGl0bGU9ezxMb2dvQ29kZWNhZGVteSBtYj17MzJ9IC8+fVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBhcz1cInVsXCIgbGlzdFN0eWxlVHlwZT1cIm5vbmVcIiBweT17MH0gcHg9ezE2fSBtPXswfT5cbiAgICAgICAgICAgIHt0b3BMaW5rTGF5b3V0TWVudVNlY3Rpb25zfVxuICAgICAgICAgICAge2FjY29yZGlvbk1lbnVTZWN0aW9uc31cbiAgICAgICAgICAgIHtjaGlsZHJlbiA/IDxCb3ggYXM9XCJsaVwiPntjaGlsZHJlbn08L0JveD4gOiBudWxsfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0ZseW91dD5cbiAgICAgICAgPFN0cm9rZUJ1dHRvblxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIHdpZHRoPXsxfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldEV4cGFuZGVkKHRydWUpfVxuICAgICAgICA+XG4gICAgICAgICAge21vYmlsZUJ1dHRvblRleHR9XG4gICAgICAgIDwvU3Ryb2tlQnV0dG9uPlxuICAgICAgPC9Cb3g+XG4gICAgICA8U3R5bGVCb3hcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICAgICAgcD17MH1cbiAgICAgICAgbT17MH1cbiAgICAgICAgbWVudUhlaWdodD17bWVudUhlaWdodH1cbiAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIFticmVha3BvaW50XTogJ2Jsb2NrJyB9fVxuICAgICAgICBkYXRhLXRlc3RpZD1cImRlc2t0b3AtbWVudVwiXG4gICAgICA+XG4gICAgICAgIHt0b3BMaW5rTGF5b3V0TWVudVNlY3Rpb25zfVxuICAgICAgICB7YWNjb3JkaW9uTWVudVNlY3Rpb25zfVxuICAgICAgICB7Y2hpbGRyZW4gPyA8Qm94IGFzPVwibGlcIj57Y2hpbGRyZW59PC9Cb3g+IDogbnVsbH1cbiAgICAgIDwvU3R5bGVCb3g+XG4gICAgPC9uYXY+XG4gICk7XG59O1xuIl19 */");
|
|
34
34
|
export const LayoutMenu = ({
|
|
35
35
|
closeLabel,
|
|
36
36
|
sections,
|
|
@@ -44,23 +44,29 @@ export const LayoutMenu = ({
|
|
|
44
44
|
verticalSpacing
|
|
45
45
|
}) => {
|
|
46
46
|
const [expanded, setExpanded] = useState(false);
|
|
47
|
-
const accordionMenuSections = sections.map((section, i) =>
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
47
|
+
const accordionMenuSections = sections.map((section, i) => /*#__PURE__*/_jsx(Box, {
|
|
48
|
+
as: "li",
|
|
49
|
+
children: isSection(section) ? /*#__PURE__*/_jsx(AccordionMenu, {
|
|
50
|
+
section: section,
|
|
51
|
+
onSectionToggle: onSectionToggle,
|
|
52
|
+
onItemClick: () => setExpanded(false),
|
|
53
|
+
selectedItem: selectedItem,
|
|
54
|
+
verticalSpacing: verticalSpacing
|
|
55
|
+
}) :
|
|
56
|
+
/*#__PURE__*/
|
|
57
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
58
|
+
_jsx(React.Fragment, {
|
|
59
|
+
children: section
|
|
60
|
+
}, i)
|
|
61
|
+
}, isSection(section) ? section.slug : i));
|
|
62
|
+
const topLinkLayoutMenuSections = topLinkSections && /*#__PURE__*/_jsx(Box, {
|
|
63
|
+
as: "li",
|
|
64
|
+
children: /*#__PURE__*/_jsx(LayoutMenuSection, {
|
|
65
|
+
items: topLinkSections,
|
|
66
|
+
onItemClick: () => setExpanded(false),
|
|
67
|
+
selectedItem: selectedItem,
|
|
68
|
+
pb: 32
|
|
69
|
+
})
|
|
64
70
|
});
|
|
65
71
|
return /*#__PURE__*/_jsxs("nav", {
|
|
66
72
|
children: [/*#__PURE__*/_jsxs(Box, {
|
|
@@ -76,8 +82,15 @@ export const LayoutMenu = ({
|
|
|
76
82
|
mb: 32
|
|
77
83
|
}),
|
|
78
84
|
children: /*#__PURE__*/_jsxs(Box, {
|
|
85
|
+
as: "ul",
|
|
86
|
+
listStyleType: "none",
|
|
87
|
+
py: 0,
|
|
79
88
|
px: 16,
|
|
80
|
-
|
|
89
|
+
m: 0,
|
|
90
|
+
children: [topLinkLayoutMenuSections, accordionMenuSections, children ? /*#__PURE__*/_jsx(Box, {
|
|
91
|
+
as: "li",
|
|
92
|
+
children: children
|
|
93
|
+
}) : null]
|
|
81
94
|
})
|
|
82
95
|
}), /*#__PURE__*/_jsx(StrokeButton, {
|
|
83
96
|
"aria-expanded": expanded,
|
|
@@ -87,13 +100,20 @@ export const LayoutMenu = ({
|
|
|
87
100
|
children: mobileButtonText
|
|
88
101
|
})]
|
|
89
102
|
}), /*#__PURE__*/_jsxs(StyleBox, {
|
|
103
|
+
as: "ul",
|
|
104
|
+
listStyleType: "none",
|
|
105
|
+
p: 0,
|
|
106
|
+
m: 0,
|
|
90
107
|
menuHeight: menuHeight,
|
|
91
108
|
display: {
|
|
92
109
|
_: 'none',
|
|
93
110
|
[breakpoint]: 'block'
|
|
94
111
|
},
|
|
95
112
|
"data-testid": "desktop-menu",
|
|
96
|
-
children: [topLinkLayoutMenuSections, accordionMenuSections, children
|
|
113
|
+
children: [topLinkLayoutMenuSections, accordionMenuSections, children ? /*#__PURE__*/_jsx(Box, {
|
|
114
|
+
as: "li",
|
|
115
|
+
children: children
|
|
116
|
+
}) : null]
|
|
97
117
|
})]
|
|
98
118
|
});
|
|
99
119
|
};
|
|
@@ -10,8 +10,13 @@ export const LayoutMenuSection = ({
|
|
|
10
10
|
verticalSpacing = 8,
|
|
11
11
|
...styleProps
|
|
12
12
|
}) => /*#__PURE__*/_jsx(Box, {
|
|
13
|
+
as: "ul",
|
|
14
|
+
listStyleType: "none",
|
|
15
|
+
p: 0,
|
|
16
|
+
m: 0,
|
|
13
17
|
...styleProps,
|
|
14
18
|
children: items.map(item => /*#__PURE__*/_jsx(Box, {
|
|
19
|
+
as: "li",
|
|
15
20
|
py: verticalSpacing,
|
|
16
21
|
px: 4,
|
|
17
22
|
children: selectedItem === item.slug ? /*#__PURE__*/_jsx(SelectedSectionItem, {
|
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.
|
|
4
|
+
"version": "3.24.0-alpha.17b2c6dcd0.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@emotion/is-prop-valid": "^1.2.1",
|