@codecademy/brand 3.19.0-alpha.c35a1cb4bd.0 → 3.19.0-alpha.c8b1055646.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/MarketingBanner.d.ts +1 -3
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.js +7 -4
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.d.ts +0 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.js +3 -4
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.d.ts +2 -9
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.js +2 -48
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js +8 -20
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/tabConfig.d.ts +2 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/tabConfig.js +48 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdown/index.js +9 -14
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderDropdownLink.js +3 -2
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderMenuItem.js +5 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.js +5 -2
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +3 -2
- package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderDropdownNavButton.js +5 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderMenuNavButton.js +9 -7
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/NavPanels.js +12 -6
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.d.ts +1 -8
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.js +1 -39
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.js +7 -22
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/tabConfig.d.ts +2 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/tabConfig.js +39 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/AppHeaderSection.test.js +215 -30
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/MobileBackButton.js +4 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/MobileNavMenu.d.ts +2 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/MobileNavMenu.js +7 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/consts.d.ts +2 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/consts.js +37 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.d.ts +37 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.js +86 -12
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/index.d.ts +9 -6
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/index.js +123 -41
- package/dist/AppHeader/shared/elements.d.ts +15 -3
- package/dist/AppHeader/shared/elements.js +138 -27
- package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js +9 -11
- package/dist/LearningOutcomeTile/index.js +1 -2
- package/package.json +2 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavSection.d.ts +0 -21
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavSection.js +0 -162
|
@@ -13,16 +13,19 @@ import { AppHeaderNavButton } from '../AppHeaderNavButton';
|
|
|
13
13
|
import { useAppHeaderContext } from '../AppHeaderProvider';
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
const topSpacing = {
|
|
16
|
+
xl: '3.5rem',
|
|
16
17
|
lg: '3.2rem',
|
|
17
18
|
md: '2.75rem',
|
|
18
19
|
sm: '2.25rem'
|
|
19
20
|
};
|
|
20
21
|
const getSpacing = ({
|
|
22
|
+
displayGlobalNavRedesign,
|
|
21
23
|
isProfileDropdown,
|
|
22
24
|
isGenericDropdown,
|
|
23
25
|
isIconDropdown,
|
|
24
26
|
isStandalone
|
|
25
27
|
}) => {
|
|
28
|
+
if (displayGlobalNavRedesign) return topSpacing.xl;
|
|
26
29
|
if (isProfileDropdown || isIconDropdown) return topSpacing.lg;
|
|
27
30
|
if (isGenericDropdown && isStandalone) return topSpacing.md;
|
|
28
31
|
return topSpacing.sm;
|
|
@@ -33,7 +36,7 @@ const StyledLinkSection = /*#__PURE__*/_styled(AppHeaderLinkSections, {
|
|
|
33
36
|
})(css({
|
|
34
37
|
padding: `0.75rem 0`,
|
|
35
38
|
position: `absolute`
|
|
36
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNZW51IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JNb2RlLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU2NhbGUgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZS9kaXN0L3R5cGVzL2NvbmZpZyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0IH0gZnJvbSAncmVhY3QtdXNlJztcblxuaW1wb3J0IHsgR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0IH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyJztcbmltcG9ydCB7XG4gIEFuaW1hdGVkU2ltcGxlRHJvcGRvd24sXG4gIEFwcEhlYWRlckFjdGlvbixcbiAgQXBwSGVhZGVyRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua1NlY3Rpb25zIH0gZnJvbSAnLi4vQXBwSGVhZGVyTGlua1NlY3Rpb25zJztcbmltcG9ydCB7IEFwcEhlYWRlck1lbnVQcm92aWRlciB9IGZyb20gJy4uL0FwcEhlYWRlck1lbnVQcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJOYXZCdXR0b24gfSBmcm9tICcuLi9BcHBIZWFkZXJOYXZCdXR0b24nO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclByb3ZpZGVyJztcblxuY29uc3QgdG9wU3BhY2luZyA9IHtcbiAgeGw6ICczLjVyZW0nLFxuICBsZzogJzMuMnJlbScsXG4gIG1kOiAnMi43NXJlbScsXG4gIHNtOiAnMi4yNXJlbScsXG59O1xuXG5jb25zdCBnZXRTcGFjaW5nID0gKHtcbiAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduLFxuICBpc1Byb2ZpbGVEcm9wZG93bixcbiAgaXNHZW5lcmljRHJvcGRvd24sXG4gIGlzSWNvbkRyb3Bkb3duLFxuICBpc1N0YW5kYWxvbmUsXG59OiB7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbj86IGJvb2xlYW47XG4gIGlzUHJvZmlsZURyb3Bkb3duPzogYm9vbGVhbjtcbiAgaXNHZW5lcmljRHJvcGRvd24/OiBib29sZWFuO1xuICBpc0ljb25Ecm9wZG93bj86IGJvb2xlYW47XG4gIGlzU3RhbmRhbG9uZT86IGJvb2xlYW47XG59KSA9PiB7XG4gIGlmIChkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24pIHJldHVybiB0b3BTcGFjaW5nLnhsO1xuICBpZiAoaXNQcm9maWxlRHJvcGRvd24gfHwgaXNJY29uRHJvcGRvd24pIHJldHVybiB0b3BTcGFjaW5nLmxnO1xuICBpZiAoaXNHZW5lcmljRHJvcGRvd24gJiYgaXNTdGFuZGFsb25lKSByZXR1cm4gdG9wU3BhY2luZy5tZDtcbiAgcmV0dXJuIHRvcFNwYWNpbmcuc207XG59O1xuXG5jb25zdCBTdHlsZWRMaW5rU2VjdGlvbiA9IHN0eWxlZChBcHBIZWFkZXJMaW5rU2VjdGlvbnMpKFxuICBjc3Moe1xuICAgIHBhZGRpbmc6IGAwLjc1cmVtIDBgLFxuICAgIHBvc2l0aW9uOiBgYWJzb2x1dGVgLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRHJvcGRvd25NZW51ID0gc3R5bGVkKE1lbnUpPHtcbiAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduOiBib29sZWFuO1xufT5gXG4gICR7KHsgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduIH0pID0+XG4gICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduICYmXG4gICAgY3NzKHtcbiAgICAgIGJvcmRlcjogMSxcbiAgICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJlxuICBQaWNrPFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBNZW51PiwgJ3NwYWNpbmcnPiAmIHtcbiAgICBpdGVtOiBBcHBIZWFkZXJEcm9wZG93bkl0ZW07XG4gICAgb25LZXlEb3duPzogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiB2b2lkO1xuICAgIC8qKlxuICAgICAqIElmIHRydWUsIHRoZSBkcm9wZG93biBpcyBiZWluZyByZW5kZXJlZCBhcyBhIHN0YW5kYWxvbmUgY29tcG9uZW50LCByYXRoZXIgdGhhblxuICAgICAqIHBhcnQgb2YgdGhlIGdsb2JhbCBoZWFkZXIuXG4gICAgICovXG4gICAgc3RhbmRhbG9uZT86IGJvb2xlYW47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJEcm9wZG93bjogUmVhY3QuRkM8QXBwSGVhZGVyRHJvcGRvd25Qcm9wcz4gPSAoe1xuICBhY3Rpb24sXG4gIGl0ZW0sXG4gIHNwYWNpbmcgPSAnbm9ybWFsJyxcbiAgc3RhbmRhbG9uZSxcbn0pID0+IHtcbiAgY29uc3QgbGlzdFJlZiA9IHVzZVJlZjxIVE1MVUxpc3RFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcblxuICBjb25zdCBbZGltZW5zaW9ucywgc2V0RGltZW5zaW9uc10gPSB1c2VTdGF0ZSh7IGhlaWdodDogMCwgd2lkdGg6IDAgfSk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgbGFzdE9wZW5lZERyb3Bkb3duLCBzZXRMYXN0T3BlbmVkRHJvcGRvd24gfSA9IHVzZUFwcEhlYWRlckNvbnRleHQoKTtcbiAgY29uc3QgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID0gdXNlQ29udGV4dChHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQpO1xuXG4gIGNvbnN0IHRhYkluZGV4ID0gaXNPcGVuID09PSBmYWxzZSA/IC0xIDogMDtcbiAgY29uc3QgZHJvcGRvd25JZCA9IGl0ZW0/LnRleHQgPz8gaXRlbT8udHlwZTtcblxuICBjb25zdCB0b2dnbGVJc09wZW4gPSAoKSA9PiBzZXRJc09wZW4oKHByZXYpID0+ICFwcmV2KTtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgdG9nZ2xlSXNPcGVuKCk7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIGlmIChhY3Rpb24pIGFjdGlvbihldmVudCwgaXRlbSk7XG4gICAgICBpZiAoc2V0TGFzdE9wZW5lZERyb3Bkb3duKSB7XG4gICAgICAgIHNldExhc3RPcGVuZWREcm9wZG93bihkcm9wZG93bklkKTtcbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlS2V5Ym9hcmRDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIGJ1dHRvblJlZi5jdXJyZW50Py5mb2N1cygpO1xuICB9LCBbXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobGFzdE9wZW5lZERyb3Bkb3duICE9PSBkcm9wZG93bklkICYmIGlzT3Blbikge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbGFzdE9wZW5lZERyb3Bkb3duXSk7XG5cbiAgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxpc3RSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgeyBoZWlnaHQsIHdpZHRoIH0gPSBsaXN0UmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICBzZXREaW1lbnNpb25zKHsgaGVpZ2h0LCB3aWR0aCB9KTtcbiAgICB9XG4gIH0sIFtsaXN0UmVmLCBpc09wZW5dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCB8IEV2ZW50KSB7XG4gICAgICBjb25zdCBsaXN0ID0gbGlzdFJlZj8uY3VycmVudDtcbiAgICAgIGNvbnN0IGJ1dHRvbiA9IGJ1dHRvblJlZj8uY3VycmVudDtcbiAgICAgIGlmIChcbiAgICAgICAgaXNPcGVuICYmXG4gICAgICAgIGxpc3QgJiZcbiAgICAgICAgIWxpc3QuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgICAgIGJ1dHRvbiAmJlxuICAgICAgICAhYnV0dG9uLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtsaXN0UmVmLCBpc09wZW5dKTtcblxuICBjb25zdCBpc1Byb2ZpbGVEcm9wZG93biA9IGl0ZW0udHlwZSA9PT0gJ3Byb2ZpbGUtZHJvcGRvd24nO1xuICBjb25zdCBpc0dlbmVyaWNEcm9wZG93biA9IFsnZHJvcGRvd24nLCAncmVzb3VyY2VzLXNpbXBsZS1kcm9wZG93biddLmluY2x1ZGVzKFxuICAgIGl0ZW0udHlwZVxuICApO1xuICBjb25zdCBpc0ljb25Ecm9wZG93biA9ICdpc0ljb25Pbmx5JyBpbiBpdGVtICYmIGl0ZW0uaXNJY29uT25seTtcblxuICBjb25zdCBQcm92aWRlciA9IGlzUHJvZmlsZURyb3Bkb3duXG4gICAgPyBBcHBIZWFkZXJNZW51UHJvdmlkZXJcbiAgICA6IEFwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXI7XG5cbiAgY29uc3QgdG9wU3BhY2luZyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGdldFNwYWNpbmcoe1xuICAgICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24sXG4gICAgICAgIGlzUHJvZmlsZURyb3Bkb3duLFxuICAgICAgICBpc0dlbmVyaWNEcm9wZG93bixcbiAgICAgICAgaXNJY29uRHJvcGRvd24sXG4gICAgICAgIGlzU3RhbmRhbG9uZTogc3RhbmRhbG9uZSxcbiAgICAgIH0pLFxuICAgIFtcbiAgICAgIGlzUHJvZmlsZURyb3Bkb3duLFxuICAgICAgaXNHZW5lcmljRHJvcGRvd24sXG4gICAgICBpc0ljb25Ecm9wZG93bixcbiAgICAgIHN0YW5kYWxvbmUsXG4gICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24sXG4gICAgXVxuICApO1xuXG4gIGNvbnN0IGNvbW1vbk1lbnVQcm9wcyA9IHtcbiAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24sXG4gICAgbWluV2lkdGg6ICcyMDJweCcsXG4gICAgcmVmOiBsaXN0UmVmLFxuICAgIHJvbGU6IGlzUHJvZmlsZURyb3Bkb3duID8gJ21lbnUnIDogdW5kZWZpbmVkLFxuICAgIHNwYWNpbmcsXG4gICAgdmFyaWFudDogJ3BvcG92ZXInIGFzIGNvbnN0LFxuICAgIHdpZHRoOiAnZml0LWNvbnRlbnQnIGFzIGNvbnN0LFxuICAgIHpJbmRleDogMSxcbiAgICBweTpcbiAgICAgIHNwYWNpbmcgPT09ICdub3JtYWwnXG4gICAgICAgID8gMTJcbiAgICAgICAgOiAoMCBhcyBTY2FsZTx7XG4gICAgICAgICAgICByZWFkb25seSBwcm9wZXJ0eTogJ3BhZGRpbmcnO1xuICAgICAgICAgICAgcmVhZG9ubHkgc2NhbGU6ICdzcGFjaW5nJztcbiAgICAgICAgICB9PiksXG4gIH07XG5cbiAgY29uc3QgY29tbW9uTGlua1NlY3Rpb25Qcm9wcyA9IHtcbiAgICBhY3Rpb24sXG4gICAgaXRlbSxcbiAgICBpZDogYG1lbnUtY29udGFpbmVyJHtpdGVtLnRleHR9YCxcbiAgICAnYXJpYS1jb250cm9scyc6IGBtZW51LWNvbnRhaW5lciR7aXRlbS50ZXh0fWAsXG4gICAgJ2FyaWEtbGFiZWwnOiBpdGVtLnRleHQsXG4gICAgJ2FyaWEtaGlkZGVuJzogIWlzT3BlbixcbiAgICB0YWJJbmRleCxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxQcm92aWRlciBoYW5kbGVDbG9zZT17aGFuZGxlS2V5Ym9hcmRDbG9zZX0+XG4gICAgICA8QXBwSGVhZGVyTmF2QnV0dG9uXG4gICAgICAgIGJ1dHRvblJlZj17YnV0dG9uUmVmfVxuICAgICAgICBoYW5kbGVPbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgIC8+XG4gICAgICA8QW5pbWF0ZWRTaW1wbGVEcm9wZG93blxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICByaWdodDogaXNQcm9maWxlRHJvcGRvd24gPyAnMC41cmVtJyA6ICcnLFxuICAgICAgICAgIHRvcDogdG9wU3BhY2luZyxcbiAgICAgICAgICB3aWR0aDogZGltZW5zaW9ucy53aWR0aCxcbiAgICAgICAgfX1cbiAgICAgICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduPXtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ259XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAoXG4gICAgICAgICAgPENvbG9yTW9kZSBtb2RlPVwibGlnaHRcIj5cbiAgICAgICAgICAgIDxTdHlsZWREcm9wZG93bk1lbnUgey4uLmNvbW1vbk1lbnVQcm9wc30+XG4gICAgICAgICAgICAgIDxTdHlsZWRMaW5rU2VjdGlvbiB7Li4uY29tbW9uTGlua1NlY3Rpb25Qcm9wc30gLz5cbiAgICAgICAgICAgIDwvU3R5bGVkRHJvcGRvd25NZW51PlxuICAgICAgICAgIDwvQ29sb3JNb2RlPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxTdHlsZWREcm9wZG93bk1lbnUgey4uLmNvbW1vbk1lbnVQcm9wc30+XG4gICAgICAgICAgICA8U3R5bGVkTGlua1NlY3Rpb24gey4uLmNvbW1vbkxpbmtTZWN0aW9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9TdHlsZWREcm9wZG93bk1lbnU+XG4gICAgICAgICl9XG4gICAgICA8L0FuaW1hdGVkU2ltcGxlRHJvcGRvd24+XG4gICAgPC9Qcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */");
|
|
37
40
|
const StyledDropdownMenu = /*#__PURE__*/_styled(Menu, {
|
|
38
41
|
target: "efmcgmc0",
|
|
39
42
|
label: "StyledDropdownMenu"
|
|
@@ -43,7 +46,7 @@ const StyledDropdownMenu = /*#__PURE__*/_styled(Menu, {
|
|
|
43
46
|
border: 1,
|
|
44
47
|
borderColor: 'border-tertiary',
|
|
45
48
|
borderRadius: 'lg'
|
|
46
|
-
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThERSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRyb3Bkb3duL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1lbnUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb2xvck1vZGUsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VDb250ZXh0LFxuICB1c2VFZmZlY3QsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdyZWFjdC11c2UnO1xuXG5pbXBvcnQgeyBHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXInO1xuaW1wb3J0IHtcbiAgQW5pbWF0ZWRTaW1wbGVEcm9wZG93bixcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaW5rU2VjdGlvbnMgfSBmcm9tICcuLi9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTWVudVByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyTWVudVByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlck5hdkJ1dHRvbiB9IGZyb20gJy4uL0FwcEhlYWRlck5hdkJ1dHRvbic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJDb250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyUHJvdmlkZXInO1xuXG5jb25zdCB0b3BTcGFjaW5nID0ge1xuICB4bDogJzMuNXJlbScsXG4gIGxnOiAnMy4ycmVtJyxcbiAgbWQ6ICcyLjc1cmVtJyxcbiAgc206ICcyLjI1cmVtJyxcbn07XG5cbmNvbnN0IGdldFNwYWNpbmcgPSAoe1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24sXG4gIGlzUHJvZmlsZURyb3Bkb3duLFxuICBpc0dlbmVyaWNEcm9wZG93bixcbiAgaXNJY29uRHJvcGRvd24sXG4gIGlzU3RhbmRhbG9uZSxcbn06IHtcbiAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduPzogYm9vbGVhbjtcbiAgaXNQcm9maWxlRHJvcGRvd24/OiBib29sZWFuO1xuICBpc0dlbmVyaWNEcm9wZG93bj86IGJvb2xlYW47XG4gIGlzSWNvbkRyb3Bkb3duPzogYm9vbGVhbjtcbiAgaXNTdGFuZGFsb25lPzogYm9vbGVhbjtcbn0pID0+IHtcbiAgaWYgKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbikgcmV0dXJuIHRvcFNwYWNpbmcueGw7XG4gIGlmIChpc1Byb2ZpbGVEcm9wZG93biB8fCBpc0ljb25Ecm9wZG93bikgcmV0dXJuIHRvcFNwYWNpbmcubGc7XG4gIGlmIChpc0dlbmVyaWNEcm9wZG93biAmJiBpc1N0YW5kYWxvbmUpIHJldHVybiB0b3BTcGFjaW5nLm1kO1xuICByZXR1cm4gdG9wU3BhY2luZy5zbTtcbn07XG5cbmNvbnN0IFN0eWxlZExpbmtTZWN0aW9uID0gc3R5bGVkKEFwcEhlYWRlckxpbmtTZWN0aW9ucykoXG4gIGNzcyh7XG4gICAgcGFkZGluZzogYDAuNzVyZW0gMGAsXG4gICAgcG9zaXRpb246IGBhYnNvbHV0ZWAsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWREcm9wZG93bk1lbnUgPSBzdHlsZWQoTWVudSk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG59PmBcbiAgJHsoeyBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gfSkgPT5cbiAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gJiZcbiAgICBjc3Moe1xuICAgICAgYm9yZGVyOiAxLFxuICAgICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgIH0pfVxuYDtcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyRHJvcGRvd25Qcm9wcyA9IEFwcEhlYWRlckFjdGlvbiAmXG4gIFBpY2s8UmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1lbnU+LCAnc3BhY2luZyc+ICYge1xuICAgIGl0ZW06IEFwcEhlYWRlckRyb3Bkb3duSXRlbTtcbiAgICBvbktleURvd24/OiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHZvaWQ7XG4gICAgLyoqXG4gICAgICogSWYgdHJ1ZSwgdGhlIGRyb3Bkb3duIGlzIGJlaW5nIHJlbmRlcmVkIGFzIGEgc3RhbmRhbG9uZSBjb21wb25lbnQsIHJhdGhlciB0aGFuXG4gICAgICogcGFydCBvZiB0aGUgZ2xvYmFsIGhlYWRlci5cbiAgICAgKi9cbiAgICBzdGFuZGFsb25lPzogYm9vbGVhbjtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckRyb3Bkb3duOiBSZWFjdC5GQzxBcHBIZWFkZXJEcm9wZG93blByb3BzPiA9ICh7XG4gIGFjdGlvbixcbiAgaXRlbSxcbiAgc3BhY2luZyA9ICdub3JtYWwnLFxuICBzdGFuZGFsb25lLFxufSkgPT4ge1xuICBjb25zdCBsaXN0UmVmID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IFtkaW1lbnNpb25zLCBzZXREaW1lbnNpb25zXSA9IHVzZVN0YXRlKHsgaGVpZ2h0OiAwLCB3aWR0aDogMCB9KTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBsYXN0T3BlbmVkRHJvcGRvd24sIHNldExhc3RPcGVuZWREcm9wZG93biB9ID0gdXNlQXBwSGVhZGVyQ29udGV4dCgpO1xuICBjb25zdCBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPSB1c2VDb250ZXh0KEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCk7XG5cbiAgY29uc3QgdGFiSW5kZXggPSBpc09wZW4gPT09IGZhbHNlID8gLTEgOiAwO1xuICBjb25zdCBkcm9wZG93bklkID0gaXRlbT8udGV4dCA/PyBpdGVtPy50eXBlO1xuXG4gIGNvbnN0IHRvZ2dsZUlzT3BlbiA9ICgpID0+IHNldElzT3BlbigocHJldikgPT4gIXByZXYpO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICB0b2dnbGVJc09wZW4oKTtcbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgaWYgKGFjdGlvbikgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICAgIGlmIChzZXRMYXN0T3BlbmVkRHJvcGRvd24pIHtcbiAgICAgICAgc2V0TGFzdE9wZW5lZERyb3Bkb3duKGRyb3Bkb3duSWQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlib2FyZENsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgYnV0dG9uUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYXN0T3BlbmVkRHJvcGRvd24gIT09IGRyb3Bkb3duSWQgJiYgaXNPcGVuKSB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtsYXN0T3BlbmVkRHJvcGRvd25dKTtcblxuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAobGlzdFJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCB7IGhlaWdodCwgd2lkdGggfSA9IGxpc3RSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIHNldERpbWVuc2lvbnMoeyBoZWlnaHQsIHdpZHRoIH0pO1xuICAgIH1cbiAgfSwgW2xpc3RSZWYsIGlzT3Blbl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50OiBNb3VzZUV2ZW50IHwgRXZlbnQpIHtcbiAgICAgIGNvbnN0IGxpc3QgPSBsaXN0UmVmPy5jdXJyZW50O1xuICAgICAgY29uc3QgYnV0dG9uID0gYnV0dG9uUmVmPy5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgbGlzdCAmJlxuICAgICAgICAhbGlzdC5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgYnV0dG9uICYmXG4gICAgICAgICFidXR0b24uY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXG4gICAgICApIHtcbiAgICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfTtcbiAgfSwgW2xpc3RSZWYsIGlzT3Blbl0pO1xuXG4gIGNvbnN0IGlzUHJvZmlsZURyb3Bkb3duID0gaXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bic7XG4gIGNvbnN0IGlzR2VuZXJpY0Ryb3Bkb3duID0gWydkcm9wZG93bicsICdyZXNvdXJjZXMtc2ltcGxlLWRyb3Bkb3duJ10uaW5jbHVkZXMoXG4gICAgaXRlbS50eXBlXG4gICk7XG4gIGNvbnN0IGlzSWNvbkRyb3Bkb3duID0gJ2lzSWNvbk9ubHknIGluIGl0ZW0gJiYgaXRlbS5pc0ljb25Pbmx5O1xuXG4gIGNvbnN0IFByb3ZpZGVyID0gaXNQcm9maWxlRHJvcGRvd25cbiAgICA/IEFwcEhlYWRlck1lbnVQcm92aWRlclxuICAgIDogQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcjtcblxuICBjb25zdCB0b3BTcGFjaW5nID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZ2V0U3BhY2luZyh7XG4gICAgICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbixcbiAgICAgICAgaXNQcm9maWxlRHJvcGRvd24sXG4gICAgICAgIGlzR2VuZXJpY0Ryb3Bkb3duLFxuICAgICAgICBpc0ljb25Ecm9wZG93bixcbiAgICAgICAgaXNTdGFuZGFsb25lOiBzdGFuZGFsb25lLFxuICAgICAgfSksXG4gICAgW1xuICAgICAgaXNQcm9maWxlRHJvcGRvd24sXG4gICAgICBpc0dlbmVyaWNEcm9wZG93bixcbiAgICAgIGlzSWNvbkRyb3Bkb3duLFxuICAgICAgc3RhbmRhbG9uZSxcbiAgICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbixcbiAgICBdXG4gICk7XG5cbiAgY29uc3QgY29tbW9uTWVudVByb3BzID0ge1xuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbixcbiAgICBtaW5XaWR0aDogJzIwMnB4JyxcbiAgICByZWY6IGxpc3RSZWYsXG4gICAgcm9sZTogaXNQcm9maWxlRHJvcGRvd24gPyAnbWVudScgOiB1bmRlZmluZWQsXG4gICAgc3BhY2luZyxcbiAgICB2YXJpYW50OiAncG9wb3ZlcicgYXMgY29uc3QsXG4gICAgd2lkdGg6ICdmaXQtY29udGVudCcgYXMgY29uc3QsXG4gICAgekluZGV4OiAxLFxuICAgIHB5OlxuICAgICAgc3BhY2luZyA9PT0gJ25vcm1hbCdcbiAgICAgICAgPyAxMlxuICAgICAgICA6ICgwIGFzIFNjYWxlPHtcbiAgICAgICAgICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgICAgICAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICAgICAgICAgIH0+KSxcbiAgfTtcblxuICBjb25zdCBjb21tb25MaW5rU2VjdGlvblByb3BzID0ge1xuICAgIGFjdGlvbixcbiAgICBpdGVtLFxuICAgIGlkOiBgbWVudS1jb250YWluZXIke2l0ZW0udGV4dH1gLFxuICAgICdhcmlhLWNvbnRyb2xzJzogYG1lbnUtY29udGFpbmVyJHtpdGVtLnRleHR9YCxcbiAgICAnYXJpYS1sYWJlbCc6IGl0ZW0udGV4dCxcbiAgICAnYXJpYS1oaWRkZW4nOiAhaXNPcGVuLFxuICAgIHRhYkluZGV4LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFByb3ZpZGVyIGhhbmRsZUNsb3NlPXtoYW5kbGVLZXlib2FyZENsb3NlfT5cbiAgICAgIDxBcHBIZWFkZXJOYXZCdXR0b25cbiAgICAgICAgYnV0dG9uUmVmPXtidXR0b25SZWZ9XG4gICAgICAgIGhhbmRsZU9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgLz5cbiAgICAgIDxBbmltYXRlZFNpbXBsZURyb3Bkb3duXG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHJpZ2h0OiBpc1Byb2ZpbGVEcm9wZG93biA/ICcwLjVyZW0nIDogJycsXG4gICAgICAgICAgdG9wOiB0b3BTcGFjaW5nLFxuICAgICAgICAgIHdpZHRoOiBkaW1lbnNpb25zLndpZHRoLFxuICAgICAgICB9fVxuICAgICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ249e2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbn1cbiAgICAgID5cbiAgICAgICAge2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IChcbiAgICAgICAgICA8Q29sb3JNb2RlIG1vZGU9XCJsaWdodFwiPlxuICAgICAgICAgICAgPFN0eWxlZERyb3Bkb3duTWVudSB7Li4uY29tbW9uTWVudVByb3BzfT5cbiAgICAgICAgICAgICAgPFN0eWxlZExpbmtTZWN0aW9uIHsuLi5jb21tb25MaW5rU2VjdGlvblByb3BzfSAvPlxuICAgICAgICAgICAgPC9TdHlsZWREcm9wZG93bk1lbnU+XG4gICAgICAgICAgPC9Db2xvck1vZGU+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0eWxlZERyb3Bkb3duTWVudSB7Li4uY29tbW9uTWVudVByb3BzfT5cbiAgICAgICAgICAgIDxTdHlsZWRMaW5rU2VjdGlvbiB7Li4uY29tbW9uTGlua1NlY3Rpb25Qcm9wc30gLz5cbiAgICAgICAgICA8L1N0eWxlZERyb3Bkb3duTWVudT5cbiAgICAgICAgKX1cbiAgICAgIDwvQW5pbWF0ZWRTaW1wbGVEcm9wZG93bj5cbiAgICA8L1Byb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */"));
|
|
47
50
|
export const AppHeaderDropdown = ({
|
|
48
51
|
action,
|
|
49
52
|
item,
|
|
@@ -116,11 +119,12 @@ export const AppHeaderDropdown = ({
|
|
|
116
119
|
const isIconDropdown = 'isIconOnly' in item && item.isIconOnly;
|
|
117
120
|
const Provider = isProfileDropdown ? AppHeaderMenuProvider : AppHeaderDropdownProvider;
|
|
118
121
|
const topSpacing = useMemo(() => getSpacing({
|
|
122
|
+
displayGlobalNavRedesign,
|
|
119
123
|
isProfileDropdown,
|
|
120
124
|
isGenericDropdown,
|
|
121
125
|
isIconDropdown,
|
|
122
126
|
isStandalone: standalone
|
|
123
|
-
}), [isProfileDropdown, isGenericDropdown, isIconDropdown, standalone]);
|
|
127
|
+
}), [isProfileDropdown, isGenericDropdown, isIconDropdown, standalone, displayGlobalNavRedesign]);
|
|
124
128
|
const commonMenuProps = {
|
|
125
129
|
displayGlobalNavRedesign,
|
|
126
130
|
minWidth: '202px',
|
|
@@ -149,22 +153,13 @@ export const AppHeaderDropdown = ({
|
|
|
149
153
|
isOpen: isOpen,
|
|
150
154
|
item: item
|
|
151
155
|
}), /*#__PURE__*/_jsx(AnimatedSimpleDropdown, {
|
|
156
|
+
isOpen: isOpen,
|
|
152
157
|
style: {
|
|
153
158
|
right: isProfileDropdown ? '0.5rem' : '',
|
|
154
159
|
top: topSpacing,
|
|
155
160
|
width: dimensions.width
|
|
156
161
|
},
|
|
157
|
-
|
|
158
|
-
height: isOpen ? dimensions.height : 0
|
|
159
|
-
},
|
|
160
|
-
initial: {
|
|
161
|
-
borderWidth: 0,
|
|
162
|
-
height: 0
|
|
163
|
-
},
|
|
164
|
-
transition: {
|
|
165
|
-
duration: 0.175
|
|
166
|
-
},
|
|
167
|
-
"aria-hidden": !isOpen,
|
|
162
|
+
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
168
163
|
children: displayGlobalNavRedesign ? /*#__PURE__*/_jsx(ColorMode, {
|
|
169
164
|
mode: "light",
|
|
170
165
|
children: /*#__PURE__*/_jsx(StyledDropdownMenu, {
|
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderDropdownLink.js
CHANGED
|
@@ -14,8 +14,9 @@ export const AppHeaderDropdownLink = ({
|
|
|
14
14
|
const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
|
|
15
15
|
const ref = useRef(null);
|
|
16
16
|
useEffect(() => {
|
|
17
|
-
if (isFirstElem &&
|
|
18
|
-
setFirstItemRef(ref.current);
|
|
17
|
+
if (isFirstElem && ref?.current) {
|
|
18
|
+
setFirstItemRef?.(ref.current);
|
|
19
|
+
ref.current.focus();
|
|
19
20
|
}
|
|
20
21
|
}, [setFirstItemRef, ref, isFirstElem]);
|
|
21
22
|
return /*#__PURE__*/_jsx(StyledAppHeaderLink, {
|
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderMenuItem.js
CHANGED
|
@@ -5,6 +5,7 @@ import { StyledAppHeaderLink } from './StyledAppHeaderLink';
|
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
export const AppHeaderMenuItem = ({
|
|
7
7
|
role,
|
|
8
|
+
isFirstElem,
|
|
8
9
|
...props
|
|
9
10
|
}) => {
|
|
10
11
|
const {
|
|
@@ -17,6 +18,10 @@ export const AppHeaderMenuItem = ({
|
|
|
17
18
|
if (setMenuItems && ref?.current) {
|
|
18
19
|
setMenuItems(menuItems.add(ref.current));
|
|
19
20
|
}
|
|
21
|
+
if (isFirstElem && ref?.current) {
|
|
22
|
+
ref.current.focus();
|
|
23
|
+
}
|
|
24
|
+
return () => menuItems.clear();
|
|
20
25
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
21
26
|
}, []);
|
|
22
27
|
return /*#__PURE__*/_jsx(StyledAppHeaderLink, {
|
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.js
CHANGED
|
@@ -16,7 +16,10 @@ export const StyledAppHeaderLink = /*#__PURE__*/_styled(AppHeaderLink, {
|
|
|
16
16
|
content: '""',
|
|
17
17
|
position: 'absolute',
|
|
18
18
|
width: 'calc(100% - 24px)',
|
|
19
|
-
left:
|
|
19
|
+
left: {
|
|
20
|
+
_: 0,
|
|
21
|
+
lg: 12
|
|
22
|
+
},
|
|
20
23
|
borderRadius: 'lg',
|
|
21
24
|
transition: 'background-color 0.15s ease',
|
|
22
25
|
pointerEvents: 'none',
|
|
@@ -32,4 +35,4 @@ export const StyledAppHeaderLink = /*#__PURE__*/_styled(AppHeaderLink, {
|
|
|
32
35
|
'&:active::before': {
|
|
33
36
|
backgroundColor: theme.colors['navy-200']
|
|
34
37
|
}
|
|
35
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd25MaW5rcy9lbGVtZW50cy9TdHlsZWRBcHBIZWFkZXJMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bkxpbmtzL2VsZW1lbnRzL1N0eWxlZEFwcEhlYWRlckxpbmsudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluayk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24/
|
|
38
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd25MaW5rcy9lbGVtZW50cy9TdHlsZWRBcHBIZWFkZXJMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bkxpbmtzL2VsZW1lbnRzL1N0eWxlZEFwcEhlYWRlckxpbmsudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluayk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24/OiBib29sZWFuO1xufT4oXG4gICh7IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiB9KSA9PlxuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiAmJlxuICAgIGNzcyh7XG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICdAbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSc6IHtcbiAgICAgICAgcGw6IDAsXG4gICAgICB9LFxuICAgICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgLSAyNHB4KScsXG4gICAgICAgIGxlZnQ6IHsgXzogMCwgbGc6IDEyIH0sXG4gICAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZScsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgIH0sXG4gICAgICAnJjpob3Zlcjo6YmVmb3JlLCAmOmZvY3VzLXZpc2libGU6OmJlZm9yZSc6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ10sXG4gICAgICB9LFxuICAgICAgJyY6aG92ZXIsICY6Zm9jdXMtdmlzaWJsZSwgJjphY3RpdmUnOiB7XG4gICAgICAgIGNvbG9yOiAnaHlwZXItNDAwJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgfSxcbiAgICAgICcmOmFjdGl2ZTo6YmVmb3JlJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICAgIH0sXG4gICAgfSlcbik7XG4iXX0= */");
|
|
@@ -17,7 +17,7 @@ const LinkComponent = ({
|
|
|
17
17
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
18
18
|
children: [showLineBreak && /*#__PURE__*/_jsx(MenuSeparator, {}), /*#__PURE__*/_jsx(DropdownLink, {
|
|
19
19
|
action: action,
|
|
20
|
-
isFirstElem:
|
|
20
|
+
isFirstElem: isFirstElem,
|
|
21
21
|
item: link,
|
|
22
22
|
mobile: mobile,
|
|
23
23
|
onKeyDown: onKeyDown,
|
|
@@ -40,7 +40,8 @@ export const AppHeaderLinkSections = ({
|
|
|
40
40
|
showLineBreak: sectionIndex !== 0 && linkIndex === 0,
|
|
41
41
|
tabIndex: tabIndex,
|
|
42
42
|
isMenuItem: true,
|
|
43
|
-
mobile: mobile
|
|
43
|
+
mobile: mobile,
|
|
44
|
+
isFirstElem: sectionIndex === 0 && linkIndex === 0
|
|
44
45
|
}, link.id))) : item.popover.map((link, linkIndex) => /*#__PURE__*/_jsx(LinkComponent, {
|
|
45
46
|
onKeyDown: onKeyDown,
|
|
46
47
|
action: action,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { IconButton } from '@codecademy/gamut';
|
|
2
|
+
import { useEffect } from 'react';
|
|
2
3
|
import { DropdownAnchor, DropdownIcon, StyledText } from '../../shared';
|
|
3
4
|
import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
|
|
4
5
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -13,15 +14,14 @@ export const AppHeaderDropdownNavButton = ({
|
|
|
13
14
|
const {
|
|
14
15
|
firstItemRef
|
|
15
16
|
} = useAppHeaderDropdownContext();
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
if (!isOpen) {
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
if (isOpen) {
|
|
19
19
|
firstItemRef?.focus();
|
|
20
20
|
}
|
|
21
|
-
};
|
|
21
|
+
}, [isOpen, firstItemRef]);
|
|
22
22
|
const sharedProps = {
|
|
23
23
|
'aria-expanded': isOpen,
|
|
24
|
-
onClick:
|
|
24
|
+
onClick: handleOnClick,
|
|
25
25
|
ref: buttonRef
|
|
26
26
|
};
|
|
27
27
|
if (icon && isIconOnly) return /*#__PURE__*/_jsx(IconButton, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { TextButton } from '@codecademy/gamut';
|
|
2
|
+
import { useEffect } from 'react';
|
|
2
3
|
import { Avatar } from '../../../Avatar';
|
|
3
4
|
import { useAppHeaderMenuContext } from '../AppHeaderMenuProvider';
|
|
4
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -12,17 +13,18 @@ export const AppHeaderMenuNavButton = ({
|
|
|
12
13
|
menuItems,
|
|
13
14
|
resetIndex
|
|
14
15
|
} = useAppHeaderMenuContext();
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (isOpen) {
|
|
18
|
+
const menuItemsArray = menuItems.values();
|
|
19
|
+
const firstMenuItem = menuItemsArray.next().value;
|
|
20
|
+
firstMenuItem?.focus();
|
|
21
|
+
}
|
|
22
|
+
}, [isOpen, menuItems]);
|
|
21
23
|
return /*#__PURE__*/_jsx(TextButton, {
|
|
22
24
|
"aria-expanded": isOpen,
|
|
23
25
|
"aria-haspopup": true,
|
|
24
26
|
"data-testid": "avatar-dropdown-button",
|
|
25
|
-
onClick:
|
|
27
|
+
onClick: handleOnClick
|
|
26
28
|
// this resets our programatic menu index to 0 in case someone clicks out of the dropdown
|
|
27
29
|
,
|
|
28
30
|
onFocus: resetIndex,
|
|
@@ -14,6 +14,9 @@ export const DocsPanel = () => {
|
|
|
14
14
|
const {
|
|
15
15
|
tabIndex
|
|
16
16
|
} = useAppHeaderSectionContext();
|
|
17
|
+
const {
|
|
18
|
+
handleClose
|
|
19
|
+
} = useAppHeaderDropdownContext();
|
|
17
20
|
const description = /*#__PURE__*/_jsxs(_Fragment, {
|
|
18
21
|
children: [/*#__PURE__*/_jsx(Box, {
|
|
19
22
|
mb: 8,
|
|
@@ -21,12 +24,15 @@ export const DocsPanel = () => {
|
|
|
21
24
|
}), "Interested in helping build it?", ' ', /*#__PURE__*/_jsx(Anchor, {
|
|
22
25
|
tabIndex: tabIndex,
|
|
23
26
|
href: "/pages/contribute-docs",
|
|
24
|
-
onClick: event =>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
onClick: event => {
|
|
28
|
+
globalHeaderItemClick(event, {
|
|
29
|
+
type: 'link',
|
|
30
|
+
href: '/pages/contribute-docs',
|
|
31
|
+
text: 'Contribute to Docs',
|
|
32
|
+
id: 'contribute-to-docs'
|
|
33
|
+
});
|
|
34
|
+
handleClose();
|
|
35
|
+
},
|
|
30
36
|
children: "Contribute to Docs"
|
|
31
37
|
})]
|
|
32
38
|
});
|
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AppHeaderLinkItem
|
|
3
|
-
export type NavSectionConfig = {
|
|
4
|
-
item: AppHeaderResourcesDropdownItem;
|
|
5
|
-
panel: React.ComponentType<{
|
|
6
|
-
tabIndex?: number;
|
|
7
|
-
}>;
|
|
8
|
-
};
|
|
9
|
-
export declare const RESOURCES_NAV_SECTIONS: NavSectionConfig[];
|
|
2
|
+
import { AppHeaderLinkItem } from '../../shared';
|
|
10
3
|
export declare const docsLinks: AppHeaderLinkItem[];
|
|
11
4
|
export type AppHeaderCardItem = {
|
|
12
5
|
linkItem: AppHeaderLinkItem;
|
|
@@ -1,44 +1,6 @@
|
|
|
1
|
-
import { ArticleIcon, BriefcaseIcon,
|
|
1
|
+
import { ArticleIcon, BriefcaseIcon, CIcon, CommentsIcon, ComputerScienceIcon, CPlusIcon, GameDevelopmentIcon, GaugeDashboardIcon, GitIcon, GoIcon, HtmlCssIcon, InfoCircleIcon, JavaIcon, JavascriptIcon, LearnIcon, MarkdownIcon, NotebookIcon, PeopleIcon, PhpIcon, ProgrammingBrowserIcon, ProjectsIcon, PythonIcon, ReactIcon, SearchIcon, SqlIcon, SwiftIcon, TerminalIcon, TypescriptIcon, VideoPlayerMovieIcon } from '@codecademy/gamut-icons';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { DocsPanel, InspirationPanel, LearningToolsPanel, PracticeToolsPanel } from './NavPanels';
|
|
4
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
export const RESOURCES_NAV_SECTIONS = [{
|
|
6
|
-
item: {
|
|
7
|
-
icon: FileIcon,
|
|
8
|
-
text: 'Docs',
|
|
9
|
-
id: 'docs',
|
|
10
|
-
type: 'resources-dropdown',
|
|
11
|
-
trackingTarget: 'topnav_resources_tab_docs'
|
|
12
|
-
},
|
|
13
|
-
panel: DocsPanel
|
|
14
|
-
}, {
|
|
15
|
-
item: {
|
|
16
|
-
icon: RulerTriangleIcon,
|
|
17
|
-
text: 'Learning tools',
|
|
18
|
-
id: 'learning-tools',
|
|
19
|
-
type: 'resources-dropdown',
|
|
20
|
-
trackingTarget: 'topnav_resources_tab_learning_tools'
|
|
21
|
-
},
|
|
22
|
-
panel: LearningToolsPanel
|
|
23
|
-
}, {
|
|
24
|
-
item: {
|
|
25
|
-
icon: HammerWrenchIcon,
|
|
26
|
-
text: 'Practice tools',
|
|
27
|
-
id: 'practice-tools',
|
|
28
|
-
type: 'resources-dropdown',
|
|
29
|
-
trackingTarget: 'topnav_resources_tab_practice_tools'
|
|
30
|
-
},
|
|
31
|
-
panel: PracticeToolsPanel
|
|
32
|
-
}, {
|
|
33
|
-
item: {
|
|
34
|
-
icon: BulbIcon,
|
|
35
|
-
text: 'Inspiration',
|
|
36
|
-
id: 'inspiration',
|
|
37
|
-
type: 'resources-dropdown',
|
|
38
|
-
trackingTarget: 'topnav_resources_tab_inspiration'
|
|
39
|
-
},
|
|
40
|
-
panel: InspirationPanel
|
|
41
|
-
}];
|
|
42
4
|
export const docsLinks = [{
|
|
43
5
|
id: 'c',
|
|
44
6
|
href: '/resources/docs/c',
|
|
@@ -11,11 +11,11 @@ import { AppHeaderDropdownNavButton } from '../AppHeaderNavButton/AppHeaderDropd
|
|
|
11
11
|
import { useAppHeaderContext } from '../AppHeaderProvider';
|
|
12
12
|
import { AppHeaderResourcesSection } from '../AppHeaderResourcesSection';
|
|
13
13
|
import { AppHeaderSection } from '../AppHeaderSection';
|
|
14
|
-
import {
|
|
14
|
+
import { RESOURCES_TAB_SECTIONS } from './tabConfig';
|
|
15
15
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
16
|
const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDropdown, {
|
|
17
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 !== '
|
|
18
|
+
shouldForwardProp: prop => prop !== 'isAnon' && prop !== 'narrowResourceDropdownPosition' && prop !== 'wideResourceDropdownPosition',
|
|
19
19
|
target: "ekdg1bw0",
|
|
20
20
|
label: "StyledAnimatedMegaMenuDropdown"
|
|
21
21
|
})("left:", ({
|
|
@@ -32,7 +32,7 @@ const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDrop
|
|
|
32
32
|
}) => {
|
|
33
33
|
if (displayGlobalNavRedesign) return wideResourceDropdownPosition;
|
|
34
34
|
return isAnon ? '-14.5rem' : '-19.5rem';
|
|
35
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yTW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXInO1xuaW1wb3J0IHtcbiAgRHJvcGRvd25Qb3NpdGlvbnMsXG4gIHVzZUhlYWRlckRpc3BsYXlDb250ZXh0LFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBnZXRIZWFkZXJSZXNvdXJjZXNMaXN0IH0gZnJvbSAnLi4vLi4vLi4vbGliL3Jlc291cmNlc0xpc3QnO1xuaW1wb3J0IHtcbiAgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duLFxuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXIgfSBmcm9tICcuLi9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyTmF2QnV0dG9uL0FwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJQcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJSZXNvdXJjZXNTZWN0aW9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyUmVzb3VyY2VzU2VjdGlvbic7XG5pbXBvcnQgeyBBcHBIZWFkZXJTZWN0aW9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyU2VjdGlvbic7XG5pbXBvcnQgeyBSRVNPVVJDRVNfVEFCX1NFQ1RJT05TIH0gZnJvbSAnLi90YWJDb25maWcnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW06IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgaXNBbm9uOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gc3R5bGVkKEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biwge1xuICAvLyBwcmV2ZW50IHRoZSBpc0Fub24gYW5kIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiBwcm9wcyBmcm9tIGJlaW5nIHBhc3NlZCB0byB0aGUgRE9NIGVsZW1lbnQsIHdoaWNoIHdvdWxkIGNhdXNlIGEgUmVhY3Qgd2FybmluZy5cbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PlxuICAgIHByb3AgIT09ICdpc0Fub24nICYmXG4gICAgcHJvcCAhPT0gJ25hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbicgJiZcbiAgICBwcm9wICE9PSAnd2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbicsXG59KTx7XG4gIGlzQW5vbjogYm9vbGVhbjtcbiAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduOiBib29sZWFuO1xuICBuYXJyb3dSZXNvdXJjZURyb3Bkb3duUG9zaXRpb246IHN0cmluZztcbiAgd2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbjogc3RyaW5nO1xufT5gXG4gIGxlZnQ6ICR7KHtcbiAgICBpc0Fub24sXG4gICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduLFxuICAgIG5hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbixcbiAgfSkgPT4ge1xuICAgIGlmIChkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24pIHJldHVybiBuYXJyb3dSZXNvdXJjZURyb3Bkb3duUG9zaXRpb247XG4gICAgcmV0dXJuIGlzQW5vbiA/ICctMTQuNXJlbScgOiAnLTE5LjVyZW0nO1xuICB9fTtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogMTI2MXB4KSB7XG4gICAgbGVmdDogJHsoe1xuICAgICAgaXNBbm9uLFxuICAgICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduLFxuICAgICAgd2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbixcbiAgICB9KSA9PiB7XG4gICAgICBpZiAoZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduKSByZXR1cm4gd2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbjtcbiAgICAgIHJldHVybiBpc0Fub24gPyAnLTE0LjVyZW0nIDogJy0xOS41cmVtJztcbiAgICB9fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duOiBSZWFjdC5GQzxcbiAgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzXG4+ID0gKHsgYWN0aW9uLCBpdGVtLCBpc0Fub24gfSkgPT4ge1xuICBjb25zdCB7IHRleHQgfSA9IGl0ZW07XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBkcm9wZG93blJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IGxhc3RPcGVuZWREcm9wZG93biwgc2V0TGFzdE9wZW5lZERyb3Bkb3duIH0gPSB1c2VBcHBIZWFkZXJDb250ZXh0KCk7XG4gIGNvbnN0IHsgaGVhZGVyVHlwZSB9ID0gdXNlSGVhZGVyRGlzcGxheUNvbnRleHQoKTtcbiAgY29uc3QgeyByZXNvdXJjZURyb3Bkb3duIH0gPSBEcm9wZG93blBvc2l0aW9uc1toZWFkZXJUeXBlXTtcbiAgY29uc3QgbmFycm93UmVzb3VyY2VEcm9wZG93blBvc2l0aW9uID0gcmVzb3VyY2VEcm9wZG93bi5uYXJyb3c7XG4gIGNvbnN0IHdpZGVSZXNvdXJjZURyb3Bkb3duUG9zaXRpb24gPSByZXNvdXJjZURyb3Bkb3duLndpZGU7XG5cbiAgY29uc3QgaGVhZGVyUmVzb3VyY2VzTGlzdCA9IGdldEhlYWRlclJlc291cmNlc0xpc3QoKTtcblxuICBjb25zdCBhbmltYXRpb25GaW5pc2hlZCA9ICgpID0+IHtcbiAgICBpZiAoaXNPcGVuICYmIGRyb3Bkb3duUmVmLmN1cnJlbnQpIHtcbiAgICAgIGRyb3Bkb3duUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgdG9nZ2xlSXNPcGVuID0gKCkgPT4gc2V0SXNPcGVuKChwcmV2KSA9PiAhcHJldik7XG5cbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIHRvZ2dsZUlzT3BlbigpO1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBhY3Rpb24oZXZlbnQsIGl0ZW0pO1xuICAgICAgaWYgKHNldExhc3RPcGVuZWREcm9wZG93bikge1xuICAgICAgICBzZXRMYXN0T3BlbmVkRHJvcGRvd24odGV4dCk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgYnV0dG9uUmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICB9LCBbXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobGFzdE9wZW5lZERyb3Bkb3duICE9PSB0ZXh0ICYmIGlzT3Blbikge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbGFzdE9wZW5lZERyb3Bkb3duXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGlja091dHNpZGUoZXZlbnQ6IE1vdXNlRXZlbnQgfCBFdmVudCkge1xuICAgICAgY29uc3QgY29udGFpbmVyID0gY29udGFpbmVyUmVmPy5jdXJyZW50O1xuICAgICAgY29uc3QgYnV0dG9uID0gYnV0dG9uUmVmPy5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgY29udGFpbmVyICYmXG4gICAgICAgICFjb250YWluZXIuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgICAgIGJ1dHRvbiAmJlxuICAgICAgICAhYnV0dG9uLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtjb250YWluZXJSZWYsIGhhbmRsZUNsb3NlLCBpc09wZW5dKTtcblxuICBjb25zdCBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPSB1c2VDb250ZXh0KEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCk7XG5cbiAgcmV0dXJuIChcbiAgICA8QXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9PlxuICAgICAgPEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uXG4gICAgICAgIGJ1dHRvblJlZj17YnV0dG9uUmVmfVxuICAgICAgICBoYW5kbGVPbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgdGl0bGU9e3RleHR9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93blxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgaXNBbm9uPXtpc0Fub259XG4gICAgICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbj17ZGlzcGxheUdsb2JhbE5hdlJlZGVzaWdufVxuICAgICAgICBuYXJyb3dSZXNvdXJjZURyb3Bkb3duUG9zaXRpb249e25hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbn1cbiAgICAgICAgd2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbj17d2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbn1cbiAgICAgICAgdGFiSW5kZXg9ey0xfSAvLyBwcmV2ZW50IGZyb20gaW50ZXJmZXJpbmcgd2l0aCBBcHBIZWFkZXIgZm9jdXMgbG9naWNcbiAgICAgICAgcmVmPXtkcm9wZG93blJlZn1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICB0b3A6ICczLjVyZW0nLFxuICAgICAgICAgIG1pbldpZHRoOiAnNjRyZW0nLFxuICAgICAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgICAgIG1heEhlaWdodDogJzg1dmgnLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gJ3RyYW5zcGFyZW50JyA6ICcnLFxuICAgICAgICB9fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInJlc291cmNlcy1tZW51LWRyb3Bkb3duXCJcbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17YW5pbWF0aW9uRmluaXNoZWR9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAoXG4gICAgICAgICAgPENvbG9yTW9kZSBtb2RlPVwibGlnaHRcIj5cbiAgICAgICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgICByZWY9e2NvbnRhaW5lclJlZn1cbiAgICAgICAgICAgICAgaGFuZGxlQ2xvc2U9eygpID0+IHNldElzT3BlbihmYWxzZSl9XG4gICAgICAgICAgICAgIHR5cGU9XCJyZXNvdXJjZXMtZHJvcGRvd25cIlxuICAgICAgICAgICAgICB0YWJTZWN0aW9ucz17UkVTT1VSQ0VTX1RBQl9TRUNUSU9OU31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db2xvck1vZGU+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPEFwcEhlYWRlclJlc291cmNlc1NlY3Rpb25cbiAgICAgICAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICBpZD17YG1lbnUtY29udGFpbmVyJHtpdGVtLnRleHR9YH1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgaGFuZGxlQ2xvc2U9eygpID0+IHNldElzT3BlbihmYWxzZSl9XG4gICAgICAgICAgICByZXNvdXJjZXM9e2hlYWRlclJlc291cmNlc0xpc3R9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duPlxuICAgIDwvQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */"));
|
|
36
36
|
export const AppHeaderResourcesDropdown = ({
|
|
37
37
|
action,
|
|
38
38
|
item,
|
|
@@ -57,12 +57,8 @@ export const AppHeaderResourcesDropdown = ({
|
|
|
57
57
|
} = DropdownPositions[headerType];
|
|
58
58
|
const narrowResourceDropdownPosition = resourceDropdown.narrow;
|
|
59
59
|
const wideResourceDropdownPosition = resourceDropdown.wide;
|
|
60
|
-
|
|
61
|
-
// Add scrollbar for short screens after transition (otherwise scrollbar appears and dissapears for adequate heights during transition)
|
|
62
|
-
const [animationCompleteStyles, setAnimationCompleteStyles] = useState(false);
|
|
63
60
|
const headerResourcesList = getHeaderResourcesList();
|
|
64
61
|
const animationFinished = () => {
|
|
65
|
-
setAnimationCompleteStyles(isOpen);
|
|
66
62
|
if (isOpen && dropdownRef.current) {
|
|
67
63
|
dropdownRef.current.scrollTop = 0;
|
|
68
64
|
}
|
|
@@ -111,6 +107,7 @@ export const AppHeaderResourcesDropdown = ({
|
|
|
111
107
|
isOpen: isOpen,
|
|
112
108
|
title: text
|
|
113
109
|
}), /*#__PURE__*/_jsx(StyledAnimatedMegaMenuDropdown, {
|
|
110
|
+
isOpen: isOpen,
|
|
114
111
|
isAnon: isAnon,
|
|
115
112
|
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
116
113
|
narrowResourceDropdownPosition: narrowResourceDropdownPosition,
|
|
@@ -122,21 +119,9 @@ export const AppHeaderResourcesDropdown = ({
|
|
|
122
119
|
top: '3.5rem',
|
|
123
120
|
minWidth: '64rem',
|
|
124
121
|
overflowY: 'auto',
|
|
125
|
-
maxHeight:
|
|
122
|
+
maxHeight: '85vh',
|
|
126
123
|
backgroundColor: displayGlobalNavRedesign ? 'transparent' : ''
|
|
127
124
|
},
|
|
128
|
-
initial: {
|
|
129
|
-
borderWidth: 0,
|
|
130
|
-
height: 0
|
|
131
|
-
},
|
|
132
|
-
animate: {
|
|
133
|
-
borderWidth: isOpen ? displayGlobalNavRedesign ? 0 : 1 : 0,
|
|
134
|
-
height: isOpen ? 'fit-content' : 0
|
|
135
|
-
},
|
|
136
|
-
transition: {
|
|
137
|
-
duration: 0.175
|
|
138
|
-
},
|
|
139
|
-
"aria-hidden": !isOpen,
|
|
140
125
|
"data-testid": "resources-menu-dropdown",
|
|
141
126
|
onAnimationComplete: animationFinished,
|
|
142
127
|
children: displayGlobalNavRedesign ? /*#__PURE__*/_jsx(ColorMode, {
|
|
@@ -144,9 +129,9 @@ export const AppHeaderResourcesDropdown = ({
|
|
|
144
129
|
children: /*#__PURE__*/_jsx(AppHeaderSection, {
|
|
145
130
|
isOpen: isOpen,
|
|
146
131
|
ref: containerRef,
|
|
147
|
-
navSections: RESOURCES_NAV_SECTIONS,
|
|
148
132
|
handleClose: () => setIsOpen(false),
|
|
149
|
-
type: "resources-dropdown"
|
|
133
|
+
type: "resources-dropdown",
|
|
134
|
+
tabSections: RESOURCES_TAB_SECTIONS
|
|
150
135
|
})
|
|
151
136
|
}) : /*#__PURE__*/_jsx(AppHeaderResourcesSection, {
|
|
152
137
|
action: action,
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { BulbIcon, FileIcon, HammerWrenchIcon, RulerTriangleIcon } from '@codecademy/gamut-icons';
|
|
2
|
+
import { DocsPanel, InspirationPanel, LearningToolsPanel, PracticeToolsPanel } from './NavPanels';
|
|
3
|
+
export const RESOURCES_TAB_SECTIONS = [{
|
|
4
|
+
item: {
|
|
5
|
+
id: 'docs',
|
|
6
|
+
text: 'Docs',
|
|
7
|
+
type: 'resources-dropdown',
|
|
8
|
+
trackingTarget: 'topnav_resources_tab_docs',
|
|
9
|
+
icon: FileIcon
|
|
10
|
+
},
|
|
11
|
+
panel: DocsPanel
|
|
12
|
+
}, {
|
|
13
|
+
item: {
|
|
14
|
+
id: 'learning-tools',
|
|
15
|
+
text: 'Learning tools',
|
|
16
|
+
type: 'resources-dropdown',
|
|
17
|
+
trackingTarget: 'topnav_resources_tab_learning_tools',
|
|
18
|
+
icon: RulerTriangleIcon
|
|
19
|
+
},
|
|
20
|
+
panel: LearningToolsPanel
|
|
21
|
+
}, {
|
|
22
|
+
item: {
|
|
23
|
+
id: 'practice-tools',
|
|
24
|
+
text: 'Practice tools',
|
|
25
|
+
type: 'resources-dropdown',
|
|
26
|
+
trackingTarget: 'topnav_resources_tab_practice_tools',
|
|
27
|
+
icon: HammerWrenchIcon
|
|
28
|
+
},
|
|
29
|
+
panel: PracticeToolsPanel
|
|
30
|
+
}, {
|
|
31
|
+
item: {
|
|
32
|
+
id: 'inspiration',
|
|
33
|
+
text: 'Inspiration',
|
|
34
|
+
type: 'resources-dropdown',
|
|
35
|
+
trackingTarget: 'topnav_resources_tab_inspiration',
|
|
36
|
+
icon: BulbIcon
|
|
37
|
+
},
|
|
38
|
+
panel: InspirationPanel
|
|
39
|
+
}];
|