@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.js

@@ -1,217 +1,261 @@
-import { ArtificialIntelligenceIcon, BookLibraryIcon, BriefcaseIcon, CIcon, CloudComputingIcon, CPlusIcon, CSharpIcon, CybersecurityIcon, DataEngineeringIcon, DataScienceIcon, GrowthIcon, HtmlCssIcon, JavaIcon, JavascriptIcon, PhpIcon, ProfessionalCertificateIcon, ProgrammingBrowserIcon, PythonIcon, SqlIcon, StudyBookIcon, WebDesignIcon, WebDevelopmentIcon } from '@codecademy/gamut-icons';
-import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, SkillPathsPanel } from './NavPanels';
-export const getCertificationProviderLogoUrl = fileName => `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/v2/${fileName}`;
-export const CATALOG_NAV_SECTIONS = [{
-  item: {
-    icon: StudyBookIcon,
-    text: 'Course topics',
-    id: 'course-topics',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_course_topics'
-  },
-  panel: CourseTopicsPanel
-}, {
-  item: {
-    icon: BookLibraryIcon,
-    text: 'Skill paths',
-    id: 'skill-paths',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_skill_paths'
-  },
-  panel: SkillPathsPanel
-}, {
-  item: {
-    icon: BriefcaseIcon,
-    text: 'Career paths',
-    id: 'career-paths',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_career_paths'
-  },
-  panel: CareerPathsPanel
-}, {
-  item: {
-    icon: ProfessionalCertificateIcon,
-    text: 'Certification paths',
-    id: 'certification-paths',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_certification_paths'
-  },
-  panel: CertificationPathsPanel
-}];
-export const CERTIFICATION_PROVIDERS = [{
-  name: 'Microsoft',
-  logoUrl: getCertificationProviderLogoUrl('microsoft.svg'),
-  hubType: 'subhub'
-}, {
-  name: 'CompTIA',
-  logoUrl: getCertificationProviderLogoUrl('comptia.svg'),
-  hubType: 'subhub'
-}, {
-  name: 'ISC2',
-  logoUrl: getCertificationProviderLogoUrl('isc2.svg'),
-  hubType: 'subhub'
-}, {
-  name: 'AWS',
-  logoUrl: getCertificationProviderLogoUrl('aws.svg'),
-  hubType: 'subhub'
-}, {
-  name: 'Google',
-  logoUrl: getCertificationProviderLogoUrl('google.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'Cisco',
-  logoUrl: getCertificationProviderLogoUrl('cisco.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'IIBA',
-  logoUrl: getCertificationProviderLogoUrl('iiba.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'ISTQB',
-  logoUrl: getCertificationProviderLogoUrl('istqb.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'ISACA',
-  logoUrl: getCertificationProviderLogoUrl('isaca.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'Kubernetes',
-  logoUrl: getCertificationProviderLogoUrl('kubernetes.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'Oracle',
-  logoUrl: getCertificationProviderLogoUrl('oracle.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'Project Management Institute',
-  logoUrl: getCertificationProviderLogoUrl('pmi.svg'),
-  hubType: 'certification-prep'
-}];
-export const popularLanguages = [{
-  id: 'python',
-  href: '/catalog/language/python',
-  trackingTarget: 'topnav_catalog_skill_python',
-  text: 'Python',
-  type: 'link',
-  icon: PythonIcon
-}, {
-  id: 'javascript',
-  href: '/catalog/language/javascript',
-  trackingTarget: 'topnav_catalog_skill_javascript',
-  text: 'JavaScript',
-  type: 'link',
-  icon: JavascriptIcon
-}, {
-  id: 'html-css',
-  href: '/catalog/language/html-css',
-  trackingTarget: 'topnav_catalog_skill_html-css',
-  text: 'HTML & CSS',
-  type: 'link',
-  icon: HtmlCssIcon
-}, {
-  id: 'c-sharp',
-  href: '/catalog/language/c-sharp',
-  trackingTarget: 'topnav_catalog_skill_c-sharp',
-  text: 'C#',
-  type: 'link',
-  icon: CSharpIcon
-}, {
-  id: 'c-plus-plus',
-  href: '/catalog/language/c-plus-plus',
-  trackingTarget: 'topnav_catalog_skill_c-plus-plus',
-  text: 'C++',
-  type: 'link',
-  icon: CPlusIcon
-}, {
-  id: 'c',
-  href: '/catalog/language/c',
-  trackingTarget: 'topnav_catalog_skill_c',
-  text: 'C',
-  type: 'link',
-  icon: CIcon
-}, {
-  id: 'php',
-  href: '/catalog/language/php',
-  trackingTarget: 'topnav_catalog_skill_php',
-  text: 'PHP',
-  type: 'link',
-  icon: PhpIcon
-}, {
-  id: 'java',
-  href: '/catalog/language/java',
-  trackingTarget: 'topnav_catalog_skill_java',
-  text: 'Java',
-  type: 'link',
-  icon: JavaIcon
-}, {
-  id: 'sql',
-  href: '/catalog/language/sql',
-  trackingTarget: 'topnav_catalog_skill_sql',
-  text: 'SQL',
-  type: 'link',
-  icon: SqlIcon
-}];
-export const popularSubjects = [{
-  id: 'artificial-intelligence',
-  href: '/catalog/subject/artificial-intelligence',
-  trackingTarget: 'topnav_catalog_skill_ai',
-  text: 'AI',
-  type: 'link',
-  icon: ArtificialIntelligenceIcon
-}, {
-  id: 'it',
-  href: '/catalog/subject/information-technology',
-  trackingTarget: 'topnav_catalog_skill_it',
-  text: 'IT',
-  type: 'link',
-  icon: DataEngineeringIcon
-}, {
-  id: 'cybersecurity',
-  href: '/catalog/subject/cybersecurity',
-  trackingTarget: 'topnav_catalog_skill_cybersecurity',
-  text: 'Cybersecurity',
-  type: 'link',
-  icon: CybersecurityIcon
-}, {
-  id: 'cloud-computing',
-  href: '/catalog/subject/cloud-computing',
-  trackingTarget: 'topnav_catalog_skill_cloud-computing',
-  text: 'Cloud computing',
-  type: 'link',
-  icon: CloudComputingIcon
-}, {
-  id: 'web-development',
-  href: '/catalog/subject/web-development',
-  trackingTarget: 'topnav_catalog_skill_web_development',
-  text: 'Web development',
-  type: 'link',
-  icon: WebDevelopmentIcon
-}, {
-  id: 'data-science',
-  href: '/catalog/subject/data-science',
-  trackingTarget: 'topnav_catalog_skill_data-science',
-  text: 'Data science',
-  type: 'link',
-  icon: DataScienceIcon
-}, {
-  id: 'web-design',
-  href: '/catalog/subject/web-design',
-  trackingTarget: 'topnav_catalog_skill_web-design',
-  text: 'Web design',
-  type: 'link',
-  icon: WebDesignIcon
-}, {
-  id: 'professional-skills',
-  href: '/catalog/subject/professional-skills',
-  trackingTarget: 'topnav_catalog_skill_professional-skills',
-  text: 'Professional skills',
-  type: 'link',
-  icon: GrowthIcon
-}, {
-  id: 'code-foundations',
-  href: '/catalog/subject/code-foundations',
-  trackingTarget: 'topnav_catalog_skill_code-foundations',
-  text: 'Code foundations',
-  type: 'link',
-  icon: ProgrammingBrowserIcon
-}];
+import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, SkillPathsPanel } from "./NavPanels.js";
+import { ArtificialIntelligenceIcon, BookLibraryIcon, BriefcaseIcon, CIcon, CPlusIcon, CSharpIcon, CloudComputingIcon, CybersecurityIcon, DataEngineeringIcon, DataScienceIcon, GrowthIcon, HtmlCssIcon, JavaIcon, JavascriptIcon, PhpIcon, ProfessionalCertificateIcon, ProgrammingBrowserIcon, PythonIcon, SqlIcon, StudyBookIcon, WebDesignIcon, WebDevelopmentIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.tsx
+const getCertificationProviderLogoUrl = (fileName) => `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/v2/${fileName}`;
+const CATALOG_NAV_SECTIONS = [
+	{
+		item: {
+			icon: StudyBookIcon,
+			text: "Course topics",
+			id: "course-topics",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_course_topics"
+		},
+		panel: CourseTopicsPanel
+	},
+	{
+		item: {
+			icon: BookLibraryIcon,
+			text: "Skill paths",
+			id: "skill-paths",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_skill_paths"
+		},
+		panel: SkillPathsPanel
+	},
+	{
+		item: {
+			icon: BriefcaseIcon,
+			text: "Career paths",
+			id: "career-paths",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_career_paths"
+		},
+		panel: CareerPathsPanel
+	},
+	{
+		item: {
+			icon: ProfessionalCertificateIcon,
+			text: "Certification paths",
+			id: "certification-paths",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_certification_paths"
+		},
+		panel: CertificationPathsPanel
+	}
+];
+const CERTIFICATION_PROVIDERS = [
+	{
+		name: "Microsoft",
+		logoUrl: getCertificationProviderLogoUrl("microsoft.svg"),
+		hubType: "subhub"
+	},
+	{
+		name: "CompTIA",
+		logoUrl: getCertificationProviderLogoUrl("comptia.svg"),
+		hubType: "subhub"
+	},
+	{
+		name: "ISC2",
+		logoUrl: getCertificationProviderLogoUrl("isc2.svg"),
+		hubType: "subhub"
+	},
+	{
+		name: "AWS",
+		logoUrl: getCertificationProviderLogoUrl("aws.svg"),
+		hubType: "subhub"
+	},
+	{
+		name: "Google",
+		logoUrl: getCertificationProviderLogoUrl("google.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "Cisco",
+		logoUrl: getCertificationProviderLogoUrl("cisco.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "IIBA",
+		logoUrl: getCertificationProviderLogoUrl("iiba.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "ISTQB",
+		logoUrl: getCertificationProviderLogoUrl("istqb.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "ISACA",
+		logoUrl: getCertificationProviderLogoUrl("isaca.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "Kubernetes",
+		logoUrl: getCertificationProviderLogoUrl("kubernetes.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "Oracle",
+		logoUrl: getCertificationProviderLogoUrl("oracle.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "Project Management Institute",
+		logoUrl: getCertificationProviderLogoUrl("pmi.svg"),
+		hubType: "certification-prep"
+	}
+];
+const popularLanguages = [
+	{
+		id: "python",
+		href: "/catalog/language/python",
+		trackingTarget: "topnav_catalog_skill_python",
+		text: "Python",
+		type: "link",
+		icon: PythonIcon
+	},
+	{
+		id: "javascript",
+		href: "/catalog/language/javascript",
+		trackingTarget: "topnav_catalog_skill_javascript",
+		text: "JavaScript",
+		type: "link",
+		icon: JavascriptIcon
+	},
+	{
+		id: "html-css",
+		href: "/catalog/language/html-css",
+		trackingTarget: "topnav_catalog_skill_html-css",
+		text: "HTML & CSS",
+		type: "link",
+		icon: HtmlCssIcon
+	},
+	{
+		id: "c-sharp",
+		href: "/catalog/language/c-sharp",
+		trackingTarget: "topnav_catalog_skill_c-sharp",
+		text: "C#",
+		type: "link",
+		icon: CSharpIcon
+	},
+	{
+		id: "c-plus-plus",
+		href: "/catalog/language/c-plus-plus",
+		trackingTarget: "topnav_catalog_skill_c-plus-plus",
+		text: "C++",
+		type: "link",
+		icon: CPlusIcon
+	},
+	{
+		id: "c",
+		href: "/catalog/language/c",
+		trackingTarget: "topnav_catalog_skill_c",
+		text: "C",
+		type: "link",
+		icon: CIcon
+	},
+	{
+		id: "php",
+		href: "/catalog/language/php",
+		trackingTarget: "topnav_catalog_skill_php",
+		text: "PHP",
+		type: "link",
+		icon: PhpIcon
+	},
+	{
+		id: "java",
+		href: "/catalog/language/java",
+		trackingTarget: "topnav_catalog_skill_java",
+		text: "Java",
+		type: "link",
+		icon: JavaIcon
+	},
+	{
+		id: "sql",
+		href: "/catalog/language/sql",
+		trackingTarget: "topnav_catalog_skill_sql",
+		text: "SQL",
+		type: "link",
+		icon: SqlIcon
+	}
+];
+const popularSubjects = [
+	{
+		id: "artificial-intelligence",
+		href: "/catalog/subject/artificial-intelligence",
+		trackingTarget: "topnav_catalog_skill_ai",
+		text: "AI",
+		type: "link",
+		icon: ArtificialIntelligenceIcon
+	},
+	{
+		id: "it",
+		href: "/catalog/subject/information-technology",
+		trackingTarget: "topnav_catalog_skill_it",
+		text: "IT",
+		type: "link",
+		icon: DataEngineeringIcon
+	},
+	{
+		id: "cybersecurity",
+		href: "/catalog/subject/cybersecurity",
+		trackingTarget: "topnav_catalog_skill_cybersecurity",
+		text: "Cybersecurity",
+		type: "link",
+		icon: CybersecurityIcon
+	},
+	{
+		id: "cloud-computing",
+		href: "/catalog/subject/cloud-computing",
+		trackingTarget: "topnav_catalog_skill_cloud-computing",
+		text: "Cloud computing",
+		type: "link",
+		icon: CloudComputingIcon
+	},
+	{
+		id: "web-development",
+		href: "/catalog/subject/web-development",
+		trackingTarget: "topnav_catalog_skill_web_development",
+		text: "Web development",
+		type: "link",
+		icon: WebDevelopmentIcon
+	},
+	{
+		id: "data-science",
+		href: "/catalog/subject/data-science",
+		trackingTarget: "topnav_catalog_skill_data-science",
+		text: "Data science",
+		type: "link",
+		icon: DataScienceIcon
+	},
+	{
+		id: "web-design",
+		href: "/catalog/subject/web-design",
+		trackingTarget: "topnav_catalog_skill_web-design",
+		text: "Web design",
+		type: "link",
+		icon: WebDesignIcon
+	},
+	{
+		id: "professional-skills",
+		href: "/catalog/subject/professional-skills",
+		trackingTarget: "topnav_catalog_skill_professional-skills",
+		text: "Professional skills",
+		type: "link",
+		icon: GrowthIcon
+	},
+	{
+		id: "code-foundations",
+		href: "/catalog/subject/code-foundations",
+		trackingTarget: "topnav_catalog_skill_code-foundations",
+		text: "Code foundations",
+		type: "link",
+		icon: ProgrammingBrowserIcon
+	}
+];
+
+//#endregion
+export { CATALOG_NAV_SECTIONS, CERTIFICATION_PROVIDERS, popularLanguages, popularSubjects };
+//# sourceMappingURL=consts.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":["ArtificialIntelligenceIcon","BookLibraryIcon","BriefcaseIcon","CIcon","CloudComputingIcon","CPlusIcon","CSharpIcon","CybersecurityIcon","DataEngineeringIcon","DataScienceIcon","GrowthIcon","HtmlCssIcon","JavaIcon","JavascriptIcon","PhpIcon","ProfessionalCertificateIcon","ProgrammingBrowserIcon","PythonIcon","SqlIcon","StudyBookIcon","WebDesignIcon","WebDevelopmentIcon","React","CareerPathsPanel","CertificationPathsPanel","CourseTopicsPanel","SkillPathsPanel","getCertificationProviderLogoUrl","fileName","CATALOG_NAV_SECTIONS","item","icon","text","id","type","trackingTarget","panel","CERTIFICATION_PROVIDERS","name","logoUrl","hubType","popularLanguages","href","popularSubjects"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.tsx"],"sourcesContent":["import {\n  ArtificialIntelligenceIcon,\n  BookLibraryIcon,\n  BriefcaseIcon,\n  CIcon,\n  CloudComputingIcon,\n  CPlusIcon,\n  CSharpIcon,\n  CybersecurityIcon,\n  DataEngineeringIcon,\n  DataScienceIcon,\n  GrowthIcon,\n  HtmlCssIcon,\n  JavaIcon,\n  JavascriptIcon,\n  PhpIcon,\n  ProfessionalCertificateIcon,\n  ProgrammingBrowserIcon,\n  PythonIcon,\n  SqlIcon,\n  StudyBookIcon,\n  WebDesignIcon,\n  WebDevelopmentIcon,\n} from '@codecademy/gamut-icons';\nimport React from 'react';\n\nimport { AppHeaderCatalogDropdownItem, AppHeaderLinkItem } from '../../shared';\nimport {\n  CareerPathsPanel,\n  CertificationPathsPanel,\n  CourseTopicsPanel,\n  SkillPathsPanel,\n} from './NavPanels';\n\nexport type NavSectionConfig = {\n  item: AppHeaderCatalogDropdownItem;\n  panel: React.ComponentType<{ tabIndex?: number }>;\n};\n\nexport const getCertificationProviderLogoUrl = (fileName: string) =>\n  `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/v2/${fileName}`;\n\nexport const CATALOG_NAV_SECTIONS: NavSectionConfig[] = [\n  {\n    item: {\n      icon: StudyBookIcon,\n      text: 'Course topics',\n      id: 'course-topics',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_course_topics',\n    },\n    panel: CourseTopicsPanel,\n  },\n  {\n    item: {\n      icon: BookLibraryIcon,\n      text: 'Skill paths',\n      id: 'skill-paths',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_skill_paths',\n    },\n    panel: SkillPathsPanel,\n  },\n  {\n    item: {\n      icon: BriefcaseIcon,\n      text: 'Career paths',\n      id: 'career-paths',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_career_paths',\n    },\n    panel: CareerPathsPanel,\n  },\n  {\n    item: {\n      icon: ProfessionalCertificateIcon,\n      text: 'Certification paths',\n      id: 'certification-paths',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_certification_paths',\n    },\n    panel: CertificationPathsPanel,\n  },\n];\n\nexport const CERTIFICATION_PROVIDERS = [\n  {\n    name: 'Microsoft',\n    logoUrl: getCertificationProviderLogoUrl('microsoft.svg'),\n    hubType: 'subhub',\n  },\n  {\n    name: 'CompTIA',\n    logoUrl: getCertificationProviderLogoUrl('comptia.svg'),\n    hubType: 'subhub',\n  },\n  {\n    name: 'ISC2',\n    logoUrl: getCertificationProviderLogoUrl('isc2.svg'),\n    hubType: 'subhub',\n  },\n  {\n    name: 'AWS',\n    logoUrl: getCertificationProviderLogoUrl('aws.svg'),\n    hubType: 'subhub',\n  },\n  {\n    name: 'Google',\n    logoUrl: getCertificationProviderLogoUrl('google.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'Cisco',\n    logoUrl: getCertificationProviderLogoUrl('cisco.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'IIBA',\n    logoUrl: getCertificationProviderLogoUrl('iiba.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'ISTQB',\n    logoUrl: getCertificationProviderLogoUrl('istqb.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'ISACA',\n    logoUrl: getCertificationProviderLogoUrl('isaca.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'Kubernetes',\n    logoUrl: getCertificationProviderLogoUrl('kubernetes.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'Oracle',\n    logoUrl: getCertificationProviderLogoUrl('oracle.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'Project Management Institute',\n    logoUrl: getCertificationProviderLogoUrl('pmi.svg'),\n    hubType: 'certification-prep',\n  },\n];\n\nexport const popularLanguages: AppHeaderLinkItem[] = [\n  {\n    id: 'python',\n    href: '/catalog/language/python',\n    trackingTarget: 'topnav_catalog_skill_python',\n    text: 'Python',\n    type: 'link',\n    icon: PythonIcon,\n  },\n  {\n    id: 'javascript',\n    href: '/catalog/language/javascript',\n    trackingTarget: 'topnav_catalog_skill_javascript',\n    text: 'JavaScript',\n    type: 'link',\n    icon: JavascriptIcon,\n  },\n  {\n    id: 'html-css',\n    href: '/catalog/language/html-css',\n    trackingTarget: 'topnav_catalog_skill_html-css',\n    text: 'HTML & CSS',\n    type: 'link',\n    icon: HtmlCssIcon,\n  },\n  {\n    id: 'c-sharp',\n    href: '/catalog/language/c-sharp',\n    trackingTarget: 'topnav_catalog_skill_c-sharp',\n    text: 'C#',\n    type: 'link',\n    icon: CSharpIcon,\n  },\n  {\n    id: 'c-plus-plus',\n    href: '/catalog/language/c-plus-plus',\n    trackingTarget: 'topnav_catalog_skill_c-plus-plus',\n    text: 'C++',\n    type: 'link',\n    icon: CPlusIcon,\n  },\n  {\n    id: 'c',\n    href: '/catalog/language/c',\n    trackingTarget: 'topnav_catalog_skill_c',\n    text: 'C',\n    type: 'link',\n    icon: CIcon,\n  },\n  {\n    id: 'php',\n    href: '/catalog/language/php',\n    trackingTarget: 'topnav_catalog_skill_php',\n    text: 'PHP',\n    type: 'link',\n    icon: PhpIcon,\n  },\n  {\n    id: 'java',\n    href: '/catalog/language/java',\n    trackingTarget: 'topnav_catalog_skill_java',\n    text: 'Java',\n    type: 'link',\n    icon: JavaIcon,\n  },\n  {\n    id: 'sql',\n    href: '/catalog/language/sql',\n    trackingTarget: 'topnav_catalog_skill_sql',\n    text: 'SQL',\n    type: 'link',\n    icon: SqlIcon,\n  },\n];\n\nexport const popularSubjects: AppHeaderLinkItem[] = [\n  {\n    id: 'artificial-intelligence',\n    href: '/catalog/subject/artificial-intelligence',\n    trackingTarget: 'topnav_catalog_skill_ai',\n    text: 'AI',\n    type: 'link',\n    icon: ArtificialIntelligenceIcon,\n  },\n\n  {\n    id: 'it',\n    href: '/catalog/subject/information-technology',\n    trackingTarget: 'topnav_catalog_skill_it',\n    text: 'IT',\n    type: 'link',\n    icon: DataEngineeringIcon,\n  },\n  {\n    id: 'cybersecurity',\n    href: '/catalog/subject/cybersecurity',\n    trackingTarget: 'topnav_catalog_skill_cybersecurity',\n    text: 'Cybersecurity',\n    type: 'link',\n    icon: CybersecurityIcon,\n  },\n\n  {\n    id: 'cloud-computing',\n    href: '/catalog/subject/cloud-computing',\n    trackingTarget: 'topnav_catalog_skill_cloud-computing',\n    text: 'Cloud computing',\n    type: 'link',\n    icon: CloudComputingIcon,\n  },\n  {\n    id: 'web-development',\n    href: '/catalog/subject/web-development',\n    trackingTarget: 'topnav_catalog_skill_web_development',\n    text: 'Web development',\n    type: 'link',\n    icon: WebDevelopmentIcon,\n  },\n  {\n    id: 'data-science',\n    href: '/catalog/subject/data-science',\n    trackingTarget: 'topnav_catalog_skill_data-science',\n    text: 'Data science',\n    type: 'link',\n    icon: DataScienceIcon,\n  },\n  {\n    id: 'web-design',\n    href: '/catalog/subject/web-design',\n    trackingTarget: 'topnav_catalog_skill_web-design',\n    text: 'Web design',\n    type: 'link',\n    icon: WebDesignIcon,\n  },\n  {\n    id: 'professional-skills',\n    href: '/catalog/subject/professional-skills',\n    trackingTarget: 'topnav_catalog_skill_professional-skills',\n    text: 'Professional skills',\n    type: 'link',\n    icon: GrowthIcon,\n  },\n  {\n    id: 'code-foundations',\n    href: '/catalog/subject/code-foundations',\n    trackingTarget: 'topnav_catalog_skill_code-foundations',\n    text: 'Code foundations',\n    type: 'link',\n    icon: ProgrammingBrowserIcon,\n  },\n];\n"],"mappings":";;;;AAuCA,MAAa2B,mCAAmCC,aAC9C,gGAAgGA;AAElG,MAAaC,uBAA2C;CACtD;EACEC,MAAM;GACJC,MAAMZ;GACNa,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;EAClB;EACAC,OAAOX;CACT;CACA;EACEK,MAAM;GACJC,MAAM9B;GACN+B,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;EAClB;EACAC,OAAOV;CACT;CACA;EACEI,MAAM;GACJC,MAAM7B;GACN8B,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;EAClB;EACAC,OAAOb;CACT;CACA;EACEO,MAAM;GACJC,MAAMhB;GACNiB,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;EAClB;EACAC,OAAOZ;CACT;;AAGF,MAAaa,0BAA0B;CACrC;EACEC,MAAM;EACNC,SAASZ,gCAAgC,eAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,aAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,UAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,SAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,YAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,WAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,UAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,WAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,WAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,gBAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,YAAA;EACzCa,SAAS;CACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,SAAA;EACzCa,SAAS;CACX;;AAGF,MAAaC,mBAAwC;CACnD;EACER,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMd;CACR;CACA;EACEgB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMlB;CACR;CACA;EACEoB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMpB;CACR;CACA;EACEsB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMzB;CACR;CACA;EACE2B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM1B;CACR;CACA;EACE4B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM5B;CACR;CACA;EACE8B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMjB;CACR;CACA;EACEmB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMnB;CACR;CACA;EACEqB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMb;CACR;;AAGF,MAAayB,kBAAuC;CAClD;EACEV,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM/B;CACR;CAEA;EACEiC,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMvB;CACR;CACA;EACEyB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMxB;CACR;CAEA;EACE0B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM3B;CACR;CACA;EACE6B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMV;CACR;CACA;EACEY,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMtB;CACR;CACA;EACEwB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMX;CACR;CACA;EACEa,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMrB;CACR;CACA;EACEuB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMf;CACR"}

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.cjs

@@ -0,0 +1,100 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_elements = require('../../shared/elements.cjs');
+require('../../shared/index.cjs');
+const require_index$1 = require('../AppHeaderProvider/index.cjs');
+const require_context = require('../../../GlobalHeader/context.cjs');
+const require_MarketingBanner = require('./MarketingBanner.cjs');
+const require_index$2 = require('../AppHeaderDropdownProvider/index.cjs');
+const require_index$3 = require('../AppHeaderNavButton/index.cjs');
+const require_index$4 = require('../AppHeaderSection/index.cjs');
+const require_consts = require('./consts.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.tsx
+const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/ (0, _emotion_styled.default)(require_elements.AnimatedMegaMenuDropdown, {
+	shouldForwardProp: (prop) => prop !== "narrowCatalogDropdownPosition" && prop !== "wideCatalogDropdownPosition",
+	target: "edz5aa30",
+	label: "brand-StyledAnimatedMegaMenuDropdown"
+})("top:3.5rem;left:", ({ narrowCatalogDropdownPosition }) => {
+	return narrowCatalogDropdownPosition;
+}, ";@media (min-width:1261px){left:", ({ wideCatalogDropdownPosition }) => {
+	return wideCatalogDropdownPosition;
+}, ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3JNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIERyb3Bkb3duUG9zaXRpb25zLFxuICB1c2VIZWFkZXJEaXNwbGF5Q29udGV4dCxcbn0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duLFxuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93bk5hdkJ1dHRvbiB9IGZyb20gJy4uL0FwcEhlYWRlck5hdkJ1dHRvbic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJDb250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyU2VjdGlvbiB9IGZyb20gJy4uL0FwcEhlYWRlclNlY3Rpb24nO1xuaW1wb3J0IHsgQ0FUQUxPR19OQVZfU0VDVElPTlMgfSBmcm9tICcuL2NvbnN0cyc7XG5pbXBvcnQgeyBNYXJrZXRpbmdCYW5uZXIgfSBmcm9tICcuL01hcmtldGluZ0Jhbm5lcic7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtO1xufTtcblxuY29uc3QgU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gc3R5bGVkKEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biwge1xuICAvLyBwcmV2ZW50IHRoZSBwcm9wcyBmcm9tIGJlaW5nIHBhc3NlZCB0byB0aGUgRE9NIGVsZW1lbnQsIHdoaWNoIHdvdWxkIGNhdXNlIGEgUmVhY3Qgd2FybmluZy5cbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PlxuICAgIHByb3AgIT09ICduYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbicgJiZcbiAgICBwcm9wICE9PSAnd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uJyxcbn0pPHtcbiAgbmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb246IHN0cmluZztcbiAgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uOiBzdHJpbmc7XG59PmBcbiAgdG9wOiAzLjVyZW07XG4gIGxlZnQ6ICR7KHsgbmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb24gfSkgPT4ge1xuICAgIHJldHVybiBuYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbjtcbiAgfX07XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyNjFweCkge1xuICAgIGxlZnQ6ICR7KHsgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uIH0pID0+IHtcbiAgICAgIHJldHVybiB3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb247XG4gICAgfX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd246IFJlYWN0LkZDPFxuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbSB9KSA9PiB7XG4gIGNvbnN0IHsgdGV4dCB9ID0gaXRlbTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGRyb3Bkb3duUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgbGFzdE9wZW5lZERyb3Bkb3duLCBzZXRMYXN0T3BlbmVkRHJvcGRvd24gfSA9IHVzZUFwcEhlYWRlckNvbnRleHQoKTtcbiAgY29uc3QgeyBoZWFkZXJUeXBlIH0gPSB1c2VIZWFkZXJEaXNwbGF5Q29udGV4dCgpO1xuICBjb25zdCB7IGNhdGFsb2dEcm9wZG93biB9ID0gRHJvcGRvd25Qb3NpdGlvbnNbaGVhZGVyVHlwZV07XG4gIGNvbnN0IG5hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9uID0gY2F0YWxvZ0Ryb3Bkb3duLm5hcnJvdztcbiAgY29uc3Qgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uID0gY2F0YWxvZ0Ryb3Bkb3duLndpZGU7XG5cbiAgY29uc3QgYW5pbWF0aW9uRmluaXNoZWQgPSAoKSA9PiB7XG4gICAgaWYgKGlzT3BlbiAmJiBkcm9wZG93blJlZi5jdXJyZW50KSB7XG4gICAgICBkcm9wZG93blJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IDA7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGZvY3VzQnV0dG9uID0gKCkgPT4ge1xuICAgIGJ1dHRvblJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIGFjdGlvbihldmVudCwgaXRlbSk7XG4gICAgICBpZiAoc2V0TGFzdE9wZW5lZERyb3Bkb3duKSB7XG4gICAgICAgIHNldExhc3RPcGVuZWREcm9wZG93bih0ZXh0KTtcbiAgICAgIH1cbiAgICB9XG4gICAgc2V0SXNPcGVuKChwcmV2KSA9PiAhcHJldik7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBmb2N1c0J1dHRvbigpO1xuICB9LCBbXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobGFzdE9wZW5lZERyb3Bkb3duICE9PSB0ZXh0ICYmIGlzT3Blbikge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbGFzdE9wZW5lZERyb3Bkb3duXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGlja091dHNpZGUoZXZlbnQ6IE1vdXNlRXZlbnQgfCBFdmVudCkge1xuICAgICAgY29uc3QgY29udGFpbmVyID0gY29udGFpbmVyUmVmPy5jdXJyZW50O1xuICAgICAgY29uc3QgYnV0dG9uID0gYnV0dG9uUmVmPy5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgY29udGFpbmVyICYmXG4gICAgICAgICFjb250YWluZXIuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgICAgIGJ1dHRvbiAmJlxuICAgICAgICAhYnV0dG9uLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtjb250YWluZXJSZWYsIGhhbmRsZUNsb3NlLCBpc09wZW5dKTtcblxuICByZXR1cm4gKFxuICAgIDxBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZX0+XG4gICAgICA8QXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b25cbiAgICAgICAgYnV0dG9uUmVmPXtidXR0b25SZWZ9XG4gICAgICAgIGhhbmRsZU9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICB0ZXh0PXt0ZXh0fVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd25cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIG5hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9uPXtuYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbn1cbiAgICAgICAgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uPXt3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb259XG4gICAgICAgIHRhYkluZGV4PXstMX0gLy8gcHJldmVudCBmcm9tIGludGVyZmVyaW5nIHdpdGggQXBwSGVhZGVyIGZvY3VzIGxvZ2ljXG4gICAgICAgIGRhdGEtdGVzdGlkPVwiY2F0YWxvZy1tZW51LWRyb3Bkb3duXCJcbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17YW5pbWF0aW9uRmluaXNoZWR9XG4gICAgICAgIHJlZj17ZHJvcGRvd25SZWZ9XG4gICAgICA+XG4gICAgICAgIDxDb2xvck1vZGUgbW9kZT1cImxpZ2h0XCI+XG4gICAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICBuYXZTZWN0aW9ucz17Q0FUQUxPR19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgICBNYXJrZXRpbmdCYW5uZXI9e01hcmtldGluZ0Jhbm5lcn1cbiAgICAgICAgICAgIGhhbmRsZUNsb3NlPXsoKSA9PiBzZXRJc09wZW4oZmFsc2UpfVxuICAgICAgICAgICAgdHlwZT1cImNhdGFsb2ctZHJvcGRvd25cIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQ29sb3JNb2RlPlxuICAgICAgPC9TdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24+XG4gICAgPC9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnVDIn0= */");
+const AppHeaderCatalogDropdown = ({ action, item }) => {
+	const { text } = item;
+	const containerRef = (0, react.useRef)(null);
+	const buttonRef = (0, react.useRef)(null);
+	const dropdownRef = (0, react.useRef)(null);
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const { lastOpenedDropdown, setLastOpenedDropdown } = require_index$1.useAppHeaderContext();
+	const { headerType } = require_context.useHeaderDisplayContext();
+	const { catalogDropdown } = require_context.DropdownPositions[headerType];
+	const narrowCatalogDropdownPosition = catalogDropdown.narrow;
+	const wideCatalogDropdownPosition = catalogDropdown.wide;
+	const animationFinished = () => {
+		if (isOpen && dropdownRef.current) dropdownRef.current.scrollTop = 0;
+	};
+	const focusButton = () => {
+		buttonRef?.current?.focus();
+	};
+	const handleOnClick = (event) => {
+		if (!isOpen) {
+			action(event, item);
+			if (setLastOpenedDropdown) setLastOpenedDropdown(text);
+		}
+		setIsOpen((prev) => !prev);
+	};
+	const handleClose = (0, react.useCallback)(() => {
+		setIsOpen(false);
+		focusButton();
+	}, []);
+	(0, react.useEffect)(() => {
+		if (lastOpenedDropdown !== text && isOpen) setIsOpen(false);
+	}, [lastOpenedDropdown]);
+	(0, react.useEffect)(() => {
+		function handleClickOutside(event) {
+			const container = containerRef?.current;
+			const button = buttonRef?.current;
+			if (isOpen && container && !container.contains(event.target) && button && !button.contains(event.target)) handleClose();
+		}
+		document.addEventListener("mousedown", handleClickOutside);
+		document.addEventListener("blur", handleClickOutside);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+			document.removeEventListener("blur", handleClickOutside);
+		};
+	}, [
+		containerRef,
+		handleClose,
+		isOpen
+	]);
+	return /*#__PURE__*/ react.createElement(require_index$2.AppHeaderDropdownProvider, { handleClose }, /*#__PURE__*/ react.createElement(require_index$3.AppHeaderDropdownNavButton, {
+		buttonRef,
+		handleOnClick,
+		isOpen,
+		text
+	}), /*#__PURE__*/ react.createElement(StyledAnimatedMegaMenuDropdown, {
+		isOpen,
+		narrowCatalogDropdownPosition,
+		wideCatalogDropdownPosition,
+		tabIndex: -1,
+		"data-testid": "catalog-menu-dropdown",
+		onAnimationComplete: animationFinished,
+		ref: dropdownRef
+	}, /*#__PURE__*/ react.createElement(_codecademy_gamut_styles.ColorMode, { mode: "light" }, /*#__PURE__*/ react.createElement(require_index$4.AppHeaderSection, {
+		isOpen,
+		ref: containerRef,
+		navSections: require_consts.CATALOG_NAV_SECTIONS,
+		MarketingBanner: require_MarketingBanner.MarketingBanner,
+		handleClose: () => setIsOpen(false),
+		type: "catalog-dropdown"
+	}))));
+};
+
+//#endregion
+exports.AppHeaderCatalogDropdown = AppHeaderCatalogDropdown;
+//# sourceMappingURL=index.cjs.map

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["ColorMode","styled","useCallback","useEffect","useRef","useState","React","DropdownPositions","useHeaderDisplayContext","AnimatedMegaMenuDropdown","AppHeaderDropdownProvider","AppHeaderDropdownNavButton","useAppHeaderContext","AppHeaderSection","CATALOG_NAV_SECTIONS","MarketingBanner","StyledAnimatedMegaMenuDropdown","shouldForwardProp","prop","narrowCatalogDropdownPosition","wideCatalogDropdownPosition","AppHeaderCatalogDropdown","action","item","text","containerRef","buttonRef","dropdownRef","isOpen","setIsOpen","lastOpenedDropdown","setLastOpenedDropdown","headerType","catalogDropdown","narrow","wide","animationFinished","current","scrollTop","focusButton","focus","handleOnClick","event","prev","handleClose","handleClickOutside","container","button","contains","target","document","addEventListener","removeEventListener","tabIndex","data-testid","onAnimationComplete","ref","mode","navSections","type"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.tsx"],"sourcesContent":["import { ColorMode } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport * as React from 'react';\n\nimport {\n  DropdownPositions,\n  useHeaderDisplayContext,\n} from '../../../GlobalHeader/context';\nimport {\n  AnimatedMegaMenuDropdown,\n  AppHeaderAction,\n  AppHeaderCatalogDropdownItem,\n} from '../../shared';\nimport { AppHeaderDropdownProvider } from '../AppHeaderDropdownProvider';\nimport { AppHeaderDropdownNavButton } from '../AppHeaderNavButton';\nimport { useAppHeaderContext } from '../AppHeaderProvider';\nimport { AppHeaderSection } from '../AppHeaderSection';\nimport { CATALOG_NAV_SECTIONS } from './consts';\nimport { MarketingBanner } from './MarketingBanner';\n\nexport type AppHeaderCatalogDropdownProps = AppHeaderAction & {\n  item: AppHeaderCatalogDropdownItem;\n};\n\nconst StyledAnimatedMegaMenuDropdown = styled(AnimatedMegaMenuDropdown, {\n  // prevent the props from being passed to the DOM element, which would cause a React warning.\n  shouldForwardProp: (prop) =>\n    prop !== 'narrowCatalogDropdownPosition' &&\n    prop !== 'wideCatalogDropdownPosition',\n})<{\n  narrowCatalogDropdownPosition: string;\n  wideCatalogDropdownPosition: string;\n}>`\n  top: 3.5rem;\n  left: ${({ narrowCatalogDropdownPosition }) => {\n    return narrowCatalogDropdownPosition;\n  }};\n\n  @media (min-width: 1261px) {\n    left: ${({ wideCatalogDropdownPosition }) => {\n      return wideCatalogDropdownPosition;\n    }};\n  }\n`;\n\nexport const AppHeaderCatalogDropdown: React.FC<\n  AppHeaderCatalogDropdownProps\n> = ({ action, item }) => {\n  const { text } = item;\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const dropdownRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n  const { headerType } = useHeaderDisplayContext();\n  const { catalogDropdown } = DropdownPositions[headerType];\n  const narrowCatalogDropdownPosition = catalogDropdown.narrow;\n  const wideCatalogDropdownPosition = catalogDropdown.wide;\n\n  const animationFinished = () => {\n    if (isOpen && dropdownRef.current) {\n      dropdownRef.current.scrollTop = 0;\n    }\n  };\n\n  const focusButton = () => {\n    buttonRef?.current?.focus();\n  };\n\n  const handleOnClick = (event: React.MouseEvent) => {\n    if (!isOpen) {\n      action(event, item);\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(text);\n      }\n    }\n    setIsOpen((prev) => !prev);\n  };\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n    focusButton();\n  }, []);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== text && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent | Event) {\n      const container = containerRef?.current;\n      const button = buttonRef?.current;\n      if (\n        isOpen &&\n        container &&\n        !container.contains(event.target as Node) &&\n        button &&\n        !button.contains(event.target as Node)\n      ) {\n        handleClose();\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('blur', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('blur', handleClickOutside);\n    };\n  }, [containerRef, handleClose, isOpen]);\n\n  return (\n    <AppHeaderDropdownProvider handleClose={handleClose}>\n      <AppHeaderDropdownNavButton\n        buttonRef={buttonRef}\n        handleOnClick={handleOnClick}\n        isOpen={isOpen}\n        text={text}\n      />\n      <StyledAnimatedMegaMenuDropdown\n        isOpen={isOpen}\n        narrowCatalogDropdownPosition={narrowCatalogDropdownPosition}\n        wideCatalogDropdownPosition={wideCatalogDropdownPosition}\n        tabIndex={-1} // prevent from interfering with AppHeader focus logic\n        data-testid=\"catalog-menu-dropdown\"\n        onAnimationComplete={animationFinished}\n        ref={dropdownRef}\n      >\n        <ColorMode mode=\"light\">\n          <AppHeaderSection\n            isOpen={isOpen}\n            ref={containerRef}\n            navSections={CATALOG_NAV_SECTIONS}\n            MarketingBanner={MarketingBanner}\n            handleClose={() => setIsOpen(false)}\n            type=\"catalog-dropdown\"\n          />\n        </ColorMode>\n      </StyledAnimatedMegaMenuDropdown>\n    </AppHeaderDropdownProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,MAAMgB,iCAAiCf,2CAAOQ,2CAA0B;CAEtEQ,oBAAoBC,SAClBA,SAAS,mCACTA,SAAS;;;AACb,CAAA,CAAA,CAAA,qBAKW,EAAEC,oCAA+B;CACxC,OAAOA;AACT,GAAA,qCAGW,EAAEC,kCAA6B;CACtC,OAAOA;AACT,GAAA,MAAA,qsNAAA;AAIJ,MAAaC,4BAER,EAAEC,QAAQC,WAAM;CACnB,MAAM,EAAEC,SAASD;CACjB,MAAME,iCAA6C,IAAA;CACnD,MAAMC,8BAAsC,IAAA;CAC5C,MAAMC,gCAA4C,IAAA;CAClD,MAAM,CAACC,QAAQC,iCAAsB,KAAA;CACrC,MAAM,EAAEC,oBAAoBC,0BAA0BnB,oCAAAA;CACtD,MAAM,EAAEoB,eAAexB,wCAAAA;CACvB,MAAM,EAAEyB,oBAAoB1B,kCAAkByB;CAC9C,MAAMb,gCAAgCc,gBAAgBC;CACtD,MAAMd,8BAA8Ba,gBAAgBE;CAEpD,MAAMC,0BAAoB;EACxB,IAAIR,UAAUD,YAAYU,SACxBV,YAAYU,QAAQC,YAAY;CAEpC;CAEA,MAAMC,oBAAc;EAClBb,WAAWW,SAASG,MAAAA;CACtB;CAEA,MAAMC,iBAAiBC,UAAAA;EACrB,IAAI,CAACd,QAAQ;GACXN,OAAOoB,OAAOnB,IAAAA;GACd,IAAIQ,uBACFA,sBAAsBP,IAAAA;EAE1B;EACAK,WAAWc,SAAS,CAACA,IAAAA;CACvB;CAEA,MAAMC,2CAA0B;EAC9Bf,UAAU,KAAA;EACVU,YAAAA;CACF,GAAG,CAAA,CAAE;CAELpC,2BAAU;EACR,IAAI2B,uBAAuBN,QAAQI,QACjCC,UAAU,KAAA;CAGd,GAAG,CAACC,mBAAmB;CAEvB3B,2BAAU;EACR,SAAS0C,mBAAmBH,OAAyB;GACnD,MAAMI,YAAYrB,cAAcY;GAChC,MAAMU,SAASrB,WAAWW;GAC1B,IACET,UACAkB,aACA,CAACA,UAAUE,SAASN,MAAMO,MAAM,KAChCF,UACA,CAACA,OAAOC,SAASN,MAAMO,MAAM,GAE7BL,YAAAA;EAEJ;EAEAM,SAASC,iBAAiB,aAAaN,kBAAAA;EACvCK,SAASC,iBAAiB,QAAQN,kBAAAA;EAClC,aAAO;GACLK,SAASE,oBAAoB,aAAaP,kBAAAA;GAC1CK,SAASE,oBAAoB,QAAQP,kBAAAA;EACvC;CACF,GAAG;EAACpB;EAAcmB;EAAahB;EAAO;CAEtC,OACE,oBAAA,cAAClB,2CAAAA,EAAuCkC,eACtC,oBAAA,cAACjC,4CAAAA;EACYe;EACIe;EACPb;EACFJ;KAER,oBAAA,cAACR,gCAAAA;EACSY;EACuBT;EACFC;EAC7BiC,UAAU;EACVC,eAAY;EACZC,qBAAqBnB;EACrBoB,KAAK7B;IAEL,oBAAA,cAAC3B,oCAAAA,EAAUyD,MAAK,WACd,oBAAA,cAAC5C,kCAAAA;EACSe;EACR4B,KAAK/B;EACLiC,aAAa5C;EACbC,iBAAiBA;EACjB6B,mBAAmBf,UAAU,KAAA;EAC7B8B,MAAK;;AAMjB"}