@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

package/dist/ScoreSummary/SubScores.d.ts

@@ -1,40 +1,28 @@
-import { CorrectAnswerCountsBySubContent, UntestedSubContent } from "./types.js";
-import { Colors } from "@codecademy/gamut-styles";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { UserClickData } from "@codecademy/tracking";
-
-//#region src/ScoreSummary/SubScores.d.ts
-declare const renderSubScores: ({
-  isChallenge,
-  subScores,
-  pathSlug,
-  trackSlug,
-  trackingData,
-  trackUserClick,
-  colorfulIcons
-}: {
-  subScores: CorrectAnswerCountsBySubContent;
-  pathSlug: string;
-  colorfulIcons?: boolean;
-  isChallenge?: boolean;
-  trackSlug?: string;
-  trackingData?: UserClickData;
-  trackUserClick?: (data: UserClickData) => void;
-}) => react_jsx_runtime0.JSX.Element[];
+import { Colors } from '@codecademy/gamut-styles';
+import { UserClickData } from '@codecademy/tracking';
+import { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';
+export declare const renderSubScores: ({ isChallenge, subScores, pathSlug, trackSlug, trackingData, trackUserClick, colorfulIcons, }: {
+    subScores: CorrectAnswerCountsBySubContent;
+    pathSlug: string;
+    colorfulIcons?: boolean;
+    isChallenge?: boolean;
+    trackSlug?: string;
+    trackingData?: UserClickData;
+    trackUserClick?: (data: UserClickData) => void;
+}) => import("react/jsx-runtime").JSX.Element[];
 interface SubScoresProps {
-  colorfulIcons?: boolean;
-  isChallenge?: boolean;
-  layout?: 'column' | 'row';
-  lighterBorderColor?: Colors;
-  noMaxWidth?: boolean;
-  pathSlug: string;
-  showUntestedContent?: boolean;
-  subScores: CorrectAnswerCountsBySubContent;
-  trackingData?: UserClickData;
-  trackUserClick?: (data: UserClickData) => void;
-  trackSlug?: string;
-  untestedSubContent?: UntestedSubContent[];
+    colorfulIcons?: boolean;
+    isChallenge?: boolean;
+    layout?: 'column' | 'row';
+    lighterBorderColor?: Colors;
+    noMaxWidth?: boolean;
+    pathSlug: string;
+    showUntestedContent?: boolean;
+    subScores: CorrectAnswerCountsBySubContent;
+    trackingData?: UserClickData;
+    trackUserClick?: (data: UserClickData) => void;
+    trackSlug?: string;
+    untestedSubContent?: UntestedSubContent[];
 }
-declare const SubScores: React.FC<SubScoresProps>;
-//#endregion
-export { SubScores, renderSubScores };
+export declare const SubScores: React.FC<SubScoresProps>;
+export {};

package/dist/ScoreSummary/SubScores.js

@@ -1,134 +1,165 @@
-import { createResumeUrlPath } from "./helpers.js";
-import { Anchor, FlexBox, GridBox, Markdown, Text } from "@codecademy/gamut";
-import { pxRem } from "@codecademy/gamut-styles";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CheckFilledIcon, DeleteFilledIcon } from "@codecademy/gamut-icons";
-
-//#region src/ScoreSummary/SubScores.tsx
-const SHOW_REVIEW_SCORE = .6;
-const PASSING_SCORE = .7;
-const renderSubScores = ({ isChallenge, subScores, pathSlug, trackSlug, trackingData, trackUserClick, colorfulIcons }) => Object.entries(subScores).map(([subContentId, { title: subContentTitle, correct: subContentCorrect, total: subContentTotal, slug: subContentSlug }], i) => {
-	const subContentPercentCorrect = subContentCorrect / subContentTotal;
-	const reviewConceptsPath = createResumeUrlPath({
-		pathSlug,
-		trackSlug,
-		moduleSlug: subContentSlug
-	});
-	return /* @__PURE__ */ jsxs(FlexBox, {
-		borderTop: i !== 0 ? 1 : "none",
-		px: 16,
-		py: 8,
-		justifyContent: "space-between",
-		alignItems: "center",
-		role: "listitem",
-		children: [/* @__PURE__ */ jsxs(FlexBox, {
-			alignItems: "center",
-			children: [colorfulIcons ? subContentPercentCorrect >= PASSING_SCORE ? /* @__PURE__ */ jsx(CheckFilledIcon, {
-				minWidth: 16,
-				mr: 12,
-				color: "feedback-success"
-			}) : /* @__PURE__ */ jsx(DeleteFilledIcon, {
-				minWidth: 16,
-				mr: 12,
-				color: "feedback-error"
-			}) : null, /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
-				screenreader: true,
-				children: colorfulIcons ? `${subContentPercentCorrect >= PASSING_SCORE ? "passed" : "failed"}: ` : ""
-			}), isChallenge ? /* @__PURE__ */ jsx(Markdown, {
-				inline: true,
-				spacing: "none",
-				text: subContentTitle
-			}) : /* @__PURE__ */ jsx(Text, {
-				fontWeight: "bold",
-				children: subContentTitle
-			})] })]
-		}), /* @__PURE__ */ jsxs(FlexBox, {
-			fontSize: 14,
-			minWidth: subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug ? "11rem" : "3rem",
-			justifyContent: "flex-end",
-			children: [subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Anchor, {
-				"aria-label": `Review concepts for ${subContentTitle}`,
-				mr: 16,
-				href: reviewConceptsPath,
-				onClick: () => trackingData && trackUserClick?.({
-					...trackingData,
-					course_progress: parseFloat(subContentPercentCorrect.toFixed(4)),
-					href: reviewConceptsPath,
-					module_id: subContentId
-				}),
-				children: "Review Concepts"
-			}), " "] }), !isChallenge && /* @__PURE__ */ jsx(Text, {
-				"aria-label": `${subContentCorrect} out of ${subContentTotal} questions correct`,
-				children: `${subContentCorrect} / ${subContentTotal}`
-			})]
-		})]
-	}, subContentId);
+import { Anchor, FlexBox, GridBox, Markdown, Text } from '@codecademy/gamut';
+import { CheckFilledIcon, DeleteFilledIcon } from '@codecademy/gamut-icons';
+import { pxRem } from '@codecademy/gamut-styles';
+import { createResumeUrlPath } from './helpers';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const SHOW_REVIEW_SCORE = 0.6;
+const PASSING_SCORE = 0.7;
+export const renderSubScores = ({
+  isChallenge,
+  subScores,
+  pathSlug,
+  trackSlug,
+  trackingData,
+  trackUserClick,
+  colorfulIcons
+}) => Object.entries(subScores).map(([subContentId, {
+  title: subContentTitle,
+  correct: subContentCorrect,
+  total: subContentTotal,
+  slug: subContentSlug
+}], i) => {
+  const subContentPercentCorrect = subContentCorrect / subContentTotal;
+  const reviewConceptsPath = createResumeUrlPath({
+    pathSlug,
+    trackSlug,
+    moduleSlug: subContentSlug
+  });
+  return /*#__PURE__*/_jsxs(FlexBox, {
+    borderTop: i !== 0 ? 1 : 'none',
+    px: 16,
+    py: 8,
+    justifyContent: "space-between",
+    alignItems: "center",
+    role: "listitem",
+    children: [/*#__PURE__*/_jsxs(FlexBox, {
+      alignItems: "center",
+      children: [colorfulIcons ? subContentPercentCorrect >= PASSING_SCORE ? /*#__PURE__*/_jsx(CheckFilledIcon, {
+        minWidth: 16,
+        mr: 12,
+        color: "feedback-success"
+      }) : /*#__PURE__*/_jsx(DeleteFilledIcon, {
+        minWidth: 16,
+        mr: 12,
+        color: "feedback-error"
+      }) : null, /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          screenreader: true,
+          children: colorfulIcons ? `${subContentPercentCorrect >= PASSING_SCORE ? 'passed' : 'failed'}: ` : ''
+        }), isChallenge ? /*#__PURE__*/_jsx(Markdown, {
+          inline: true,
+          spacing: "none",
+          text: subContentTitle
+        }) : /*#__PURE__*/_jsx(Text, {
+          fontWeight: "bold",
+          children: subContentTitle
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(FlexBox, {
+      fontSize: 14,
+      minWidth: subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug ? '11rem' : '3rem',
+      justifyContent: "flex-end",
+      children: [subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Anchor, {
+          "aria-label": `Review concepts for ${subContentTitle}`,
+          mr: 16,
+          href: reviewConceptsPath,
+          onClick: () => trackingData && trackUserClick?.({
+            ...trackingData,
+            course_progress: parseFloat(subContentPercentCorrect.toFixed(4)),
+            href: reviewConceptsPath,
+            module_id: subContentId
+          }),
+          children: "Review Concepts"
+        }), ' ']
+      }), !isChallenge && /*#__PURE__*/_jsx(Text, {
+        "aria-label": `${subContentCorrect} out of ${subContentTotal} questions correct`,
+        children: `${subContentCorrect} / ${subContentTotal}`
+      })]
+    })]
+  }, subContentId);
 });
-const renderUntestedSubContent = ({ untestedSubContent, lighterBorderColor }) => /* @__PURE__ */ jsx(FlexBox, {
-	flexDirection: "column",
-	borderWidth: 1,
-	borderWidthTop: 0,
-	borderStyle: "solid",
-	borderColor: lighterBorderColor,
-	children: untestedSubContent.map(({ id, title }, i) => {
-		return /* @__PURE__ */ jsxs(FlexBox, {
-			borderWidth: 1,
-			borderWidthTop: i === 0 ? 0 : 1,
-			borderStyle: "solid",
-			borderColor: lighterBorderColor,
-			px: 16,
-			py: 8,
-			justifyContent: "space-between",
-			color: lighterBorderColor,
-			role: "listitem",
-			children: [/* @__PURE__ */ jsx(Text, {
-				flexGrow: 1,
-				children: title
-			}), /* @__PURE__ */ jsx(FlexBox, {
-				fontSize: 14,
-				alignItems: "center",
-				minWidth: "6.5rem",
-				justifyContent: "flex-end",
-				children: /* @__PURE__ */ jsx(Text, {
-					fontFamily: "accent",
-					children: "Not tested"
-				})
-			})]
-		}, id);
-	})
+const renderUntestedSubContent = ({
+  untestedSubContent,
+  lighterBorderColor
+}) => /*#__PURE__*/_jsx(FlexBox, {
+  flexDirection: "column",
+  borderWidth: 1,
+  borderWidthTop: 0,
+  borderStyle: "solid",
+  borderColor: lighterBorderColor,
+  children: untestedSubContent.map(({
+    id,
+    title
+  }, i) => {
+    return /*#__PURE__*/_jsxs(FlexBox, {
+      borderWidth: 1,
+      borderWidthTop: i === 0 ? 0 : 1,
+      borderStyle: "solid",
+      borderColor: lighterBorderColor,
+      px: 16,
+      py: 8,
+      justifyContent: "space-between",
+      color: lighterBorderColor,
+      role: "listitem",
+      children: [/*#__PURE__*/_jsx(Text, {
+        flexGrow: 1,
+        children: title
+      }), /*#__PURE__*/_jsx(FlexBox, {
+        fontSize: 14,
+        alignItems: "center",
+        minWidth: "6.5rem",
+        justifyContent: "flex-end",
+        children: /*#__PURE__*/_jsx(Text, {
+          fontFamily: "accent",
+          children: "Not tested"
+        })
+      })]
+    }, id);
+  })
 });
-const SubScores = ({ colorfulIcons = false, isChallenge = false, layout = "row", lighterBorderColor = "navy-400", noMaxWidth = false, pathSlug, showUntestedContent = false, subScores, trackSlug, trackingData, trackUserClick, untestedSubContent }) => {
-	return /* @__PURE__ */ jsxs(FlexBox, {
-		flexDirection: "column",
-		maxWidth: noMaxWidth ? "" : pxRem(705),
-		role: "list",
-		"aria-label": "Unit Subjects",
-		children: [/* @__PURE__ */ jsx(FlexBox, {
-			flexDirection: "column",
-			borderX: 1,
-			borderBottom: 1,
-			borderTop: isChallenge ? 1 : layout === "row" ? {
-				_: void 0,
-				md: 1
-			} : void 0,
-			children: renderSubScores({
-				colorfulIcons,
-				isChallenge,
-				pathSlug,
-				subScores,
-				trackSlug,
-				trackingData,
-				trackUserClick
-			})
-		}), showUntestedContent && /* @__PURE__ */ jsx(GridBox, {
-			bg: "transparent",
-			children: untestedSubContent && untestedSubContent?.length > 0 && renderUntestedSubContent({
-				untestedSubContent,
-				lighterBorderColor
-			})
-		})]
-	});
-};
-
-//#endregion
-export { SubScores, renderSubScores };
+export const SubScores = ({
+  colorfulIcons = false,
+  isChallenge = false,
+  layout = 'row',
+  lighterBorderColor = 'navy-400',
+  noMaxWidth = false,
+  pathSlug,
+  showUntestedContent = false,
+  subScores,
+  trackSlug,
+  trackingData,
+  trackUserClick,
+  untestedSubContent
+}) => {
+  return /*#__PURE__*/_jsxs(FlexBox, {
+    flexDirection: "column",
+    maxWidth: noMaxWidth ? '' : pxRem(705),
+    role: "list",
+    "aria-label": "Unit Subjects",
+    children: [/*#__PURE__*/_jsx(FlexBox, {
+      flexDirection: "column",
+      borderX: 1,
+      borderBottom: 1,
+      borderTop: isChallenge ? 1 : layout === 'row' ? {
+        _: undefined,
+        md: 1
+      } : undefined,
+      children: renderSubScores({
+        colorfulIcons,
+        isChallenge,
+        pathSlug,
+        subScores,
+        trackSlug,
+        trackingData,
+        trackUserClick
+      })
+    }), showUntestedContent && /*#__PURE__*/_jsx(GridBox, {
+      bg: "transparent",
+      children: untestedSubContent && untestedSubContent?.length > 0 && renderUntestedSubContent({
+        untestedSubContent,
+        lighterBorderColor
+      })
+    })]
+  });
+};

package/dist/ScoreSummary/helpers.d.ts

@@ -0,0 +1,11 @@
+export type ContentItemType = 'article' | 'context_item' | 'informational' | 'lesson' | 'lock' | 'pro' | 'project_component' | 'project' | 'quiz' | 'resource' | 'reviewable_project' | 'seminar' | 'video' | 'external_resource' | 'kanban_project';
+export interface ResumeUrlPathParams {
+    journeySlug?: string;
+    pathSlug?: string;
+    trackSlug?: string;
+    moduleSlug?: string;
+    contentItemType?: ContentItemType;
+    contentItemSlug?: string;
+}
+export declare const getContentItemTypeRoutePart: (type?: ContentItemType) => string;
+export declare const createResumeUrlPath: ({ journeySlug, pathSlug, trackSlug, moduleSlug, contentItemType, contentItemSlug, }: ResumeUrlPathParams) => string;

package/dist/ScoreSummary/helpers.js

@@ -1,18 +1,20 @@
-import pluralize from "pluralize";
-
-//#region src/ScoreSummary/helpers.tsx
-const getContentItemTypeRoutePart = (type) => {
-	return type ? pluralize(type, 2) : "";
+import pluralize from 'pluralize';
+export const getContentItemTypeRoutePart = type => {
+  return type ? pluralize(type, 2) : '';
 };
-const createResumeUrlPath = ({ journeySlug, pathSlug, trackSlug, moduleSlug, contentItemType, contentItemSlug }) => {
-	const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);
-	const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : "";
-	if (pathSlug && trackSlug && moduleSlug && contentItemType && contentItemTypeRoute && contentItemSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;
-	if (pathSlug && trackSlug && moduleSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;
-	if (pathSlug && trackSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;
-	if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;
-	return journeyUrl;
-};
-
-//#endregion
-export { createResumeUrlPath };
+export const createResumeUrlPath = ({
+  journeySlug,
+  pathSlug,
+  trackSlug,
+  moduleSlug,
+  contentItemType,
+  contentItemSlug
+}) => {
+  const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);
+  const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : '';
+  if (pathSlug && trackSlug && moduleSlug && contentItemType && contentItemTypeRoute && contentItemSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;
+  if (pathSlug && trackSlug && moduleSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;
+  if (pathSlug && trackSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;
+  if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;
+  return journeyUrl;
+};

package/dist/ScoreSummary/index.d.ts

@@ -1,25 +1,21 @@
-import { CorrectAnswerCountsBySubContent, UntestedSubContent } from "./types.js";
-import { Colors } from "@codecademy/gamut-styles";
-import * as React$1 from "react";
-import { UserClickData } from "@codecademy/tracking";
-
-//#region src/ScoreSummary/index.d.ts
-interface ScoreSummaryProps {
-  subScores: CorrectAnswerCountsBySubContent;
-  totalCorrect: number;
-  totalQuestions: number;
-  pathSlug: string;
-  trackSlug?: string;
-  trackingData?: UserClickData;
-  lighterBorderColor?: Colors;
-  layout?: 'column' | 'row';
-  untestedSubContent?: UntestedSubContent[];
-  trackUserClick?: (data: UserClickData) => void;
-  description?: string;
-  noMaxWidth?: boolean;
-  colorfulIcons?: boolean;
-  percentToPass?: number;
+import { Colors } from '@codecademy/gamut-styles';
+import { UserClickData } from '@codecademy/tracking';
+import * as React from 'react';
+import { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';
+export interface ScoreSummaryProps {
+    subScores: CorrectAnswerCountsBySubContent;
+    totalCorrect: number;
+    totalQuestions: number;
+    pathSlug: string;
+    trackSlug?: string;
+    trackingData?: UserClickData;
+    lighterBorderColor?: Colors;
+    layout?: 'column' | 'row';
+    untestedSubContent?: UntestedSubContent[];
+    trackUserClick?: (data: UserClickData) => void;
+    description?: string;
+    noMaxWidth?: boolean;
+    colorfulIcons?: boolean;
+    percentToPass?: number;
 }
-declare const ScoreSummary: React$1.FC<ScoreSummaryProps>;
-//#endregion
-export { ScoreSummary, ScoreSummaryProps };
+export declare const ScoreSummary: React.FC<ScoreSummaryProps>;