@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/AppHeader/shared/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":["Anchor","Box","FlexBox","LayoutGrid","Text","ArrowChevronDownFilledIcon","css","pxRem","states","useCurrentMode","styled","AnimatePresence","motion","useReducedMotion","React","AppBar","GradientBackground","appHeaderMobileBreakpoint","animatedPopoverVariants","enter","opacity","transition","duration","exit","useMegaMenuHeaderResponsiveStyles","mode","bg","color","borderColor","AnimatedHeaderZone","children","visible","div","animate","initial","variants","DropdownAnchor","alignItems","display","padding","textAlign","whiteSpace","dropdownStates","open","transform","DropdownIcon","marginLeft","transformOrigin","StyledText","content","fontWeight","height","overflow","visibility","getDropdownAnimations","isOpen","prefersReducedMotion","openState","closedState","ease","BaseDropdown","create","position","MegaMenuBackdrop","zIndex","AnimatedMegaMenuDropdown","forwardRef","props","ref","isAnimating","setIsAnimating","useState","key","top","left","right","bottom","onAnimationComplete","anim","onAnimationStart","AnimatedSimpleDropdown","LayoutGridAntiAliased","DescriptionSectionContainer","outline","StyledAppBar","boxShadow","StyledNavBar","listStyle","margin","width","appHeaderSpacing","standard","enterprise"],"sources":["../../../src/AppHeader/shared/elements.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  FlexBox,\n  LayoutGrid,\n  Text,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { ArrowChevronDownFilledIcon } from '@codecademy/gamut-icons';\nimport {\n  Colors,\n  css,\n  pxRem,\n  states,\n  useCurrentMode,\n} from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n  Variants,\n} from 'framer-motion';\nimport * as React from 'react';\n\nimport { AppBar } from '../../AppBar';\nimport { GradientBackground } from '../AppHeaderElements/AppHeaderSection/elements';\n\nexport const appHeaderMobileBreakpoint = 'lg' as const;\n\nexport interface AnimatedHeaderZoneProps extends WithChildrenProp {\n  visible?: boolean;\n}\n\nconst animatedPopoverVariants: Variants = {\n  enter: { opacity: 1, transition: { duration: 0.2 } },\n  exit: { opacity: 0, transition: { duration: 0.2 } },\n};\n\nexport const useMegaMenuHeaderResponsiveStyles = (): {\n  bg: Colors;\n  borderColor: Colors;\n  color: Colors;\n} => {\n  const mode = useCurrentMode();\n\n  const bg = mode === 'dark' ? 'white' : 'navy-800';\n  const color = mode === 'dark' ? 'navy-900' : 'blue-0';\n\n  return { bg, borderColor: color, color };\n};\n\nexport const AnimatedHeaderZone: React.FC<AnimatedHeaderZoneProps> = ({\n  children,\n  visible,\n}) => {\n  return visible ? (\n    <AnimatePresence>\n      <motion.div\n        animate=\"enter\"\n        exit=\"exit\"\n        initial=\"exit\"\n        variants={animatedPopoverVariants}\n      >\n        {children}\n      </motion.div>\n    </AnimatePresence>\n  ) : null;\n};\n\nexport const DropdownAnchor = styled(Anchor)(\n  css({\n    alignItems: `center`,\n    display: `flex`,\n    padding: `0.5rem 0`,\n    textAlign: `center`,\n    whiteSpace: `nowrap`,\n\n    '&:focus::before': {\n      opacity: 1,\n    },\n  })\n);\n\nconst dropdownStates = states({\n  open: {\n    transform: `rotate(-180deg)`,\n  },\n});\n\nexport const DropdownIcon = styled(ArrowChevronDownFilledIcon)<\n  StyleProps<typeof dropdownStates>\n>(\n  css({\n    marginLeft: pxRem(5),\n    transition: `transform 0.35s ease-out`,\n    transformOrigin: `center ${pxRem(5)}`,\n  }),\n  dropdownStates\n);\n\nexport const StyledText = styled(Text)(\n  css({\n    '&::after': {\n      display: `block`,\n      content: `attr(title)`,\n      fontWeight: `bold`,\n      height: `1px`,\n      color: `transparent`,\n      overflow: `hidden`,\n      visibility: `hidden`,\n    },\n  })\n);\n\nconst getDropdownAnimations = ({\n  isOpen,\n  prefersReducedMotion,\n}: {\n  isOpen: boolean;\n  prefersReducedMotion: boolean | null;\n}) => {\n  const openState = {\n    transform: 'translateY(0)',\n    opacity: 1,\n  };\n  const closedState = {\n    transform: prefersReducedMotion ? 'none' : 'translateY(-8px)',\n    opacity: 0,\n  };\n\n  return {\n    animate: isOpen ? openState : closedState,\n    initial: closedState,\n    transition: {\n      duration: 0.15,\n      ease: 'easeOut',\n    },\n  };\n};\n\nconst BaseDropdown = styled(motion.create('div'))(() =>\n  css({ position: `absolute` })\n);\n\nconst MegaMenuBackdrop = styled(motion.create('div'))(\n  css({\n    position: 'relative',\n    zIndex: -1,\n  })\n);\n\nexport const AnimatedMegaMenuDropdown = React.forwardRef(\n  (\n    {\n      isOpen,\n      ...props\n    }: React.ComponentProps<typeof BaseDropdown> & {\n      isOpen: boolean;\n    },\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [isAnimating, setIsAnimating] = React.useState(false);\n    const prefersReducedMotion = useReducedMotion();\n\n    return (\n      <>\n        <AnimatePresence>\n          {isOpen && (\n            <MegaMenuBackdrop\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.15, ease: 'easeOut' }}\n            >\n              <GradientBackground\n                key=\"dropdown-backdrop\"\n                position=\"fixed\"\n                top=\"0\"\n                left=\"0\"\n                right=\"0\"\n                bottom=\"0\"\n              />\n            </MegaMenuBackdrop>\n          )}\n        </AnimatePresence>\n        {/* the preferred way to animate this would be via AnimatePresence, but it is unclear if\n            keeping closed dropdown content in the DOM has a positive effect on SEO */}\n        <Box display={isOpen || isAnimating ? 'block' : 'none'}>\n          <BaseDropdown\n            key=\"dropdown-content\"\n            ref={ref}\n            {...getDropdownAnimations({ isOpen, prefersReducedMotion })}\n            {...props}\n            onAnimationComplete={(anim) => {\n              if (!isOpen) {\n                // only consider animation complete when dropdown is closed to prevent flickering from rapid state changes\n                setIsAnimating(false);\n              }\n              props.onAnimationComplete?.(anim);\n            }}\n            onAnimationStart={(anim) => {\n              setIsAnimating(true);\n              props.onAnimationStart?.(anim);\n            }}\n          />\n        </Box>\n      </>\n    );\n  }\n);\n\nexport const AnimatedSimpleDropdown = ({\n  isOpen,\n  ...props\n}: React.ComponentProps<typeof BaseDropdown> & {\n  isOpen: boolean;\n}) => {\n  const [isAnimating, setIsAnimating] = React.useState(false);\n  const prefersReducedMotion = useReducedMotion();\n\n  // the preferred way to animate this would be via AnimatePresence, but it is unclear if\n  // keeping closed dropdown content in the DOM has a positive effect on SEO\n  return (\n    <Box display={isOpen || isAnimating ? 'block' : 'none'}>\n      <BaseDropdown\n        {...getDropdownAnimations({ isOpen, prefersReducedMotion })}\n        {...props}\n        onAnimationComplete={(anim) => {\n          if (!isOpen) {\n            // only consider animation complete when dropdown is closed to prevent flickering from rapid state changes\n            setIsAnimating(false);\n          }\n          props.onAnimationComplete?.(anim);\n        }}\n        onAnimationStart={(anim) => {\n          setIsAnimating(true);\n          props.onAnimationStart?.(anim);\n        }}\n      />\n    </Box>\n  );\n};\n\nexport const LayoutGridAntiAliased = styled(LayoutGrid)`\n  -webkit-font-smoothing: antialiased;\n`;\n\n/* for Resources & Catalog menus */\nexport const DescriptionSectionContainer = styled(FlexBox)(\n  css({\n    '&:focus-visible': {\n      color: 'text',\n      outline: '1px solid currentColor !important',\n    },\n  })\n);\n\nexport const StyledAppBar = styled(AppBar)(\n  css({\n    boxShadow: `none`,\n  })\n);\n\nexport const StyledNavBar = styled.ul(\n  css({\n    alignItems: 'stretch',\n    display: `flex`,\n    padding: 0,\n    listStyle: `none`,\n    margin: 0,\n    width: `100%`,\n  })\n);\n\nexport const appHeaderSpacing = {\n  standard: 8,\n\n  enterprise: 12,\n} as const;\n"],"mappings":"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"}

package/dist/AppHeader/shared/index.cjs

@@ -0,0 +1,3 @@
+const require_elements = require('./elements.cjs');
+const require_keyboardNav = require('./keyboardNav.cjs');
+const require_types = require('./types.cjs');

package/dist/AppHeader/shared/index.d.ts

@@ -1,4 +1,4 @@
-export * from './elements';
-export * from './keyboardNav';
-export * from './mockAppHeaderItems';
-export * from './types';
+import "./elements.js";
+import "./keyboardNav.js";
+import { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref } from "./types.js";
+import "./mockAppHeaderItems.js";

package/dist/AppHeader/shared/index.js

@@ -1,4 +1,3 @@
-export * from './elements';
-export * from './keyboardNav';
-export * from './mockAppHeaderItems';
-export * from './types';
+import { AnimatedHeaderZone, AnimatedMegaMenuDropdown, AnimatedSimpleDropdown, DropdownAnchor, DropdownIcon, StyledAppBar, StyledNavBar, StyledText, appHeaderMobileBreakpoint, appHeaderSpacing } from "./elements.js";
+import { KEY_CODES, useMenuKeyboardNavigation, useOnEscHandler } from "./keyboardNav.js";
+import { isAppHeaderItemWithHref } from "./types.js";

package/dist/AppHeader/shared/keyboardNav.cjs

@@ -0,0 +1,69 @@
+
+//#region src/AppHeader/shared/keyboardNav.tsx
+const KEY_CODES = {
+	UP: "ArrowUp",
+	DOWN: "ArrowDown",
+	LEFT: "ArrowLeft",
+	RIGHT: "ArrowRight",
+	END: "End",
+	ENTER: "Enter",
+	ESC: "Escape",
+	HOME: "Home",
+	SPACE: " ",
+	TAB: "Tab"
+};
+const useOnEscHandler = (escapeHandler) => {
+	return (e) => {
+		if (e.code === KEY_CODES.ESC) {
+			e.stopPropagation();
+			e.preventDefault();
+			escapeHandler(e);
+		}
+	};
+};
+const useMenuKeyboardNavigation = ({ back, next, first, last, closeDropdown }) => {
+	return (e) => {
+		if (e.shiftKey && e.code === KEY_CODES.TAB) {
+			e.stopPropagation();
+			back(false);
+			return;
+		}
+		switch (e.code) {
+			case KEY_CODES.TAB:
+				e.stopPropagation();
+				next(false);
+				break;
+			case KEY_CODES.DOWN:
+				e.stopPropagation();
+				e.preventDefault();
+				next(true);
+				break;
+			case KEY_CODES.UP:
+				e.stopPropagation();
+				e.preventDefault();
+				back(true);
+				break;
+			case KEY_CODES.HOME:
+				e.stopPropagation();
+				e.preventDefault();
+				first();
+				break;
+			case KEY_CODES.END:
+				e.stopPropagation();
+				e.preventDefault();
+				last();
+				break;
+			case KEY_CODES.ESC:
+				e.stopPropagation();
+				e.preventDefault();
+				closeDropdown();
+				break;
+		}
+	};
+};
+
+//#endregion
+exports.KEY_CODES = KEY_CODES;
+exports.useMenuKeyboardNavigation = useMenuKeyboardNavigation;
+exports.useOnEscHandler = useOnEscHandler;
+//# sourceMappingURL=keyboardNav.cjs.map

package/dist/AppHeader/shared/keyboardNav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardNav.cjs","names":["KEY_CODES","UP","DOWN","LEFT","RIGHT","END","ENTER","ESC","HOME","SPACE","TAB","useOnEscHandler","escapeHandler","e","code","stopPropagation","preventDefault","useMenuKeyboardNavigation","back","next","first","last","closeDropdown","shiftKey"],"sources":["../../../src/AppHeader/shared/keyboardNav.tsx"],"sourcesContent":["import { KeyboardEvent } from 'react';\n\ninterface KeyboardNavigation {\n  back: (arg0: boolean) => void;\n  next: (arg0: boolean) => void;\n  first: () => void;\n  last: () => void;\n  closeDropdown: () => void;\n}\n\nexport const KEY_CODES = {\n  UP: 'ArrowUp',\n  DOWN: 'ArrowDown',\n  LEFT: 'ArrowLeft',\n  RIGHT: 'ArrowRight',\n  END: 'End',\n  ENTER: 'Enter',\n  ESC: 'Escape',\n  HOME: 'Home',\n  SPACE: ' ',\n  TAB: 'Tab',\n} as const;\n\nexport const useOnEscHandler = (\n  escapeHandler: (e?: KeyboardEvent<HTMLDivElement>) => void\n) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.code === KEY_CODES.ESC) {\n      e.stopPropagation();\n      e.preventDefault();\n      escapeHandler(e);\n    }\n  };\n};\n\nexport const useMenuKeyboardNavigation = ({\n  back,\n  next,\n  first,\n  last,\n  closeDropdown,\n}: KeyboardNavigation) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.shiftKey && e.code === KEY_CODES.TAB) {\n      e.stopPropagation();\n      back(false);\n      return;\n    }\n    switch (e.code) {\n      case KEY_CODES.TAB:\n        e.stopPropagation();\n        next(false);\n        break;\n      case KEY_CODES.DOWN:\n        e.stopPropagation();\n        e.preventDefault();\n        next(true);\n        break;\n      case KEY_CODES.UP:\n        e.stopPropagation();\n        e.preventDefault();\n        back(true);\n        break;\n      case KEY_CODES.HOME:\n        e.stopPropagation();\n        e.preventDefault();\n        first();\n        break;\n      case KEY_CODES.END:\n        e.stopPropagation();\n        e.preventDefault();\n        last();\n        break;\n      case KEY_CODES.ESC:\n        e.stopPropagation();\n        e.preventDefault();\n        closeDropdown();\n        break;\n    }\n  };\n};\n"],"mappings":";;AAUA,MAAaA,YAAY;CACvBC,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,OAAO;CACPC,KAAK;CACLC,OAAO;CACPC,KAAK;CACLC,MAAM;CACNC,OAAO;CACPC,KAAK;CACP;AAEA,MAAaC,mBACXC,kBAAAA;AAEA,SAAQC,MAAAA;AACN,MAAIA,EAAEC,SAASd,UAAUO,KAAK;AAC5BM,KAAEE,iBAAe;AACjBF,KAAEG,gBAAc;AAChBJ,iBAAcC,EAAAA;;;;AAKpB,MAAaI,6BAA6B,EACxCC,MACAC,MACAC,OACAC,MACAC,oBACmB;AACnB,SAAQT,MAAAA;AACN,MAAIA,EAAEU,YAAYV,EAAEC,SAASd,UAAUU,KAAK;AAC1CG,KAAEE,iBAAe;AACjBG,QAAK,MAAA;AACL;;AAEF,UAAQL,EAAEC,MAAV;GACE,KAAKd,UAAUU;AACbG,MAAEE,iBAAe;AACjBI,SAAK,MAAA;AACL;GACF,KAAKnB,UAAUE;AACbW,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBG,SAAK,KAAA;AACL;GACF,KAAKnB,UAAUC;AACbY,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBE,SAAK,KAAA;AACL;GACF,KAAKlB,UAAUQ;AACbK,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBI,WAAAA;AACA;GACF,KAAKpB,UAAUK;AACbQ,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBK,UAAAA;AACA;GACF,KAAKrB,UAAUO;AACbM,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBM,mBAAAA;AACA"}

package/dist/AppHeader/shared/keyboardNav.d.ts

@@ -1,23 +1 @@
-import { KeyboardEvent } from 'react';
-interface KeyboardNavigation {
-    back: (arg0: boolean) => void;
-    next: (arg0: boolean) => void;
-    first: () => void;
-    last: () => void;
-    closeDropdown: () => void;
-}
-export declare const KEY_CODES: {
-    readonly UP: "ArrowUp";
-    readonly DOWN: "ArrowDown";
-    readonly LEFT: "ArrowLeft";
-    readonly RIGHT: "ArrowRight";
-    readonly END: "End";
-    readonly ENTER: "Enter";
-    readonly ESC: "Escape";
-    readonly HOME: "Home";
-    readonly SPACE: " ";
-    readonly TAB: "Tab";
-};
-export declare const useOnEscHandler: (escapeHandler: (e?: KeyboardEvent<HTMLDivElement>) => void) => (e: KeyboardEvent<HTMLDivElement>) => void;
-export declare const useMenuKeyboardNavigation: ({ back, next, first, last, closeDropdown, }: KeyboardNavigation) => (e: KeyboardEvent<HTMLDivElement>) => void;
-export {};
+import "react";

package/dist/AppHeader/shared/keyboardNav.js

@@ -1,67 +1,66 @@
-export const KEY_CODES = {
-  UP: 'ArrowUp',
-  DOWN: 'ArrowDown',
-  LEFT: 'ArrowLeft',
-  RIGHT: 'ArrowRight',
-  END: 'End',
-  ENTER: 'Enter',
-  ESC: 'Escape',
-  HOME: 'Home',
-  SPACE: ' ',
-  TAB: 'Tab'
+//#region src/AppHeader/shared/keyboardNav.tsx
+const KEY_CODES = {
+	UP: "ArrowUp",
+	DOWN: "ArrowDown",
+	LEFT: "ArrowLeft",
+	RIGHT: "ArrowRight",
+	END: "End",
+	ENTER: "Enter",
+	ESC: "Escape",
+	HOME: "Home",
+	SPACE: " ",
+	TAB: "Tab"
 };
-export const useOnEscHandler = escapeHandler => {
-  return e => {
-    if (e.code === KEY_CODES.ESC) {
-      e.stopPropagation();
-      e.preventDefault();
-      escapeHandler(e);
-    }
-  };
+const useOnEscHandler = (escapeHandler) => {
+	return (e) => {
+		if (e.code === KEY_CODES.ESC) {
+			e.stopPropagation();
+			e.preventDefault();
+			escapeHandler(e);
+		}
+	};
 };
-export const useMenuKeyboardNavigation = ({
-  back,
-  next,
-  first,
-  last,
-  closeDropdown
-}) => {
-  return e => {
-    if (e.shiftKey && e.code === KEY_CODES.TAB) {
-      e.stopPropagation();
-      back(false);
-      return;
-    }
-    switch (e.code) {
-      case KEY_CODES.TAB:
-        e.stopPropagation();
-        next(false);
-        break;
-      case KEY_CODES.DOWN:
-        e.stopPropagation();
-        e.preventDefault();
-        next(true);
-        break;
-      case KEY_CODES.UP:
-        e.stopPropagation();
-        e.preventDefault();
-        back(true);
-        break;
-      case KEY_CODES.HOME:
-        e.stopPropagation();
-        e.preventDefault();
-        first();
-        break;
-      case KEY_CODES.END:
-        e.stopPropagation();
-        e.preventDefault();
-        last();
-        break;
-      case KEY_CODES.ESC:
-        e.stopPropagation();
-        e.preventDefault();
-        closeDropdown();
-        break;
-    }
-  };
-};
+const useMenuKeyboardNavigation = ({ back, next, first, last, closeDropdown }) => {
+	return (e) => {
+		if (e.shiftKey && e.code === KEY_CODES.TAB) {
+			e.stopPropagation();
+			back(false);
+			return;
+		}
+		switch (e.code) {
+			case KEY_CODES.TAB:
+				e.stopPropagation();
+				next(false);
+				break;
+			case KEY_CODES.DOWN:
+				e.stopPropagation();
+				e.preventDefault();
+				next(true);
+				break;
+			case KEY_CODES.UP:
+				e.stopPropagation();
+				e.preventDefault();
+				back(true);
+				break;
+			case KEY_CODES.HOME:
+				e.stopPropagation();
+				e.preventDefault();
+				first();
+				break;
+			case KEY_CODES.END:
+				e.stopPropagation();
+				e.preventDefault();
+				last();
+				break;
+			case KEY_CODES.ESC:
+				e.stopPropagation();
+				e.preventDefault();
+				closeDropdown();
+				break;
+		}
+	};
+};
+
+//#endregion
+export { KEY_CODES, useMenuKeyboardNavigation, useOnEscHandler };
+//# sourceMappingURL=keyboardNav.js.map

package/dist/AppHeader/shared/keyboardNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardNav.js","names":["KEY_CODES","UP","DOWN","LEFT","RIGHT","END","ENTER","ESC","HOME","SPACE","TAB","useOnEscHandler","escapeHandler","e","code","stopPropagation","preventDefault","useMenuKeyboardNavigation","back","next","first","last","closeDropdown","shiftKey"],"sources":["../../../src/AppHeader/shared/keyboardNav.tsx"],"sourcesContent":["import { KeyboardEvent } from 'react';\n\ninterface KeyboardNavigation {\n  back: (arg0: boolean) => void;\n  next: (arg0: boolean) => void;\n  first: () => void;\n  last: () => void;\n  closeDropdown: () => void;\n}\n\nexport const KEY_CODES = {\n  UP: 'ArrowUp',\n  DOWN: 'ArrowDown',\n  LEFT: 'ArrowLeft',\n  RIGHT: 'ArrowRight',\n  END: 'End',\n  ENTER: 'Enter',\n  ESC: 'Escape',\n  HOME: 'Home',\n  SPACE: ' ',\n  TAB: 'Tab',\n} as const;\n\nexport const useOnEscHandler = (\n  escapeHandler: (e?: KeyboardEvent<HTMLDivElement>) => void\n) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.code === KEY_CODES.ESC) {\n      e.stopPropagation();\n      e.preventDefault();\n      escapeHandler(e);\n    }\n  };\n};\n\nexport const useMenuKeyboardNavigation = ({\n  back,\n  next,\n  first,\n  last,\n  closeDropdown,\n}: KeyboardNavigation) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.shiftKey && e.code === KEY_CODES.TAB) {\n      e.stopPropagation();\n      back(false);\n      return;\n    }\n    switch (e.code) {\n      case KEY_CODES.TAB:\n        e.stopPropagation();\n        next(false);\n        break;\n      case KEY_CODES.DOWN:\n        e.stopPropagation();\n        e.preventDefault();\n        next(true);\n        break;\n      case KEY_CODES.UP:\n        e.stopPropagation();\n        e.preventDefault();\n        back(true);\n        break;\n      case KEY_CODES.HOME:\n        e.stopPropagation();\n        e.preventDefault();\n        first();\n        break;\n      case KEY_CODES.END:\n        e.stopPropagation();\n        e.preventDefault();\n        last();\n        break;\n      case KEY_CODES.ESC:\n        e.stopPropagation();\n        e.preventDefault();\n        closeDropdown();\n        break;\n    }\n  };\n};\n"],"mappings":";AAUA,MAAaA,YAAY;CACvBC,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,OAAO;CACPC,KAAK;CACLC,OAAO;CACPC,KAAK;CACLC,MAAM;CACNC,OAAO;CACPC,KAAK;CACP;AAEA,MAAaC,mBACXC,kBAAAA;AAEA,SAAQC,MAAAA;AACN,MAAIA,EAAEC,SAASd,UAAUO,KAAK;AAC5BM,KAAEE,iBAAe;AACjBF,KAAEG,gBAAc;AAChBJ,iBAAcC,EAAAA;;;;AAKpB,MAAaI,6BAA6B,EACxCC,MACAC,MACAC,OACAC,MACAC,oBACmB;AACnB,SAAQT,MAAAA;AACN,MAAIA,EAAEU,YAAYV,EAAEC,SAASd,UAAUU,KAAK;AAC1CG,KAAEE,iBAAe;AACjBG,QAAK,MAAA;AACL;;AAEF,UAAQL,EAAEC,MAAV;GACE,KAAKd,UAAUU;AACbG,MAAEE,iBAAe;AACjBI,SAAK,MAAA;AACL;GACF,KAAKnB,UAAUE;AACbW,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBG,SAAK,KAAA;AACL;GACF,KAAKnB,UAAUC;AACbY,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBE,SAAK,KAAA;AACL;GACF,KAAKlB,UAAUQ;AACbK,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBI,WAAAA;AACA;GACF,KAAKpB,UAAUK;AACbQ,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBK,UAAAA;AACA;GACF,KAAKrB,UAAUO;AACbM,MAAEE,iBAAe;AACjBF,MAAEG,gBAAc;AAChBM,mBAAAA;AACA"}

package/dist/AppHeader/shared/mockAppHeaderItems.d.ts

@@ -1,2 +1 @@
-import { AppHeaderLinkItem } from './types';
-export declare const createMockAppHeaderLinkItem: (id: string, href: string, text: string) => AppHeaderLinkItem;
+import "./types.js";

package/dist/AppHeader/shared/types.cjs

@@ -0,0 +1,7 @@
+
+//#region src/AppHeader/shared/types.ts
+const isAppHeaderItemWithHref = (item) => !!item.href;
+
+//#endregion
+exports.isAppHeaderItemWithHref = isAppHeaderItemWithHref;
+//# sourceMappingURL=types.cjs.map

package/dist/AppHeader/shared/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","names":["React","isAppHeaderItemWithHref","item","href"],"sources":["../../../src/AppHeader/shared/types.ts"],"sourcesContent":["import {\n  Anchor,\n  BadgeProps,\n  FillButtonProps,\n  IconButtonProps,\n  StrokeButtonProps,\n  TextButtonProps,\n} from '@codecademy/gamut';\nimport { GamutIconProps } from '@codecademy/gamut-icons';\nimport React, { ComponentProps, ReactNode, RefObject } from 'react';\n\nexport type AppHeaderItem =\n  | AppHeaderItemWithHref\n  | AppHeaderSimpleDropdownItem\n  | AppHeaderProfileDropdownItem\n  | AppHeaderRenderElementItem\n  | AppHeaderCatalogDropdownItem\n  | AppHeaderDescriptiveLinkItem\n  | AppHeaderResourcesDropdownItem\n  | AppHeaderResourcesSimpleDropdownItem;\n\nexport type AppHeaderItemWithHref =\n  | AppHeaderLogoItem\n  | AppHeaderLinkItem\n  | AppHeaderTextButtonItem\n  | AppHeaderFillButtonItem\n  | AppHeaderStrokeButtonItem\n  | AppHeaderIconButtonItem;\n\ntype AppHeaderBaseItem<Type extends string> = {\n  dataTestId?: string;\n  id: string;\n  redirect?: boolean;\n  type: Type;\n};\n\ntype AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {\n  href: string;\n  trackingTarget?: string;\n};\n\nexport type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {\n  enterprise: boolean;\n  pro: boolean;\n  checkMini?: boolean;\n  removeAnchorLink?: boolean;\n};\n\nexport type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> &\n  Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {\n    ariaLabel?: string;\n    newTab?: boolean;\n    text: string;\n    badge?: React.ReactElement<BadgeProps>;\n  };\n\nexport type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> &\n  Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> &\n  Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> &\n  Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> &\n  Pick<IconButtonProps, 'variant' | 'icon'> & {\n    text: string;\n  };\n\nexport type AppHeaderDropdownItem =\n  | AppHeaderSimpleDropdownItem\n  | AppHeaderProfileDropdownItem\n  | AppHeaderResourcesSimpleDropdownItem;\n\nexport type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {\n  popover: AppHeaderLinkItem[];\n  text: string;\n  trackingTarget: string;\n  icon?: React.ComponentType<GamutIconProps>;\n  isIconOnly?: boolean;\n};\n\nexport type AppHeaderProfileDropdownItem =\n  AppHeaderBaseItem<'profile-dropdown'> & {\n    avatar: string;\n    userDisplayName: string;\n    //* * AppHeader items that go into the AppHeader. Each array will be in its own section */\n    popover: AppHeaderLinkItem[][];\n    text: string;\n    trackingTarget?: string;\n  };\n\nexport type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {\n  renderElement: () => ReactNode;\n};\n\nexport type AppHeaderCatalogDropdownItem =\n  AppHeaderBaseItem<'catalog-dropdown'> & {\n    icon?: React.ComponentType<GamutIconProps>;\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n  };\n\nexport type AppHeaderResourcesDropdownItem =\n  AppHeaderBaseItem<'resources-dropdown'> & {\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    icon?: React.ComponentType<GamutIconProps>;\n  };\n\nexport type AppHeaderResourcesSimpleDropdownItem =\n  AppHeaderBaseItem<'resources-simple-dropdown'> & {\n    icon?: React.ComponentType<GamutIconProps>;\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    popover: AppHeaderLinkItem[];\n  };\n\nexport type AppHeaderClickHandler<ItemType = AppHeaderItem> = (\n  event: React.MouseEvent,\n  item: ItemType\n) => void;\n\nexport type AppHeaderAction = {\n  /** A method to be called on click/activating a header item */\n  action: AppHeaderClickHandler;\n};\n\nexport const isAppHeaderItemWithHref = (\n  item: AppHeaderItem\n): item is AppHeaderItemWithHref => !!(item as AppHeaderItemWithHref).href;\n\nexport type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {\n  description: string;\n};\n\nexport type AppHeaderResourcesDataItem = {\n  title: string;\n  description?: string;\n  links?: AppHeaderLinkItem[];\n  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];\n};\n\nexport type AppFooterResourcesDataItem = {\n  id: string;\n  href: string;\n  trackingTarget: string;\n  text: string;\n  newTab?: boolean;\n};\n\nexport type FormattedAppHeaderItems = {\n  left: AppHeaderItem[];\n  right: AppHeaderItem[];\n};\n\nexport type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {\n  mainMenu: AppHeaderItem[];\n};\n\nexport type AnchorRefItemType =\n  | RefObject<HTMLAnchorElement>['current']\n  | RefObject<HTMLButtonElement>['current']\n  | null;\n"],"mappings":";;AA0IA,MAAaC,2BACXC,SACkC,CAAC,CAAC,KAAgCC"}

package/dist/AppHeader/shared/types.d.cts

@@ -0,0 +1,110 @@
+import { Anchor, BadgeProps, FillButtonProps, IconButtonProps, StrokeButtonProps, TextButtonProps } from "@codecademy/gamut";
+import { GamutIconProps } from "@codecademy/gamut-icons";
+import React, { ComponentProps, ReactNode, RefObject } from "react";
+
+//#region src/AppHeader/shared/types.d.ts
+type AppHeaderItem = AppHeaderItemWithHref | AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderRenderElementItem | AppHeaderCatalogDropdownItem | AppHeaderDescriptiveLinkItem | AppHeaderResourcesDropdownItem | AppHeaderResourcesSimpleDropdownItem;
+type AppHeaderItemWithHref = AppHeaderLogoItem | AppHeaderLinkItem | AppHeaderTextButtonItem | AppHeaderFillButtonItem | AppHeaderStrokeButtonItem | AppHeaderIconButtonItem;
+type AppHeaderBaseItem<Type extends string> = {
+  dataTestId?: string;
+  id: string;
+  redirect?: boolean;
+  type: Type;
+};
+type AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {
+  href: string;
+  trackingTarget?: string;
+};
+type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {
+  enterprise: boolean;
+  pro: boolean;
+  checkMini?: boolean;
+  removeAnchorLink?: boolean;
+};
+type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> & Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {
+  ariaLabel?: string;
+  newTab?: boolean;
+  text: string;
+  badge?: React.ReactElement<BadgeProps>;
+};
+type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> & Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> & Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> & Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> & Pick<IconButtonProps, 'variant' | 'icon'> & {
+  text: string;
+};
+type AppHeaderDropdownItem = AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderResourcesSimpleDropdownItem;
+type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {
+  popover: AppHeaderLinkItem[];
+  text: string;
+  trackingTarget: string;
+  icon?: React.ComponentType<GamutIconProps>;
+  isIconOnly?: boolean;
+};
+type AppHeaderProfileDropdownItem = AppHeaderBaseItem<'profile-dropdown'> & {
+  avatar: string;
+  userDisplayName: string;
+  popover: AppHeaderLinkItem[][];
+  text: string;
+  trackingTarget?: string;
+};
+type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {
+  renderElement: () => ReactNode;
+};
+type AppHeaderCatalogDropdownItem = AppHeaderBaseItem<'catalog-dropdown'> & {
+  icon?: React.ComponentType<GamutIconProps>;
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+};
+type AppHeaderResourcesDropdownItem = AppHeaderBaseItem<'resources-dropdown'> & {
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+  icon?: React.ComponentType<GamutIconProps>;
+};
+type AppHeaderResourcesSimpleDropdownItem = AppHeaderBaseItem<'resources-simple-dropdown'> & {
+  icon?: React.ComponentType<GamutIconProps>;
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+  popover: AppHeaderLinkItem[];
+};
+type AppHeaderClickHandler<ItemType = AppHeaderItem> = (event: React.MouseEvent, item: ItemType) => void;
+type AppHeaderAction = {
+  /** A method to be called on click/activating a header item */action: AppHeaderClickHandler;
+};
+declare const isAppHeaderItemWithHref: (item: AppHeaderItem) => item is AppHeaderItemWithHref;
+type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {
+  description: string;
+};
+type AppHeaderResourcesDataItem = {
+  title: string;
+  description?: string;
+  links?: AppHeaderLinkItem[];
+  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];
+};
+type AppFooterResourcesDataItem = {
+  id: string;
+  href: string;
+  trackingTarget: string;
+  text: string;
+  newTab?: boolean;
+};
+type FormattedAppHeaderItems = {
+  left: AppHeaderItem[];
+  right: AppHeaderItem[];
+};
+type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
+  mainMenu: AppHeaderItem[];
+};
+type AnchorRefItemType = RefObject<HTMLAnchorElement>['current'] | RefObject<HTMLButtonElement>['current'] | null;
+//#endregion
+export { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref };
+//# sourceMappingURL=types.d.cts.map

package/dist/AppHeader/shared/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/AppHeader/shared/types.ts"],"mappings":"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"}