@khanacademy/perseus 65.0.0 → 65.1.0

package/dist/renderer.d.ts

@@ -10,7 +10,7 @@ import type { GetPromptJSONInterface, RendererPromptJSON } from "./widget-ai-uti
 import type { KeypadAPI } from "@khanacademy/math-input";
 import type { PerseusRenderer, PerseusWidget, PerseusWidgetOptions, PerseusWidgetsMap, ShowSolutions, PerseusScore, UserInputArray, UserInputMap } from "@khanacademy/perseus-core";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
-import "./styles/perseus-renderer.less";
+import "./styles/perseus-renderer.css";
 type WidgetState = {
     isMobile?: boolean;
     inTable?: boolean;

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

@@ -69,6 +69,7 @@ export declare class ServerItemRenderer extends React.Component<Props, State> im
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     componentDidUpdate(prevProps: Props, prevState: State): void;
     componentWillUnmount(): void;
+    maybeCallOnRendered(): void;
     _handleFocusChange: (newFocus: FocusPath, oldFocus: FocusPath) => void;
     _setCurrentFocus(newFocus: FocusPath): void;
     _onRendererBlur(blurPath: FocusPath): void;

package/dist/widget-ai-utils/label-image/label-image-ai-utils.d.ts

@@ -6,6 +6,7 @@ type BaseMarker = {
 };
 type UserInputMarker = {
     label: string;
+    answers?: string[];
     selected?: ReadonlyArray<string>;
 };
 export type LabelImagePromptJSON = {

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

@@ -3,6 +3,7 @@ import type { PerseusRadioUserInput, RecursiveReadonly } from "@khanacademy/pers
 import type React from "react";
 type BasicOption = {
     value: string;
+    rationale?: string;
 };
 export type RadioPromptJSON = {
     type: "radio";

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

@@ -1,7 +1,7 @@
 import { type PerseusRadioWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { APIOptions } from "../../types";
-export type ChoiceType = {
+export interface ChoiceType {
     checked: boolean;
     content: React.ReactNode;
     rationale: React.ReactNode;
@@ -14,8 +14,8 @@ export type ChoiceType = {
     previouslyAnswered: boolean;
     revealNoneOfTheAbove: boolean;
     disabled: boolean;
-};
-type Props = {
+}
+interface BaseRadioProps {
     apiOptions: APIOptions;
     choices: ReadonlyArray<ChoiceType>;
     deselectEnabled?: boolean;
@@ -30,7 +30,7 @@ type Props = {
         checked: ReadonlyArray<boolean>;
     }) => void;
     isLastUsedWidget?: boolean;
-};
+}
 /**
  * The BaseRadio component is the core component for the radio widget.
  * It is responsible for rendering the radio choices and handling user interactions.
@@ -41,5 +41,5 @@ type Props = {
  *
  * TODO(LEMS-2994): Clean up this file.
  */
-declare const BaseRadio: ({ apiOptions, reviewModeRubric, reviewMode, choices, editMode, multipleSelect, labelWrap, countChoices, numCorrect, isLastUsedWidget, onChange, }: Props) => React.ReactElement;
+declare const BaseRadio: ({ apiOptions, reviewModeRubric, reviewMode, choices, editMode, multipleSelect, labelWrap, countChoices, numCorrect, isLastUsedWidget, onChange, }: BaseRadioProps) => React.ReactElement;
 export default BaseRadio;

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-type ChoiceIconProps = {
+interface ChoiceIconProps {
     pos: number;
     checked: boolean;
     focused: boolean;
@@ -10,7 +10,7 @@ type ChoiceIconProps = {
     multipleSelect: boolean;
     reviewMode: boolean;
     previouslyAnswered: boolean;
-};
+}
 /**
  * This component is a duplicate of the ChoiceIcon component in choice-icon.tsx
  * for the Radio Revitalization Project. (LEMS-2933)

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { ChoiceProps } from "./choice.new";
-interface Props extends ChoiceProps {
+interface ChoiceNoneAboveProps extends ChoiceProps {
     showContent?: boolean;
 }
 /**
@@ -10,5 +10,5 @@ interface Props extends ChoiceProps {
  *
  * TODO(LEMS-2994): Clean up this file.
  */
-declare const ChoiceNoneAbove: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+declare const ChoiceNoneAbove: React.ForwardRefExoticComponent<ChoiceNoneAboveProps & React.RefAttributes<HTMLButtonElement>>;
 export default ChoiceNoneAbove;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { APIOptions } from "../../types";
-export type ChoiceProps = {
+export interface ChoiceProps {
     apiOptions?: APIOptions;
     checked?: boolean;
     rationale: React.ReactNode;
@@ -16,7 +16,7 @@ export type ChoiceProps = {
     onChange?: (newValues: {
         checked: boolean;
     }) => void;
-};
+}
 /**
  * This component is a duplicate of the Choice component in choice.tsx
  * for the Radio Revitalization Project. (LEMS-2933)

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

@@ -2,12 +2,12 @@
  * Renders a circular selection ring around the child.
  */
 import * as React from "react";
-type Props = {
+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)
@@ -15,5 +15,5 @@ type Props = {
  *
  * TODO(LEMS-2994): Clean up this file.
  */
-declare const FocusRing: ({ visible, color, multipleSelect, children, }: Props) => React.ReactElement;
+declare const FocusRing: ({ visible, color, multipleSelect, children, }: FocusRingProps) => React.ReactElement;
 export default FocusRing;

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

@@ -6,12 +6,12 @@
  * between the states more immediately clear to users.
  */
 import * as React from "react";
-type Props = {
+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)
@@ -19,5 +19,5 @@ type Props = {
  *
  * TODO(LEMS-2994): Clean up this file.
  */
-declare const OptionStatus: ({ checked, correct, previouslyAnswered, reviewMode, }: Props) => React.ReactElement | null;
+declare const OptionStatus: ({ checked, correct, previouslyAnswered, reviewMode, }: OptionStatusProps) => React.ReactElement | null;
 export default OptionStatus;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "65.0.0",
+  "version": "65.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -41,16 +41,16 @@
     "mafs": "0.19.0",
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
-    "@khanacademy/kas": "2.0.5",
-    "@khanacademy/keypad-context": "3.0.13",
-    "@khanacademy/kmath": "2.0.13",
-    "@khanacademy/math-input": "26.0.2",
-    "@khanacademy/perseus-core": "14.0.0",
-    "@khanacademy/perseus-linter": "4.0.0",
-    "@khanacademy/perseus-score": "7.1.0",
+    "@khanacademy/kas": "2.0.6",
+    "@khanacademy/keypad-context": "3.0.14",
+    "@khanacademy/kmath": "2.0.14",
+    "@khanacademy/math-input": "26.0.3",
+    "@khanacademy/perseus-core": "14.0.1",
+    "@khanacademy/perseus-linter": "4.0.1",
+    "@khanacademy/perseus-score": "7.1.1",
     "@khanacademy/perseus-utils": "2.0.4",
-    "@khanacademy/pure-markdown": "2.0.5",
-    "@khanacademy/simple-markdown": "2.0.5"
+    "@khanacademy/pure-markdown": "2.0.6",
+    "@khanacademy/simple-markdown": "2.0.6"
   },
   "devDependencies": {
     "@khanacademy/wonder-blocks-banner": "4.1.21",
@@ -86,7 +86,7 @@
     "react-dom": "18.2.0",
     "react-popper": "^2.2.5",
     "underscore": "1.4.4",
-    "perseus-build-settings": "0.6.2",
+    "perseus-build-settings": "0.7.0",
     "raphael": "1.5.4"
   },
   "peerDependencies": {