@khanacademy/perseus 68.0.2 → 69.0.1

package/dist/widgets/numeric-input/numeric-input.class.d.ts

@@ -83,7 +83,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/numeric-input/numeric-input.d.ts

@@ -41,7 +41,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget", boolean>;
+        flags?: Record<"new-radio-widget" | "image-widget-upgrade", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/orderer/orderer.d.ts

@@ -6,8 +6,7 @@ type Position = {
     left: number;
     top: number;
 };
-type RenderProps = OrdererPublicWidgetOptions;
-type OrdererProps = WidgetProps<RenderProps, PerseusOrdererUserInput>;
+type OrdererProps = WidgetProps<OrdererPublicWidgetOptions, PerseusOrdererUserInput>;
 type OrdererDefaultProps = Pick<OrdererProps, "options" | "height" | "layout" | "linterContext" | "userInput">;
 type OrdererState = {
     dragging: boolean;

package/dist/widgets/passage/passage.d.ts

@@ -2,7 +2,6 @@ import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { ParseState } from "./passage-markdown";
 import type { SerializedHighlightSet } from "../../components/highlighting/types";
-import type { ChangeableProps } from "../../mixins/changeable";
 import type { WidgetProps, Widget } from "../../types";
 import type { PassagePromptJSON } from "../../widget-ai-utils/passage/passage-ai-utils";
 import type { PerseusPassageWidgetOptions, PerseusWidget } from "@khanacademy/perseus-core";
@@ -13,22 +12,21 @@ export declare class LineHeightMeasurer extends React.Component<Record<any, any>
     render(): React.ReactNode;
 }
 type FindWidgetsCallback = (id: string, widgetInfo: PerseusWidget) => boolean;
-type PassageProps = ChangeableProps & WidgetProps<PerseusPassageWidgetOptions> & {
+type PassageProps = WidgetProps<PerseusPassageWidgetOptions> & {
     findWidgets: (arg1: FindWidgetsCallback) => ReadonlyArray<Passage>;
-    highlights: SerializedHighlightSet;
 };
 type DefaultPassageProps = {
     passageTitle: PassageProps["passageTitle"];
     passageText: PassageProps["passageText"];
     footnotes: PassageProps["footnotes"];
     showLineNumbers: PassageProps["showLineNumbers"];
-    highlights: PassageProps["highlights"];
     linterContext: PassageProps["linterContext"];
 };
 type PassageState = {
     nLines: number | null | undefined;
     startLineNumbersAfter: number;
     stylesAreApplied: boolean;
+    highlights: SerializedHighlightSet;
 };
 export type Reference = {
     startLine: number;

package/dist/widgets/passage-ref/passage-ref.d.ts

@@ -3,12 +3,7 @@ import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { Widget, WidgetProps } from "../../types";
 import type { PassageRefPromptJSON } from "../../widget-ai-utils/passage-ref/passage-ref-ai-utils";
-type RenderProps = {
-    passageNumber: PerseusPassageRefWidgetOptions["passageNumber"];
-    referenceNumber: PerseusPassageRefWidgetOptions["referenceNumber"];
-    summaryText: string;
-};
-type Props = WidgetProps<RenderProps>;
+type Props = WidgetProps<PerseusPassageRefWidgetOptions>;
 type DefaultProps = {
     passageNumber: Props["passageNumber"];
     referenceNumber: Props["referenceNumber"];

package/dist/widgets/plotter/plotter.d.ts

@@ -1,8 +1,8 @@
+import { type PerseusPlotterUserInput, type PerseusPlotterWidgetOptions, type PlotterPublicWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { Widget, WidgetProps } from "../../types";
 import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
-import type { PerseusPlotterUserInput, PerseusPlotterWidgetOptions, PlotterPublicWidgetOptions } from "@khanacademy/perseus-core";
 type Props = WidgetProps<PlotterPublicWidgetOptions, PerseusPlotterUserInput> & {
     labelInterval: NonNullable<PerseusPlotterWidgetOptions["labelInterval"]>;
     picSize: NonNullable<PerseusPlotterWidgetOptions["picSize"]>;
@@ -130,7 +130,7 @@ export declare class Plotter extends React.Component<Props, State> implements Wi
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/radio/index.d.ts

@@ -1,2 +1 @@
 export { default } from "./radio";
-export { type RenderProps } from "./radio-component";

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

@@ -18,7 +18,7 @@ export interface ChoiceType {
     revealNoneOfTheAbove: boolean;
     disabled: boolean;
 }
-export type RenderProps = {
+export type RadioProps = {
     numCorrect: number;
     hasNoneOfTheAbove?: boolean;
     multipleSelect?: boolean;
@@ -36,5 +36,5 @@ export interface RadioChoiceWithMetadata extends PerseusRadioChoice {
     originalIndex: number;
     correct?: boolean;
 }
-declare const Radio: React.ForwardRefExoticComponent<RenderProps & import("../../types").UniversalWidgetProps<PerseusRadioRubric, PerseusRadioUserInput, Empty> & React.RefAttributes<Widget>>;
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & import("../../types").UniversalWidgetProps<PerseusRadioRubric, PerseusRadioUserInput, Empty> & React.RefAttributes<Widget>>;
 export default Radio;

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

@@ -4,7 +4,7 @@ import type { FocusFunction } from "./base-radio";
 import type { WidgetProps, ChoiceState, Widget } from "../../types";
 import type { RadioPromptJSON } from "../../widget-ai-utils/radio/radio-ai-utils";
 import type { PerseusRadioChoice, ShowSolutions, PerseusRadioRubric, PerseusRadioUserInput, PerseusRadioWidgetOptions } from "@khanacademy/perseus-core";
-export type RenderProps = PerseusRadioWidgetOptions & {
+export type RadioProps = PerseusRadioWidgetOptions & {
     numCorrect: number;
     hasNoneOfTheAbove?: boolean;
     multipleSelect?: boolean;
@@ -14,7 +14,7 @@ export type RenderProps = PerseusRadioWidgetOptions & {
     showSolutions?: ShowSolutions;
     choiceStates?: ChoiceState[];
 };
-export type Props = WidgetProps<RenderProps, PerseusRadioUserInput, PerseusRadioRubric>;
+export type Props = WidgetProps<RadioProps, PerseusRadioUserInput, PerseusRadioRubric>;
 type DefaultProps = Required<Pick<Props, "choices" | "multipleSelect" | "countChoices" | "deselectEnabled" | "linterContext" | "showSolutions">>;
 export type RadioChoiceWithMetadata = PerseusRadioChoice & {
     originalIndex: number;

package/dist/widgets/radio/radio.ff.d.ts

@@ -1,10 +1,10 @@
 import { type PerseusRadioRubric, type PerseusRadioUserInput } from "@khanacademy/perseus-core";
 import * as React from "react";
 import RadioOld from "./radio-component";
-import type { RenderProps } from "./radio-component";
+import type { RadioProps } from "./radio-component";
 import type { ChoiceState, WidgetProps } from "../../types";
 import type { RadioPromptJSON } from "../../widget-ai-utils/radio/radio-ai-utils";
-type Props = WidgetProps<RenderProps, PerseusRadioUserInput, PerseusRadioRubric>;
+type Props = WidgetProps<RadioProps, PerseusRadioUserInput, PerseusRadioRubric>;
 type ChoiceStateWithoutSelected = Omit<ChoiceState, "selected">;
 type State = {
     choiceStates: ChoiceStateWithoutSelected[];
@@ -29,8 +29,8 @@ declare class Radio extends RadioOld {
      * [LEMS-3185] do not trust serializedState
      */
     getSerializedState(): {
+        hasNoneOfTheAbove: boolean;
         choices: import("@khanacademy/perseus-core").PerseusRadioChoice[] & import("./radio-component").RadioChoiceWithMetadata[];
-        hasNoneOfTheAbove?: boolean;
         countChoices?: boolean;
         numCorrect: number;
         multipleSelect?: boolean;
@@ -77,7 +77,7 @@ declare class Radio extends RadioOld {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/table/table.d.ts

@@ -1,15 +1,13 @@
 import * as React from "react";
 import ReactDOM from "react-dom";
 import { PerseusI18nContext } from "../../components/i18n-context";
-import type { ChangeableProps } from "../../mixins/changeable";
 import type { FocusPath, Widget, WidgetProps } from "../../types";
 import type { PerseusTableWidgetOptions, PerseusTableUserInput } from "@khanacademy/perseus-core";
 type EditorProps = {
     editableHeaders: boolean;
     Editor: any;
 };
-type RenderProps = Omit<PerseusTableWidgetOptions, "answers">;
-type Props = WidgetProps<RenderProps, PerseusTableUserInput> & ChangeableProps & EditorProps;
+type Props = WidgetProps<PerseusTableWidgetOptions, PerseusTableUserInput> & EditorProps;
 type DefaultProps = {
     apiOptions: Props["apiOptions"];
     headers: Props["headers"];
@@ -42,9 +40,9 @@ declare class Table extends React.Component<Props> implements Widget {
      */
     getSerializedState(): {
         answers: PerseusTableUserInput;
-        columns: number;
-        rows: number;
         headers: string[];
+        rows: number;
+        columns: number;
         reviewModeRubric?: Empty | null | undefined;
         trackInteraction: (extraData?: Empty | undefined) => void;
         widgetId: string;
@@ -54,7 +52,10 @@ declare class Table extends React.Component<Props> implements Widget {
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
-            onFocusChange?: (newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+            onFocusChange?: (newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadHeight? /**
+             * @deprecated and likely very broken API
+             * [LEMS-3185] do not trust serializedState
+             */: number, focusedElement?: HTMLElement) => unknown;
             GroupMetadataEditor?: React.ComponentType<any>;
             showAlignmentOptions?: boolean;
             readOnly?: boolean;
@@ -85,7 +86,7 @@ declare class Table extends React.Component<Props> implements Widget {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -106,9 +107,7 @@ declare class Table extends React.Component<Props> implements Widget {
         findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
         reviewMode: boolean;
         showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        onChange: import("../..").ChangeHandler & ((values: {
-            [key: string]: any;
-        }, callback?: (() => unknown) | null | undefined, silent?: boolean) => unknown);
+        onChange: import("../..").ChangeHandler;
         handleUserInput: (newUserInput: PerseusTableUserInput, cb?: () => void, silent?: boolean) => void;
         isLastUsedWidget: boolean;
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;

package/dist/widgets.d.ts

@@ -1,6 +1,5 @@
-import type { PerseusStrings } from "./strings";
-import type { Tracking, WidgetExports, WidgetTransform } from "./types";
-import type { PerseusWidget, Version } from "@khanacademy/perseus-core";
+import type { Tracking, WidgetExports } from "./types";
+import type { Version } from "@khanacademy/perseus-core";
 import type * as React from "react";
 type Editor = any;
 export declare const registerWidget: (type: string, widget: WidgetExports) => void;
@@ -29,28 +28,21 @@ export declare const replaceDeprecatedEditors: () => void;
 export declare const getWidget: (type: string) => React.ComponentType<any> | null | undefined;
 export declare const getWidgetExport: (type: string) => WidgetExports | null;
 export declare const getEditor: (type: string) => Editor | null;
-export declare const getTransform: (type: string) => WidgetTransform | null | undefined;
 export declare const getVersion: (type: string) => Version | undefined;
 export declare const getVersionVector: () => {
     [key: string]: Version;
 };
 export declare const getPublicWidgets: () => Record<string, WidgetExports>;
 export declare const getAllWidgetTypes: () => ReadonlyArray<string>;
-export declare const getRendererPropsForWidgetInfo: (widgetInfo: PerseusWidget, strings: PerseusStrings, problemNum?: number) => PerseusWidget;
 /**
  * Handling for static mode for widgets that support it.
  */
 /**
  * Returns true iff the widget supports static mode.
  * A widget implicitly supports static mode if it exports a
- * staticTransform function.
+ * getCorrectUserInput function.
  */
 export declare const supportsStaticMode: (type: string) => boolean | undefined;
-/**
- * Return the staticTransform function used to convert the editorProps to
- * the rendered widget state.
- */
-export declare const getStaticTransform: (type: string) => WidgetTransform | null | undefined;
 /**
  * Returns the tracking option for the widget. The default is "",
  * which means simply to track interactions once. The other available

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "68.0.2",
+  "version": "69.0.1",
   "publishConfig": {
     "access": "public"
   },
@@ -42,36 +42,37 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.1.0",
-    "@khanacademy/keypad-context": "3.2.4",
-    "@khanacademy/kmath": "2.2.4",
-    "@khanacademy/math-input": "26.2.4",
-    "@khanacademy/perseus-core": "19.0.2",
-    "@khanacademy/perseus-linter": "4.3.4",
-    "@khanacademy/perseus-score": "7.7.4",
+    "@khanacademy/keypad-context": "3.2.5",
+    "@khanacademy/kmath": "2.2.5",
+    "@khanacademy/math-input": "26.2.5",
+    "@khanacademy/perseus-core": "19.0.3",
+    "@khanacademy/perseus-score": "7.7.5",
+    "@khanacademy/perseus-linter": "4.3.5",
     "@khanacademy/perseus-utils": "2.1.0",
     "@khanacademy/pure-markdown": "2.2.0",
     "@khanacademy/simple-markdown": "2.1.0"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-banner": "4.3.3",
-    "@khanacademy/wonder-blocks-button": "11.0.4",
-    "@khanacademy/wonder-blocks-clickable": "7.1.24",
+    "@khanacademy/wonder-blocks-banner": "4.4.0",
+    "@khanacademy/wonder-blocks-button": "11.2.1",
+    "@khanacademy/wonder-blocks-clickable": "7.1.25",
     "@khanacademy/wonder-blocks-core": "12.4.0",
     "@khanacademy/wonder-blocks-data": "14.1.5",
-    "@khanacademy/wonder-blocks-dropdown": "10.3.8",
-    "@khanacademy/wonder-blocks-form": "7.3.6",
-    "@khanacademy/wonder-blocks-icon-button": "10.4.1",
-    "@khanacademy/wonder-blocks-icon": "5.2.18",
-    "@khanacademy/wonder-blocks-labeled-field": "4.0.4",
-    "@khanacademy/wonder-blocks-layout": "3.1.35",
-    "@khanacademy/wonder-blocks-link": "9.2.2",
-    "@khanacademy/wonder-blocks-pill": "3.1.39",
-    "@khanacademy/wonder-blocks-popover": "6.1.29",
-    "@khanacademy/wonder-blocks-progress-spinner": "3.1.35",
-    "@khanacademy/wonder-blocks-switch": "3.3.17",
-    "@khanacademy/wonder-blocks-tokens": "12.2.1",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.43",
-    "@khanacademy/wonder-blocks-typography": "4.2.20",
+    "@khanacademy/wonder-blocks-dropdown": "10.3.11",
+    "@khanacademy/wonder-blocks-form": "7.3.7",
+    "@khanacademy/wonder-blocks-icon-button": "10.5.0",
+    "@khanacademy/wonder-blocks-icon": "5.2.19",
+    "@khanacademy/wonder-blocks-labeled-field": "4.0.5",
+    "@khanacademy/wonder-blocks-layout": "3.1.36",
+    "@khanacademy/wonder-blocks-link": "9.2.3",
+    "@khanacademy/wonder-blocks-modal": "8.3.1",
+    "@khanacademy/wonder-blocks-pill": "3.1.40",
+    "@khanacademy/wonder-blocks-popover": "6.1.32",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.36",
+    "@khanacademy/wonder-blocks-switch": "3.3.18",
+    "@khanacademy/wonder-blocks-tokens": "13.0.0",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.46",
+    "@khanacademy/wonder-blocks-typography": "4.2.21",
     "@khanacademy/wonder-stuff-core": "1.5.5",
     "@phosphor-icons/core": "2.0.2",
     "@popperjs/core": "2.10.2",
@@ -90,25 +91,26 @@
     "raphael": "1.5.4"
   },
   "peerDependencies": {
-    "@khanacademy/wonder-blocks-banner": "^4.3.3",
-    "@khanacademy/wonder-blocks-button": "^11.0.4",
-    "@khanacademy/wonder-blocks-clickable": "^7.1.24",
+    "@khanacademy/wonder-blocks-banner": "^4.4.0",
+    "@khanacademy/wonder-blocks-button": "^11.2.1",
+    "@khanacademy/wonder-blocks-clickable": "^7.1.25",
     "@khanacademy/wonder-blocks-core": "^12.4.0",
     "@khanacademy/wonder-blocks-data": "^14.1.5",
-    "@khanacademy/wonder-blocks-dropdown": "^10.3.8",
-    "@khanacademy/wonder-blocks-form": "^7.3.6",
-    "@khanacademy/wonder-blocks-icon": "^5.2.18",
-    "@khanacademy/wonder-blocks-icon-button": "^10.4.1",
-    "@khanacademy/wonder-blocks-labeled-field": "^4.0.4",
-    "@khanacademy/wonder-blocks-layout": "^3.1.35",
-    "@khanacademy/wonder-blocks-link": "^9.2.2",
-    "@khanacademy/wonder-blocks-pill": "^3.1.39",
-    "@khanacademy/wonder-blocks-popover": "^6.1.29",
-    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.35",
-    "@khanacademy/wonder-blocks-switch": "^3.3.17",
-    "@khanacademy/wonder-blocks-tokens": "^12.2.1",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.43",
-    "@khanacademy/wonder-blocks-typography": "^4.2.20",
+    "@khanacademy/wonder-blocks-dropdown": "^10.3.11",
+    "@khanacademy/wonder-blocks-form": "^7.3.7",
+    "@khanacademy/wonder-blocks-icon": "^5.2.19",
+    "@khanacademy/wonder-blocks-icon-button": "^10.5.0",
+    "@khanacademy/wonder-blocks-labeled-field": "^4.0.5",
+    "@khanacademy/wonder-blocks-layout": "^3.1.36",
+    "@khanacademy/wonder-blocks-link": "^9.2.3",
+    "@khanacademy/wonder-blocks-modal": "^8.3.1",
+    "@khanacademy/wonder-blocks-pill": "^3.1.40",
+    "@khanacademy/wonder-blocks-popover": "^6.1.32",
+    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.36",
+    "@khanacademy/wonder-blocks-switch": "^3.3.18",
+    "@khanacademy/wonder-blocks-tokens": "^13.0.0",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.46",
+    "@khanacademy/wonder-blocks-typography": "^4.2.21",
     "@khanacademy/wonder-stuff-core": "^1.5.5",
     "@phosphor-icons/core": "^2.0.2",
     "@popperjs/core": "^2.10.2",