@codecademy/brand 2.8.0-alpha.ee8d477ea2.0 → 2.9.0-alpha.1b05c8bc21.0

package/dist/GlobalHeader/index.js

@@ -3,6 +3,7 @@ import { useTheme } from '@emotion/react';
 import * as React from 'react';
 import { useCallback } from 'react';
 import { AppHeader, AppHeaderMobile, isAppHeaderItemWithHref } from '..';
+import { GlobalHeaderItemClickContext } from './context';
 import { anonDefaultHeaderItems, anonDefaultMobileHeaderItems, anonLandingHeaderItems, anonLandingMobileHeaderItems, anonLoginHeaderItems, anonLoginMobileHeaderItems, anonSignupHeaderItems, anonSignupMobileHeaderItems, enterpriseHeaderItems, enterpriseMobileHeaderItems, freeHeaderItems, freeMobileHeaderItems, loadingHeaderItems, loadingMobileHeaderItems, proHeaderItems, proMobileHeaderItems, simpleBootcampHeaderItems, simpleBootcampMobileHeaderItems, simpleHeaderItems, simpleMobileHeaderItems, teamsHeaderItems, teamsMobileHeaderItems } from './GlobalHeaderVariants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export * from './types';
@@ -67,43 +68,48 @@ export const GlobalHeader = props => {
     },
     children: /*#__PURE__*/_jsx(GlobalNavRedesignContext.Provider, {
       value: !!props.displayGlobalNavRedesign,
-      children: /*#__PURE__*/_jsxs(Box, {
-        as: "header",
-        position: "sticky",
-        top: 0,
-        zIndex: theme.elements.headerZ,
-        overflow: {
-          _: 'hidden',
-          sm: 'visible'
-        } // Prevent tooltip overflow on mobile
-        ,
-        children: [/*#__PURE__*/_jsx(AppHeader, {
-          action: combinedAction,
-          items: getAppHeaderItems(props, false),
-          search: props.search,
-          ...(props.type === 'anon' ? {
-            redirectParam: props.redirectParam
-          } : hideNotification ? {} : {
-            notifications: props.notifications
-          }),
-          hideRightButtonDefaults: hideNotification,
-          isAnon: props.type === 'anon',
-          isTeams: props.type === 'teams',
-          type: hideNotification ? 'enterprise' : 'standard'
-        }), /*#__PURE__*/_jsx(AppHeaderMobile, {
-          action: combinedAction,
-          items: getAppHeaderItems(props, true),
-          ...(props.type === 'anon' || hideNotification ? {} : {
-            notifications: props.notifications
-          }),
-          search: props.search,
-          redirectParam: props.type === 'anon' ? props.redirectParam : undefined,
-          isEnterprise: props.type === 'enterprise',
-          isAnon: props.type === 'anon',
-          isSimple: props.type === 'simple',
-          hideRightMenuButton: props.type === 'simple' || props.type === 'loading',
-          navigationMenuFormattedLabel: props?.localizedLabels?.navigationMenuFormattedLabel
-        }), props.children]
+      children: /*#__PURE__*/_jsx(GlobalHeaderItemClickContext.Provider, {
+        value: {
+          globalHeaderItemClick: combinedAction
+        },
+        children: /*#__PURE__*/_jsxs(Box, {
+          as: "header",
+          position: "sticky",
+          top: 0,
+          zIndex: theme.elements.headerZ,
+          overflow: {
+            _: 'hidden',
+            sm: 'visible'
+          } // Prevent tooltip overflow on mobile
+          ,
+          children: [/*#__PURE__*/_jsx(AppHeader, {
+            action: combinedAction,
+            items: getAppHeaderItems(props, false),
+            search: props.search,
+            ...(props.type === 'anon' ? {
+              redirectParam: props.redirectParam
+            } : hideNotification ? {} : {
+              notifications: props.notifications
+            }),
+            hideRightButtonDefaults: hideNotification,
+            isAnon: props.type === 'anon',
+            isTeams: props.type === 'teams',
+            type: hideNotification ? 'enterprise' : 'standard'
+          }), /*#__PURE__*/_jsx(AppHeaderMobile, {
+            action: combinedAction,
+            items: getAppHeaderItems(props, true),
+            ...(props.type === 'anon' || hideNotification ? {} : {
+              notifications: props.notifications
+            }),
+            search: props.search,
+            redirectParam: props.type === 'anon' ? props.redirectParam : undefined,
+            isEnterprise: props.type === 'enterprise',
+            isAnon: props.type === 'anon',
+            isSimple: props.type === 'simple',
+            hideRightMenuButton: props.type === 'simple' || props.type === 'loading',
+            navigationMenuFormattedLabel: props?.localizedLabels?.navigationMenuFormattedLabel
+          }), props.children]
+        })
       })
     })
   });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/brand",
   "description": "Brand component library for Codecademy",
-  "version": "2.8.0-alpha.ee8d477ea2.0",
+  "version": "2.9.0-alpha.1b05c8bc21.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",