@codecademy/brand 2.9.0-alpha.5a84a4940d.0 → 2.9.0-alpha.686a21266f.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.js

@@ -6,6 +6,7 @@ import { CourseDifficulty } from '../../../ContentGroupBaseCard/types';
 import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
 import { liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
 import { AppHeaderDietCard } from '../AppHeaderDietCard';
+import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 export const CourseTopicsPanel = ({
   tabIndex = 0
@@ -158,7 +159,7 @@ export const CertificationPathsPanel = ({
       gap: 8,
       children: [providers.map(provider => /*#__PURE__*/_jsx(ProviderChip, {
         text: provider,
-        href: `/search?q=${provider} certifications`,
+        href: `/search?query=${provider} certifications`,
         tabIndex: tabIndex
       }, provider)), /*#__PURE__*/_jsx(ProviderChip, {
         text: "+ More providers",
@@ -239,6 +240,9 @@ const PanelLayout = ({
   const {
     globalHeaderItemClick
   } = useGlobalHeaderItemClick();
+  const {
+    handleClose
+  } = useAppHeaderDropdownContext();
   return /*#__PURE__*/_jsxs(FlexBox, {
     flexDirection: "column",
     gap: 24,
@@ -255,7 +259,10 @@ const PanelLayout = ({
       children: description
     }), children, /*#__PURE__*/_jsxs(TextButton, {
       href: linkItem.href,
-      onClick: event => globalHeaderItemClick(event, linkItem),
+      onClick: event => {
+        globalHeaderItemClick(event, linkItem);
+        handleClose();
+      },
       tabIndex: tabIndex,
       children: [linkItem.text, " ", /*#__PURE__*/_jsx(MiniArrowRightIcon, {
         ml: 8

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.d.ts

@@ -3,6 +3,7 @@ import { AnchorRefItemType } from '../../shared';
 export interface AppHeaderDropdownContextType {
     firstItemRef?: AnchorRefItemType;
     setFirstItemRef: Dispatch<SetStateAction<AnchorRefItemType>> | undefined;
+    handleClose: () => void;
 }
 export declare const AppHeaderDropdownContext: React.Context<AppHeaderDropdownContextType>;
 export declare const AppHeaderDropdownProvider: React.FC<{

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.js

@@ -1,10 +1,12 @@
 import { Box } from '@codecademy/gamut';
+import noop from 'lodash/fp/noop';
 import React, { createContext, useContext, useState } from 'react';
 import { useOnEscHandler } from '../../shared';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const AppHeaderDropdownContext = /*#__PURE__*/createContext({
   firstItemRef: undefined,
-  setFirstItemRef: undefined
+  setFirstItemRef: undefined,
+  handleClose: () => noop
 });
 export const AppHeaderDropdownProvider = ({
   children,
@@ -15,7 +17,8 @@ export const AppHeaderDropdownProvider = ({
   return /*#__PURE__*/_jsx(AppHeaderDropdownContext.Provider, {
     value: {
       firstItemRef,
-      setFirstItemRef
+      setFirstItemRef,
+      handleClose
     },
     children: /*#__PURE__*/_jsx(Box, {
       onKeyDown: onKeyDown,

package/dist/index.d.ts

@@ -27,7 +27,6 @@ export * from './ContentGroupBaseCard';
 export * from './ContentGroupBaseCard/types';
 export * from './ContentGroupBaseCard/helpers';
 export * from './CourseCard';
-export * from './CourseRecommendationsLink';
 export * from './CurriculumCard';
 export * from './CurriculumCard/Difficulty';
 export * from './CurriculumCard/Difficulty/types';

package/dist/index.js

@@ -27,7 +27,6 @@ export * from './ContentGroupBaseCard';
 export * from './ContentGroupBaseCard/types';
 export * from './ContentGroupBaseCard/helpers';
 export * from './CourseCard';
-export * from './CourseRecommendationsLink';
 export * from './CurriculumCard';
 export * from './CurriculumCard/Difficulty';
 export * from './CurriculumCard/Difficulty/types';

package/package.json

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

package/dist/CourseRecommendationsLink/index.d.ts

@@ -1,3 +0,0 @@
-export declare const CourseRecommendationsLink: React.FC<{
-    onClick?: () => void;
-}>;

package/dist/CourseRecommendationsLink/index.js

@@ -1,27 +0,0 @@
-import { FillButton, FlexBox, Text } from '@codecademy/gamut';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CourseRecommendationsLink = ({
-  onClick
-}) => /*#__PURE__*/_jsxs(FlexBox, {
-  column: true,
-  p: 16,
-  bg: "navy-100",
-  border: 1,
-  borderColor: "border-tertiary",
-  borderRadius: "lg",
-  children: [/*#__PURE__*/_jsx(Text, {
-    variant: "p-large",
-    fontWeight: "bold",
-    children: "Get personalized course recommendations"
-  }), /*#__PURE__*/_jsx(Text, {
-    variant: "p-base",
-    mt: 8,
-    children: "Answer a few quick questions about your interests and skill level. We\u2019ll create a custom list of courses just for you."
-  }), /*#__PURE__*/_jsx(FillButton, {
-    size: "small",
-    mt: 16,
-    href: "/welcome/find-a-course",
-    onClick: onClick,
-    children: "Take the quiz"
-  })]
-});