@codecademy/brand 3.24.0-alpha.220c7e7b4e.0 → 3.24.0-alpha.5ef6a6e052.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.d.ts +0 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js +10 -30
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/elements.d.ts +8 -46
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdown/index.js +20 -36
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderDropdownLink.js +1 -4
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderMenuItem.js +1 -4
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.d.ts +4 -41
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.js +2 -4
- package/dist/AppHeader/AppHeaderElements/AppHeaderLink/index.d.ts +3 -40
- package/dist/AppHeader/AppHeaderElements/AppHeaderLink/index.js +16 -30
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +0 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.d.ts +0 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.js +10 -31
- package/dist/AppHeader/AppHeaderElements/AppHeaderSkillTile/index.js +2 -2
- package/dist/AppHeader/index.d.ts +0 -1
- package/dist/AppHeader/index.js +0 -2
- package/dist/AppHeader/shared/elements.d.ts +3 -22
- package/dist/AppHeader/shared/utils.d.ts +1 -2
- package/dist/AppHeader/shared/utils.js +2 -5
- package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.ts +0 -1
- package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js +11 -18
- package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts +0 -1
- package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js +19 -76
- package/dist/AppHeaderMobile/index.js +10 -38
- package/dist/GlobalHeader/index.d.ts +0 -1
- package/dist/GlobalHeader/index.js +46 -51
- package/dist/GlobalHeader/types.d.ts +0 -1
- package/dist/LayoutMenu/LayoutMenu.js +20 -40
- package/dist/LayoutMenu/LayoutMenuSection.js +0 -5
- package/package.json +1 -1
|
@@ -2,6 +2,5 @@ import * as React from 'react';
|
|
|
2
2
|
import { AppHeaderAction, AppHeaderCatalogDropdownItem } from '../../shared';
|
|
3
3
|
export type AppHeaderCatalogDropdownProps = AppHeaderAction & {
|
|
4
4
|
item: AppHeaderCatalogDropdownItem;
|
|
5
|
-
isAnon: boolean;
|
|
6
5
|
};
|
|
7
6
|
export declare const AppHeaderCatalogDropdown: React.FC<AppHeaderCatalogDropdownProps>;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { ColorMode } from '@codecademy/gamut-styles';
|
|
3
|
-
import { useCallback,
|
|
3
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import { GlobalNavRedesignContext } from '../../../GlobalHeader';
|
|
6
5
|
import { DropdownPositions, useHeaderDisplayContext } from '../../../GlobalHeader/context';
|
|
7
6
|
import { AnimatedMegaMenuDropdown } from '../../shared';
|
|
8
|
-
import { AppHeaderCatalogSection } from '../AppHeaderCatalogSection';
|
|
9
7
|
import { AppHeaderDropdownProvider } from '../AppHeaderDropdownProvider';
|
|
10
8
|
import { AppHeaderDropdownNavButton } from '../AppHeaderNavButton/AppHeaderDropdownNavButton';
|
|
11
9
|
import { useAppHeaderContext } from '../AppHeaderProvider';
|
|
@@ -14,29 +12,22 @@ import { CATALOG_NAV_SECTIONS } from './consts';
|
|
|
14
12
|
import { MarketingBanner } from './MarketingBanner';
|
|
15
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
14
|
const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDropdown, {
|
|
17
|
-
// prevent the
|
|
18
|
-
shouldForwardProp: prop => prop !== '
|
|
15
|
+
// prevent the props from being passed to the DOM element, which would cause a React warning.
|
|
16
|
+
shouldForwardProp: prop => prop !== 'narrowCatalogDropdownPosition' && prop !== 'wideCatalogDropdownPosition',
|
|
19
17
|
target: "eaa3s9f0",
|
|
20
18
|
label: "StyledAnimatedMegaMenuDropdown"
|
|
21
19
|
})("left:", ({
|
|
22
|
-
isAnon,
|
|
23
|
-
displayGlobalNavRedesign,
|
|
24
20
|
narrowCatalogDropdownPosition
|
|
25
21
|
}) => {
|
|
26
|
-
|
|
27
|
-
return isAnon ? '-9rem' : '-14rem';
|
|
22
|
+
return narrowCatalogDropdownPosition;
|
|
28
23
|
}, ";@media (min-width: 1261px){left:", ({
|
|
29
|
-
isAnon,
|
|
30
|
-
displayGlobalNavRedesign,
|
|
31
24
|
wideCatalogDropdownPosition
|
|
32
25
|
}) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3JNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlcic7XG5pbXBvcnQge1xuICBEcm9wZG93blBvc2l0aW9ucyxcbiAgdXNlSGVhZGVyRGlzcGxheUNvbnRleHQsXG59IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcbmltcG9ydCB7XG4gIEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93bixcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24gfSBmcm9tICcuLi9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbic7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93bk5hdkJ1dHRvbiB9IGZyb20gJy4uL0FwcEhlYWRlck5hdkJ1dHRvbi9BcHBIZWFkZXJEcm9wZG93bk5hdkJ1dHRvbic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJDb250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyU2VjdGlvbiB9IGZyb20gJy4uL0FwcEhlYWRlclNlY3Rpb24nO1xuaW1wb3J0IHsgQ0FUQUxPR19OQVZfU0VDVElPTlMgfSBmcm9tICcuL2NvbnN0cyc7XG5pbXBvcnQgeyBNYXJrZXRpbmdCYW5uZXIgfSBmcm9tICcuL01hcmtldGluZ0Jhbm5lcic7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtO1xuICBpc0Fub246IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24gPSBzdHlsZWQoQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duLCB7XG4gIC8vIHByZXZlbnQgdGhlIGlzQW5vbiBhbmQgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduIHByb3BzIGZyb20gYmVpbmcgcGFzc2VkIHRvIHRoZSBET00gZWxlbWVudCwgd2hpY2ggd291bGQgY2F1c2UgYSBSZWFjdCB3YXJuaW5nLlxuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+XG4gICAgcHJvcCAhPT0gJ2lzQW5vbicgJiZcbiAgICBwcm9wICE9PSAnZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduJyAmJlxuICAgIHByb3AgIT09ICduYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbicgJiZcbiAgICBwcm9wICE9PSAnd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uJyxcbn0pPHtcbiAgaXNBbm9uOiBib29sZWFuO1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG4gIG5hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9uOiBzdHJpbmc7XG4gIHdpZGVDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbjogc3RyaW5nO1xufT5gXG4gIGxlZnQ6ICR7KHtcbiAgICBpc0Fub24sXG4gICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduLFxuICAgIG5hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9uLFxuICB9KSA9PiB7XG4gICAgaWYgKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbikgcmV0dXJuIG5hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9uO1xuICAgIHJldHVybiBpc0Fub24gPyAnLTlyZW0nIDogJy0xNHJlbSc7XG4gIH19O1xuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjYxcHgpIHtcbiAgICBsZWZ0OiAkeyh7XG4gICAgICBpc0Fub24sXG4gICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24sXG4gICAgICB3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb24sXG4gICAgfSkgPT4ge1xuICAgICAgaWYgKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbikgcmV0dXJuIHdpZGVDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbjtcbiAgICAgIHJldHVybiBpc0Fub24gPyAnLTlyZW0nIDogJy0xNHJlbSc7XG4gICAgfX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd246IFJlYWN0LkZDPFxuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbSwgaXNBbm9uIH0pID0+IHtcbiAgY29uc3QgeyB0ZXh0IH0gPSBpdGVtO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgZHJvcGRvd25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBsYXN0T3BlbmVkRHJvcGRvd24sIHNldExhc3RPcGVuZWREcm9wZG93biB9ID0gdXNlQXBwSGVhZGVyQ29udGV4dCgpO1xuICBjb25zdCB7IGhlYWRlclR5cGUgfSA9IHVzZUhlYWRlckRpc3BsYXlDb250ZXh0KCk7XG4gIGNvbnN0IHsgY2F0YWxvZ0Ryb3Bkb3duIH0gPSBEcm9wZG93blBvc2l0aW9uc1toZWFkZXJUeXBlXTtcbiAgY29uc3QgbmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb24gPSBjYXRhbG9nRHJvcGRvd24ubmFycm93O1xuICBjb25zdCB3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb24gPSBjYXRhbG9nRHJvcGRvd24ud2lkZTtcblxuICAvLyBBZGQgc2Nyb2xsYmFyIGZvciBzaG9ydCBzY3JlZW5zIGFmdGVyIHRyYW5zaXRpb24gKG90aGVyd2lzZSBzY3JvbGxiYXIgYXBwZWFycyBhbmQgZGlzc2FwZWFycyBmb3IgYWRlcXVhdGUgaGVpZ2h0cyBkdXJpbmcgdHJhbnNpdGlvbilcbiAgY29uc3QgW2FuaW1hdGlvbkNvbXBsZXRlU3R5bGVzLCBzZXRBbmltYXRpb25Db21wbGV0ZVN0eWxlc10gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgYW5pbWF0aW9uRmluaXNoZWQgPSAoKSA9PiB7XG4gICAgc2V0QW5pbWF0aW9uQ29tcGxldGVTdHlsZXMoaXNPcGVuKTtcbiAgICBpZiAoaXNPcGVuICYmIGRyb3Bkb3duUmVmLmN1cnJlbnQpIHtcbiAgICAgIGRyb3Bkb3duUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgZm9jdXNCdXR0b24gPSAoKSA9PiB7XG4gICAgYnV0dG9uUmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICB9O1xuXG4gIGNvbnN0IHRvZ2dsZUlzT3BlbiA9ICgpID0+IHNldElzT3BlbigocHJldikgPT4gIXByZXYpO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICB0b2dnbGVJc09wZW4oKTtcblxuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBhY3Rpb24oZXZlbnQsIGl0ZW0pO1xuICAgICAgaWYgKHNldExhc3RPcGVuZWREcm9wZG93bikge1xuICAgICAgICBzZXRMYXN0T3BlbmVkRHJvcGRvd24odGV4dCk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgZm9jdXNCdXR0b24oKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxhc3RPcGVuZWREcm9wZG93biAhPT0gdGV4dCAmJiBpc09wZW4pIHtcbiAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2xhc3RPcGVuZWREcm9wZG93bl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50OiBNb3VzZUV2ZW50IHwgRXZlbnQpIHtcbiAgICAgIGNvbnN0IGNvbnRhaW5lciA9IGNvbnRhaW5lclJlZj8uY3VycmVudDtcbiAgICAgIGNvbnN0IGJ1dHRvbiA9IGJ1dHRvblJlZj8uY3VycmVudDtcbiAgICAgIGlmIChcbiAgICAgICAgaXNPcGVuICYmXG4gICAgICAgIGNvbnRhaW5lciAmJlxuICAgICAgICAhY29udGFpbmVyLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSAmJlxuICAgICAgICBidXR0b24gJiZcbiAgICAgICAgIWJ1dHRvbi5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgICAgICkge1xuICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICB9O1xuICB9LCBbY29udGFpbmVyUmVmLCBoYW5kbGVDbG9zZSwgaXNPcGVuXSk7XG4gIGNvbnN0IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA9IHVzZUNvbnRleHQoR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0KTtcblxuICByZXR1cm4gKFxuICAgIDxBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZX0+XG4gICAgICA8QXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b25cbiAgICAgICAgYnV0dG9uUmVmPXtidXR0b25SZWZ9XG4gICAgICAgIGhhbmRsZU9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICB0aXRsZT17dGV4dH1cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duXG4gICAgICAgIGlzQW5vbj17aXNBbm9ufVxuICAgICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ249e2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbn1cbiAgICAgICAgbmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb249e25hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9ufVxuICAgICAgICB3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb249e3dpZGVDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbn1cbiAgICAgICAgdGFiSW5kZXg9ey0xfSAvLyBwcmV2ZW50IGZyb20gaW50ZXJmZXJpbmcgd2l0aCBBcHBIZWFkZXIgZm9jdXMgbG9naWNcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICB0b3A6ICczLjVyZW0nLFxuICAgICAgICAgIG1pbldpZHRoOiAnNjRyZW0nLFxuICAgICAgICAgIG92ZXJmbG93WTogZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gJ2F1dG8nIDogJ2hpZGRlbicsXG4gICAgICAgICAgbWF4SGVpZ2h0OiBhbmltYXRpb25Db21wbGV0ZVN0eWxlcyA/ICc4NXZoJyA6IDAsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAndHJhbnNwYXJlbnQnIDogJycsXG4gICAgICAgIH19XG4gICAgICAgIGluaXRpYWw9e3sgYm9yZGVyV2lkdGg6IDAsIGhlaWdodDogMCB9fVxuICAgICAgICBhbmltYXRlPXt7XG4gICAgICAgICAgYm9yZGVyV2lkdGg6IGlzT3BlbiA/IChkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAwIDogMSkgOiAwLFxuICAgICAgICAgIGhlaWdodDogaXNPcGVuID8gJ2ZpdC1jb250ZW50JyA6IDAsXG4gICAgICAgIH19XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTc1IH19XG4gICAgICAgIGFyaWEtaGlkZGVuPXshaXNPcGVufVxuICAgICAgICBkYXRhLXRlc3RpZD1cImNhdGFsb2ctbWVudS1kcm9wZG93blwiXG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9e2FuaW1hdGlvbkZpbmlzaGVkfVxuICAgICAgICByZWY9e2Ryb3Bkb3duUmVmfVxuICAgICAgPlxuICAgICAgICB7ZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gKFxuICAgICAgICAgIDxDb2xvck1vZGUgbW9kZT1cImxpZ2h0XCI+XG4gICAgICAgICAgICA8QXBwSGVhZGVyU2VjdGlvblxuICAgICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICAgIG5hdlNlY3Rpb25zPXtDQVRBTE9HX05BVl9TRUNUSU9OU31cbiAgICAgICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgICAgIGhhbmRsZUNsb3NlPXsoKSA9PiBzZXRJc09wZW4oZmFsc2UpfVxuICAgICAgICAgICAgICB0eXBlPVwiY2F0YWxvZy1kcm9wZG93blwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQ29sb3JNb2RlPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxBcHBIZWFkZXJDYXRhbG9nU2VjdGlvblxuICAgICAgICAgICAgYWN0aW9uPXthY3Rpb259XG4gICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICBpZD17YG1lbnUtY29udGFpbmVyJHtpdGVtLnRleHR9YH1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgaGFuZGxlQ2xvc2U9eygpID0+IHNldElzT3BlbihmYWxzZSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duPlxuICAgIDwvQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */"));
|
|
26
|
+
return wideCatalogDropdownPosition;
|
|
27
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3JNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIERyb3Bkb3duUG9zaXRpb25zLFxuICB1c2VIZWFkZXJEaXNwbGF5Q29udGV4dCxcbn0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duLFxuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93bk5hdkJ1dHRvbiB9IGZyb20gJy4uL0FwcEhlYWRlck5hdkJ1dHRvbi9BcHBIZWFkZXJEcm9wZG93bk5hdkJ1dHRvbic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJDb250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyU2VjdGlvbiB9IGZyb20gJy4uL0FwcEhlYWRlclNlY3Rpb24nO1xuaW1wb3J0IHsgQ0FUQUxPR19OQVZfU0VDVElPTlMgfSBmcm9tICcuL2NvbnN0cyc7XG5pbXBvcnQgeyBNYXJrZXRpbmdCYW5uZXIgfSBmcm9tICcuL01hcmtldGluZ0Jhbm5lcic7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtO1xufTtcblxuY29uc3QgU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gc3R5bGVkKEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biwge1xuICAvLyBwcmV2ZW50IHRoZSBwcm9wcyBmcm9tIGJlaW5nIHBhc3NlZCB0byB0aGUgRE9NIGVsZW1lbnQsIHdoaWNoIHdvdWxkIGNhdXNlIGEgUmVhY3Qgd2FybmluZy5cbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PlxuICAgIHByb3AgIT09ICduYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbicgJiZcbiAgICBwcm9wICE9PSAnd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uJyxcbn0pPHtcbiAgbmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb246IHN0cmluZztcbiAgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uOiBzdHJpbmc7XG59PmBcbiAgbGVmdDogJHsoeyBuYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbiB9KSA9PiB7XG4gICAgcmV0dXJuIG5hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9uO1xuICB9fTtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogMTI2MXB4KSB7XG4gICAgbGVmdDogJHsoeyB3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb24gfSkgPT4ge1xuICAgICAgcmV0dXJuIHdpZGVDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbjtcbiAgICB9fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bjogUmVhY3QuRkM8XG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzXG4+ID0gKHsgYWN0aW9uLCBpdGVtIH0pID0+IHtcbiAgY29uc3QgeyB0ZXh0IH0gPSBpdGVtO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgZHJvcGRvd25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBsYXN0T3BlbmVkRHJvcGRvd24sIHNldExhc3RPcGVuZWREcm9wZG93biB9ID0gdXNlQXBwSGVhZGVyQ29udGV4dCgpO1xuICBjb25zdCB7IGhlYWRlclR5cGUgfSA9IHVzZUhlYWRlckRpc3BsYXlDb250ZXh0KCk7XG4gIGNvbnN0IHsgY2F0YWxvZ0Ryb3Bkb3duIH0gPSBEcm9wZG93blBvc2l0aW9uc1toZWFkZXJUeXBlXTtcbiAgY29uc3QgbmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb24gPSBjYXRhbG9nRHJvcGRvd24ubmFycm93O1xuICBjb25zdCB3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb24gPSBjYXRhbG9nRHJvcGRvd24ud2lkZTtcblxuICAvLyBBZGQgc2Nyb2xsYmFyIGZvciBzaG9ydCBzY3JlZW5zIGFmdGVyIHRyYW5zaXRpb24gKG90aGVyd2lzZSBzY3JvbGxiYXIgYXBwZWFycyBhbmQgZGlzc2FwZWFycyBmb3IgYWRlcXVhdGUgaGVpZ2h0cyBkdXJpbmcgdHJhbnNpdGlvbilcbiAgY29uc3QgW2FuaW1hdGlvbkNvbXBsZXRlU3R5bGVzLCBzZXRBbmltYXRpb25Db21wbGV0ZVN0eWxlc10gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgYW5pbWF0aW9uRmluaXNoZWQgPSAoKSA9PiB7XG4gICAgc2V0QW5pbWF0aW9uQ29tcGxldGVTdHlsZXMoaXNPcGVuKTtcbiAgICBpZiAoaXNPcGVuICYmIGRyb3Bkb3duUmVmLmN1cnJlbnQpIHtcbiAgICAgIGRyb3Bkb3duUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgZm9jdXNCdXR0b24gPSAoKSA9PiB7XG4gICAgYnV0dG9uUmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICB9O1xuXG4gIGNvbnN0IHRvZ2dsZUlzT3BlbiA9ICgpID0+IHNldElzT3BlbigocHJldikgPT4gIXByZXYpO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICB0b2dnbGVJc09wZW4oKTtcblxuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBhY3Rpb24oZXZlbnQsIGl0ZW0pO1xuICAgICAgaWYgKHNldExhc3RPcGVuZWREcm9wZG93bikge1xuICAgICAgICBzZXRMYXN0T3BlbmVkRHJvcGRvd24odGV4dCk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgZm9jdXNCdXR0b24oKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxhc3RPcGVuZWREcm9wZG93biAhPT0gdGV4dCAmJiBpc09wZW4pIHtcbiAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2xhc3RPcGVuZWREcm9wZG93bl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50OiBNb3VzZUV2ZW50IHwgRXZlbnQpIHtcbiAgICAgIGNvbnN0IGNvbnRhaW5lciA9IGNvbnRhaW5lclJlZj8uY3VycmVudDtcbiAgICAgIGNvbnN0IGJ1dHRvbiA9IGJ1dHRvblJlZj8uY3VycmVudDtcbiAgICAgIGlmIChcbiAgICAgICAgaXNPcGVuICYmXG4gICAgICAgIGNvbnRhaW5lciAmJlxuICAgICAgICAhY29udGFpbmVyLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSAmJlxuICAgICAgICBidXR0b24gJiZcbiAgICAgICAgIWJ1dHRvbi5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgICAgICkge1xuICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICB9O1xuICB9LCBbY29udGFpbmVyUmVmLCBoYW5kbGVDbG9zZSwgaXNPcGVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9PlxuICAgICAgPEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uXG4gICAgICAgIGJ1dHRvblJlZj17YnV0dG9uUmVmfVxuICAgICAgICBoYW5kbGVPbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgdGl0bGU9e3RleHR9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93blxuICAgICAgICBuYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbj17bmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb259XG4gICAgICAgIHdpZGVDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbj17d2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9ufVxuICAgICAgICB0YWJJbmRleD17LTF9IC8vIHByZXZlbnQgZnJvbSBpbnRlcmZlcmluZyB3aXRoIEFwcEhlYWRlciBmb2N1cyBsb2dpY1xuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHRvcDogJzMuNXJlbScsXG4gICAgICAgICAgbWluV2lkdGg6ICc2NHJlbScsXG4gICAgICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXG4gICAgICAgICAgbWF4SGVpZ2h0OiBhbmltYXRpb25Db21wbGV0ZVN0eWxlcyA/ICc4NXZoJyA6IDAsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgICB9fVxuICAgICAgICBpbml0aWFsPXt7IGJvcmRlcldpZHRoOiAwLCBoZWlnaHQ6IDAgfX1cbiAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgIGhlaWdodDogaXNPcGVuID8gJ2ZpdC1jb250ZW50JyA6IDAsXG4gICAgICAgIH19XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTc1IH19XG4gICAgICAgIGFyaWEtaGlkZGVuPXshaXNPcGVufVxuICAgICAgICBkYXRhLXRlc3RpZD1cImNhdGFsb2ctbWVudS1kcm9wZG93blwiXG4gICAgICAgIG9uQW5pbWF0aW9uQ29tcGxldGU9e2FuaW1hdGlvbkZpbmlzaGVkfVxuICAgICAgICByZWY9e2Ryb3Bkb3duUmVmfVxuICAgICAgPlxuICAgICAgICA8Q29sb3JNb2RlIG1vZGU9XCJsaWdodFwiPlxuICAgICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgICAgICAgbmF2U2VjdGlvbnM9e0NBVEFMT0dfTkFWX1NFQ1RJT05TfVxuICAgICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgICBoYW5kbGVDbG9zZT17KCkgPT4gc2V0SXNPcGVuKGZhbHNlKX1cbiAgICAgICAgICAgIHR5cGU9XCJjYXRhbG9nLWRyb3Bkb3duXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0NvbG9yTW9kZT5cbiAgICAgIDwvU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duPlxuICAgIDwvQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */"));
|
|
36
28
|
export const AppHeaderCatalogDropdown = ({
|
|
37
29
|
action,
|
|
38
|
-
item
|
|
39
|
-
isAnon
|
|
30
|
+
item
|
|
40
31
|
}) => {
|
|
41
32
|
const {
|
|
42
33
|
text
|
|
@@ -104,7 +95,6 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
104
95
|
document.removeEventListener('blur', handleClickOutside);
|
|
105
96
|
};
|
|
106
97
|
}, [containerRef, handleClose, isOpen]);
|
|
107
|
-
const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
|
|
108
98
|
return /*#__PURE__*/_jsxs(AppHeaderDropdownProvider, {
|
|
109
99
|
handleClose: handleClose,
|
|
110
100
|
children: [/*#__PURE__*/_jsx(AppHeaderDropdownNavButton, {
|
|
@@ -113,8 +103,6 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
113
103
|
isOpen: isOpen,
|
|
114
104
|
title: text
|
|
115
105
|
}), /*#__PURE__*/_jsx(StyledAnimatedMegaMenuDropdown, {
|
|
116
|
-
isAnon: isAnon,
|
|
117
|
-
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
118
106
|
narrowCatalogDropdownPosition: narrowCatalogDropdownPosition,
|
|
119
107
|
wideCatalogDropdownPosition: wideCatalogDropdownPosition,
|
|
120
108
|
tabIndex: -1 // prevent from interfering with AppHeader focus logic
|
|
@@ -122,16 +110,15 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
122
110
|
style: {
|
|
123
111
|
top: '3.5rem',
|
|
124
112
|
minWidth: '64rem',
|
|
125
|
-
overflowY:
|
|
113
|
+
overflowY: 'auto',
|
|
126
114
|
maxHeight: animationCompleteStyles ? '85vh' : 0,
|
|
127
|
-
backgroundColor:
|
|
115
|
+
backgroundColor: 'transparent'
|
|
128
116
|
},
|
|
129
117
|
initial: {
|
|
130
118
|
borderWidth: 0,
|
|
131
119
|
height: 0
|
|
132
120
|
},
|
|
133
121
|
animate: {
|
|
134
|
-
borderWidth: isOpen ? displayGlobalNavRedesign ? 0 : 1 : 0,
|
|
135
122
|
height: isOpen ? 'fit-content' : 0
|
|
136
123
|
},
|
|
137
124
|
transition: {
|
|
@@ -141,7 +128,7 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
141
128
|
"data-testid": "catalog-menu-dropdown",
|
|
142
129
|
onAnimationComplete: animationFinished,
|
|
143
130
|
ref: dropdownRef,
|
|
144
|
-
children:
|
|
131
|
+
children: /*#__PURE__*/_jsx(ColorMode, {
|
|
145
132
|
mode: "light",
|
|
146
133
|
children: /*#__PURE__*/_jsx(AppHeaderSection, {
|
|
147
134
|
isOpen: isOpen,
|
|
@@ -151,13 +138,6 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
151
138
|
handleClose: () => setIsOpen(false),
|
|
152
139
|
type: "catalog-dropdown"
|
|
153
140
|
})
|
|
154
|
-
}) : /*#__PURE__*/_jsx(AppHeaderCatalogSection, {
|
|
155
|
-
action: action,
|
|
156
|
-
item: item,
|
|
157
|
-
ref: containerRef,
|
|
158
|
-
id: `menu-container${item.text}`,
|
|
159
|
-
isOpen: isOpen,
|
|
160
|
-
handleClose: () => setIsOpen(false)
|
|
161
141
|
})
|
|
162
142
|
})]
|
|
163
143
|
});
|