@khanacademy/perseus 66.2.1 → 66.3.0

package/dist/server-item-renderer.d.ts

@@ -124,7 +124,7 @@ export declare class ServerItemRenderer extends React.Component<Props, State> im
     setAssetStatus: (assetKey: string, status: boolean) => void;
     render(): React.ReactNode;
 }
-declare const ref: React.ForwardRefExoticComponent<Omit<Pick<SharedRendererProps & OwnProps & HOCProps, keyof OwnProps> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<Pick<SharedRendererProps & OwnProps & HOCProps, keyof OwnProps> & {
     apiOptions?: Readonly<{
         isArticle?: boolean;
         onFocusChange?: (newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
@@ -164,4 +164,4 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<SharedRendererProps
     linterContext?: PerseusLinter.LinterContextProps | undefined;
     onRendered?: ((isRendered: boolean) => void) | undefined;
 } & {}, "onRendered"> & React.RefAttributes<ServerItemRenderer>>;
-export default ref;
+export default _default;

package/dist/user-input-manager.d.ts

@@ -1,7 +1,7 @@
 import type { PerseusWidgetsMap, UserInputMap } from "@khanacademy/perseus-core";
 export type InitializeUserInputCallback = (widgetOptions: PerseusWidgetsMap, problemNum: number) => void;
 export type RestoreUserInputFromSerializedStateCallback = (serializedState: unknown, widgetOptions: PerseusWidgetsMap) => void;
-export type HandleUserInputCallback = (widgetId: string, userInput: UserInputMap[keyof UserInputMap]) => void;
+export type HandleUserInputCallback = (widgetId: string, userInput: UserInputMap[keyof UserInputMap], widgetsEmpty: boolean) => void;
 type FunctionChildParams = {
     userInput: UserInputMap;
     handleUserInput: HandleUserInputCallback;
@@ -14,7 +14,7 @@ type FunctionChildParams = {
 type Props = {
     widgets: PerseusWidgetsMap;
     problemNum: number;
-    handleUserInput?: (userInput: UserInputMap) => void;
+    handleUserInput?: (userInput: UserInputMap, widgetsEmpty: boolean) => void;
     children: (payload: FunctionChildParams) => JSX.Element | null;
 };
 /**

package/dist/widget-ai-utils/categorizer/categorizer-ai-utils.d.ts

@@ -7,7 +7,7 @@ export type CategorizerPromptJSON = {
         categories: ReadonlyArray<string>;
     };
     userInput: {
-        itemToCategoryMapping: ReadonlyArray<number>;
+        itemToCategoryMapping: ReadonlyArray<number | null | undefined>;
     };
 };
 export declare const getPromptJSON: (renderProps: React.ComponentProps<typeof categorizer.widget>) => CategorizerPromptJSON;

package/dist/widgets/categorizer/categorizer.d.ts

@@ -24,7 +24,7 @@ export declare class Categorizer extends React.Component<Props, State> implement
      */
     getSerializedState(): any;
     getPromptJSON(): CategorizerPromptJSON;
-    _handleUserInput(itemNum: any, catNum: any): void;
+    _handleUserInput(itemNum: number, catNum: number): void;
     render(): React.ReactNode;
 }
 type RenderProps = {

package/dist/widgets/graded-group/graded-group-answer-bar.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { APIOptions } from "../../types";
-export type ANSWER_BAR_STATES = "HIDDEN" | "ACTIVE" | "INACTIVE" | "INCORRECT" | "CORRECT";
+export type ANSWER_BAR_STATES = "ACTIVE" | "INACTIVE" | "INCORRECT" | "CORRECT";
 type Props = {
     answerBarState: ANSWER_BAR_STATES;
     apiOptions: APIOptions;

package/dist/widgets/graded-group/graded-group.d.ts

@@ -4,7 +4,7 @@ import Renderer from "../../renderer";
 import type { ANSWER_BAR_STATES } from "./graded-group-answer-bar";
 import type { FocusPath, TrackingGradedGroupExtraArguments, Widget, WidgetProps } from "../../types";
 import type { GradedGroupPromptJSON } from "../../widget-ai-utils/graded-group/graded-group-ai-utils";
-import type { PerseusGradedGroupWidgetOptions } from "@khanacademy/perseus-core";
+import type { PerseusGradedGroupWidgetOptions, UserInputMap } from "@khanacademy/perseus-core";
 declare const GRADING_STATUSES: {
     readonly ungraded: "ungraded";
     readonly correct: "correct";
@@ -40,7 +40,7 @@ export declare class GradedGroup extends React.Component<Props, State> implement
     hintRendererRef: React.RefObject<Renderer>;
     shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
     change: (...args: ReadonlyArray<unknown>) => any;
-    _handleUserInput(): void;
+    _handleUserInput(_userInput: UserInputMap, widgetsEmpty: boolean): void;
     _checkAnswer: () => void;
     getInputPaths: () => ReadonlyArray<FocusPath>;
     getPromptJSON(): GradedGroupPromptJSON;

package/dist/widgets/radio/base-radio.d.ts

@@ -2,6 +2,7 @@ import { type PerseusRadioWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { APIOptions } from "../../types";
 export type ChoiceType = {
+    id: string;
     checked: boolean;
     content: React.ReactNode;
     rationale: React.ReactNode;

package/dist/widgets/radio/choice.new.d.ts

@@ -1,28 +1,11 @@
-import * as React from "react";
-import type { APIOptions } from "../../types";
-export interface ChoiceProps {
-    apiOptions?: APIOptions;
-    checked?: boolean;
-    rationale: React.ReactNode;
-    content: React.ReactNode;
-    correct?: boolean;
-    disabled?: boolean;
-    pos: number;
-    reviewMode: boolean;
-    showRationale: boolean;
-    showCorrectness: boolean;
-    multipleSelect: boolean;
-    previouslyAnswered?: boolean;
-    onChange?: (newValues: {
-        checked: boolean;
-    }) => void;
+import React from "react";
+export interface IndicatorProps {
+    checked: boolean;
+    children: React.ReactNode | React.ReactNode[];
+    indicatorContent: string;
+    isMultiSelect: boolean;
+    showCorrectness?: "correct" | "wrong";
+    updateChecked: (isChecked: boolean) => void;
 }
-/**
- * This component is a duplicate of the Choice component in choice.tsx
- * for the Radio Revitalization Project. (LEMS-2933)
- * This component will eventually replace choice.tsx when the feature flag is no longer needed.
- *
- * TODO(LEMS-2994): Clean up this file.
- */
-declare const Choice: React.ForwardRefExoticComponent<ChoiceProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Choice: (props: IndicatorProps) => React.JSX.Element;
 export default Choice;

package/dist/widgets/radio/multiple-choice-component.new.d.ts

@@ -1,37 +1,15 @@
-import { type PerseusRadioWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
-import type { APIOptions } from "../../types";
-/**
- * Represents a single choice in the MultipleChoiceComponent
- */
-export interface ChoiceType {
-    checked: boolean;
-    content: React.ReactNode;
-    rationale: React.ReactNode;
-    hasRationale: boolean;
-    showRationale: boolean;
-    showCorrectness: boolean;
-    correct: boolean;
-    isNoneOfTheAbove: boolean;
-    previouslyAnswered: boolean;
-    revealNoneOfTheAbove: boolean;
-    disabled: boolean;
-}
+import type { ChoiceType } from "./multiple-choice-widget.new";
 /**
  * Props for the MultipleChoiceComponent
  */
-interface MultipleChoiceComponentProps {
-    apiOptions: APIOptions;
+export interface MultipleChoiceComponentProps {
     choices: ReadonlyArray<ChoiceType>;
     countChoices: boolean | null | undefined;
-    editMode?: boolean;
-    isLastUsedWidget?: boolean;
-    labelWrap: boolean;
     multipleSelect?: boolean;
     numCorrect: number;
     onChoiceChange: (choiceIndex: number, newCheckedState: boolean) => void;
     reviewMode: boolean;
-    reviewModeRubric?: PerseusRadioWidgetOptions | null;
 }
 /**
  * The MultipleChoiceComponent renders the UI for multiple choice questions.
@@ -44,5 +22,5 @@ interface MultipleChoiceComponentProps {
  *
  * Created as part of the Radio Revitalization Project (LEMS-2933).
  */
-declare const MultipleChoiceComponent: ({ apiOptions, reviewModeRubric, reviewMode, editMode, multipleSelect, labelWrap, countChoices, numCorrect, isLastUsedWidget, choices, onChoiceChange, }: MultipleChoiceComponentProps) => React.ReactElement;
+declare const MultipleChoiceComponent: ({ choices, countChoices, multipleSelect, numCorrect, onChoiceChange, reviewMode, }: MultipleChoiceComponentProps) => React.ReactElement;
 export default MultipleChoiceComponent;

package/dist/widgets/radio/multiple-choice-widget.new.d.ts

@@ -1,9 +1,25 @@
 import * as React from "react";
-import type { ChoiceType } from "./multiple-choice-component.new";
 import type { PerseusStrings } from "../../strings";
 import type { WidgetProps, ChoiceState, Widget } from "../../types";
 import type { RadioPromptJSON } from "../../widget-ai-utils/radio/radio-ai-utils";
 import type { PerseusRadioChoice, PerseusRadioRubric, PerseusRadioUserInput } from "@khanacademy/perseus-core";
+/**
+ * Represents a single choice in the MultipleChoiceComponent
+ */
+export interface ChoiceType {
+    id: string;
+    checked: boolean;
+    content: React.ReactNode;
+    rationale: React.ReactNode;
+    hasRationale: boolean;
+    showRationale: boolean;
+    showCorrectness: boolean;
+    correct: boolean;
+    isNoneOfTheAbove: boolean;
+    previouslyAnswered: boolean;
+    revealNoneOfTheAbove: boolean;
+    disabled: boolean;
+}
 export type RenderProps = {
     numCorrect: number;
     hasNoneOfTheAbove?: boolean;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "66.2.1",
+  "version": "66.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -42,36 +42,36 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.1.0",
-    "@khanacademy/kmath": "2.1.1",
-    "@khanacademy/keypad-context": "3.1.1",
-    "@khanacademy/math-input": "26.1.1",
-    "@khanacademy/perseus-core": "18.4.0",
-    "@khanacademy/perseus-linter": "4.2.1",
+    "@khanacademy/keypad-context": "3.1.2",
+    "@khanacademy/kmath": "2.1.2",
+    "@khanacademy/math-input": "26.1.3",
+    "@khanacademy/perseus-core": "18.5.0",
+    "@khanacademy/perseus-linter": "4.2.2",
+    "@khanacademy/perseus-score": "7.5.0",
     "@khanacademy/perseus-utils": "2.1.0",
-    "@khanacademy/perseus-score": "7.4.0",
     "@khanacademy/pure-markdown": "2.2.0",
     "@khanacademy/simple-markdown": "2.1.0"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-banner": "4.2.11",
-    "@khanacademy/wonder-blocks-button": "10.2.15",
-    "@khanacademy/wonder-blocks-clickable": "7.1.19",
+    "@khanacademy/wonder-blocks-banner": "4.2.14",
+    "@khanacademy/wonder-blocks-button": "11.0.0",
+    "@khanacademy/wonder-blocks-clickable": "7.1.20",
     "@khanacademy/wonder-blocks-core": "12.3.0",
     "@khanacademy/wonder-blocks-data": "14.1.4",
-    "@khanacademy/wonder-blocks-dropdown": "10.3.0",
-    "@khanacademy/wonder-blocks-form": "7.3.1",
-    "@khanacademy/wonder-blocks-icon-button": "10.3.14",
-    "@khanacademy/wonder-blocks-icon": "5.2.13",
-    "@khanacademy/wonder-blocks-labeled-field": "3.2.2",
-    "@khanacademy/wonder-blocks-layout": "3.1.30",
-    "@khanacademy/wonder-blocks-link": "9.1.19",
-    "@khanacademy/wonder-blocks-pill": "3.1.34",
-    "@khanacademy/wonder-blocks-popover": "6.1.22",
-    "@khanacademy/wonder-blocks-progress-spinner": "3.1.30",
-    "@khanacademy/wonder-blocks-switch": "3.3.12",
-    "@khanacademy/wonder-blocks-tokens": "12.0.1",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.36",
-    "@khanacademy/wonder-blocks-typography": "4.2.15",
+    "@khanacademy/wonder-blocks-dropdown": "10.3.2",
+    "@khanacademy/wonder-blocks-form": "7.3.2",
+    "@khanacademy/wonder-blocks-icon-button": "10.3.15",
+    "@khanacademy/wonder-blocks-icon": "5.2.14",
+    "@khanacademy/wonder-blocks-labeled-field": "4.0.0",
+    "@khanacademy/wonder-blocks-layout": "3.1.31",
+    "@khanacademy/wonder-blocks-link": "9.1.20",
+    "@khanacademy/wonder-blocks-pill": "3.1.35",
+    "@khanacademy/wonder-blocks-popover": "6.1.24",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.31",
+    "@khanacademy/wonder-blocks-switch": "3.3.13",
+    "@khanacademy/wonder-blocks-tokens": "12.0.2",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.38",
+    "@khanacademy/wonder-blocks-typography": "4.2.16",
     "@khanacademy/wonder-stuff-core": "1.5.5",
     "@phosphor-icons/core": "2.0.2",
     "@popperjs/core": "2.10.2",
@@ -90,25 +90,25 @@
     "raphael": "1.5.4"
   },
   "peerDependencies": {
-    "@khanacademy/wonder-blocks-banner": "^4.2.11",
-    "@khanacademy/wonder-blocks-button": "^10.2.15",
-    "@khanacademy/wonder-blocks-clickable": "^7.1.19",
+    "@khanacademy/wonder-blocks-banner": "^4.2.14",
+    "@khanacademy/wonder-blocks-button": "^11.0.0",
+    "@khanacademy/wonder-blocks-clickable": "^7.1.20",
     "@khanacademy/wonder-blocks-core": "^12.3.0",
     "@khanacademy/wonder-blocks-data": "^14.1.4",
-    "@khanacademy/wonder-blocks-dropdown": "^10.3.0",
-    "@khanacademy/wonder-blocks-form": "^7.3.1",
-    "@khanacademy/wonder-blocks-icon": "^5.2.13",
-    "@khanacademy/wonder-blocks-icon-button": "^10.3.14",
-    "@khanacademy/wonder-blocks-labeled-field": "^3.2.2",
-    "@khanacademy/wonder-blocks-layout": "^3.1.30",
-    "@khanacademy/wonder-blocks-link": "^9.1.19",
-    "@khanacademy/wonder-blocks-pill": "^3.1.34",
-    "@khanacademy/wonder-blocks-popover": "^6.1.22",
-    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.30",
-    "@khanacademy/wonder-blocks-switch": "^3.3.12",
-    "@khanacademy/wonder-blocks-tokens": "^12.0.1",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.36",
-    "@khanacademy/wonder-blocks-typography": "^4.2.15",
+    "@khanacademy/wonder-blocks-dropdown": "^10.3.2",
+    "@khanacademy/wonder-blocks-form": "^7.3.2",
+    "@khanacademy/wonder-blocks-icon": "^5.2.14",
+    "@khanacademy/wonder-blocks-icon-button": "^10.3.15",
+    "@khanacademy/wonder-blocks-labeled-field": "^4.0.0",
+    "@khanacademy/wonder-blocks-layout": "^3.1.31",
+    "@khanacademy/wonder-blocks-link": "^9.1.20",
+    "@khanacademy/wonder-blocks-pill": "^3.1.35",
+    "@khanacademy/wonder-blocks-popover": "^6.1.24",
+    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.31",
+    "@khanacademy/wonder-blocks-switch": "^3.3.13",
+    "@khanacademy/wonder-blocks-tokens": "^12.0.2",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.38",
+    "@khanacademy/wonder-blocks-typography": "^4.2.16",
     "@khanacademy/wonder-stuff-core": "^1.5.5",
     "@phosphor-icons/core": "^2.0.2",
     "@popperjs/core": "^2.10.2",

package/dist/widgets/radio/choice-none-above.new.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-import type { ChoiceProps } from "./choice.new";
-interface ChoiceNoneAboveProps extends ChoiceProps {
-    showContent?: boolean;
-}
-/**
- * This component is a duplicate of the ChoiceNoneAbove component in choice-none-above.tsx
- * for the Radio Revitalization Project. (LEMS-2933)
- * This component will eventually replace choice-none-above.tsx when the feature flag is no longer needed.
- *
- * TODO(LEMS-2994): Clean up this file.
- */
-declare const ChoiceNoneAbove: React.ForwardRefExoticComponent<ChoiceNoneAboveProps & React.RefAttributes<HTMLButtonElement>>;
-export default ChoiceNoneAbove;

package/dist/widgets/radio/focus-ring.new.d.ts

@@ -1,19 +0,0 @@
-/**
- * Renders a circular selection ring around the child.
- */
-import * as React from "react";
-interface FocusRingProps {
-    children?: React.ReactNode;
-    visible?: boolean;
-    color?: string;
-    multipleSelect?: boolean;
-}
-/**
- * This component is a duplicate of the FocusRing component in focus-ring.tsx
- * for the Radio Revitalization Project. (LEMS-2933)
- * This component will eventually replace focus-ring.tsx when the feature flag is no longer needed.
- *
- * TODO(LEMS-2994): Clean up this file.
- */
-declare const FocusRing: ({ visible, color, multipleSelect, children, }: FocusRingProps) => React.ReactElement;
-export default FocusRing;

package/dist/widgets/radio/multiple-choice-option.new.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export interface IndicatorProps {
-    checked: boolean;
-    children: React.ReactNode | React.ReactNode[];
-    indicatorContent: string;
-    isMultiSelect: boolean;
-    showCorrectness?: "correct" | "wrong";
-    updateChecked: (isChecked: boolean) => void;
-}
-declare const Choice: (props: IndicatorProps) => React.JSX.Element;
-export default Choice;

package/dist/widgets/radio/option-status.new.d.ts

@@ -1,23 +0,0 @@
-/**
- * Renders text indicating whether the choice was correct or
- * not and whether the choice was selected or not.
- * This information is redundant with that provided in the
- * ChoiceIcon visualizations but is meant to make the distinctions
- * between the states more immediately clear to users.
- */
-import * as React from "react";
-interface OptionStatusProps {
-    correct: boolean;
-    checked: boolean;
-    previouslyAnswered: boolean;
-    reviewMode: boolean;
-}
-/**
- * This component is a duplicate of the OptionStatus component in option-status.tsx
- * for the Radio Revitalization Project. (LEMS-2933)
- * This component will eventually replace option-status.tsx when the feature flag is no longer needed.
- *
- * TODO(LEMS-2994): Clean up this file.
- */
-declare const OptionStatus: ({ checked, correct, previouslyAnswered, reviewMode, }: OptionStatusProps) => React.ReactElement | null;
-export default OptionStatus;