@khanacademy/perseus 84.0.1 → 84.1.0

package/dist/renderer.new.d.ts

@@ -14,7 +14,7 @@ import type { APIOptions, APIOptionsWithDefaults, FilterCriterion, FindWidgetsFu
 import type { HandleUserInputCallback, InitializeUserInputCallback } from "./user-input-manager";
 import type { GetPromptJSONInterface, RendererPromptJSON } from "./widget-ai-utils/prompt-types";
 import type { KeypadAPI } from "@khanacademy/math-input";
-import type { PerseusRenderer, PerseusWidget, PerseusWidgetOptions, PerseusWidgetsMap, ShowSolutions, PerseusScore, UserInputMap } from "@khanacademy/perseus-core";
+import type { PerseusRenderer, PerseusScore, PerseusWidget, PerseusWidgetOptions, PerseusWidgetsMap, ShowSolutions, UserInput, UserInputMap } from "@khanacademy/perseus-core";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
 import "./styles/perseus-renderer.new.css";
 type WidgetState = {
@@ -93,7 +93,7 @@ declare class Renderer extends React.Component<Props, State> implements GetPromp
     _isAnswerable(): boolean;
     renderWidget: (impliedType: string, id: string, state: WidgetState) => null | React.ReactNode;
     _getWidgetIndexById(id: string): number;
-    getWidgetProps(widgetId: string): WidgetProps<any, any, PerseusWidgetOptions>;
+    getWidgetProps(widgetId: string): WidgetProps<PerseusWidgetOptions, UserInput>;
     /**
      * Serializes the questions state so it can be recovered.
      *

package/dist/renderer.old.d.ts

@@ -14,7 +14,7 @@ import type { APIOptions, APIOptionsWithDefaults, FilterCriterion, FindWidgetsFu
 import type { HandleUserInputCallback, InitializeUserInputCallback } from "./user-input-manager";
 import type { GetPromptJSONInterface, RendererPromptJSON } from "./widget-ai-utils/prompt-types";
 import type { KeypadAPI } from "@khanacademy/math-input";
-import type { PerseusRenderer, PerseusWidget, PerseusWidgetOptions, PerseusWidgetsMap, ShowSolutions, PerseusScore, UserInputMap } from "@khanacademy/perseus-core";
+import type { PerseusRenderer, PerseusScore, PerseusWidget, PerseusWidgetOptions, PerseusWidgetsMap, ShowSolutions, UserInput, UserInputMap } from "@khanacademy/perseus-core";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
 import "./styles/perseus-renderer.css";
 type WidgetState = {
@@ -104,7 +104,7 @@ declare class Renderer extends React.Component<Props, State> implements GetPromp
     _isAnswerable(): boolean;
     renderWidget: (impliedType: string, id: string, state: WidgetState) => null | React.ReactNode;
     _getWidgetIndexById(id: string): number;
-    getWidgetProps(widgetId: string): WidgetProps<any, any, PerseusWidgetOptions>;
+    getWidgetProps(widgetId: string): WidgetProps<PerseusWidgetOptions, UserInput>;
     /**
      * Serializes the questions state so it can be recovered.
      *

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

@@ -28,15 +28,6 @@ type HOCProps = {
 };
 type Props = SharedRendererProps & OwnProps & HOCProps;
 type DefaultProps = Required<Pick<Props, "apiOptions" | "onRendered" | "linterContext">>;
-type State = {
-    /**
-     * Keeps track of whether each asset (SvgImage or TeX) rendered by
-     * the questionRenderer has finished loading or rendering.
-     */
-    assetStatuses: {
-        [assetKey: string]: boolean;
-    };
-};
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -45,20 +36,39 @@ type SerializedState = {
     question: any;
     hints: any;
 };
-export declare class ServerItemRenderer extends React.Component<Props, State> implements RendererInterface, KeypadContextRendererInterface, GetPromptJSONInterface {
+export declare class ServerItemRenderer extends React.Component<Props> implements RendererInterface, KeypadContextRendererInterface, GetPromptJSONInterface {
     static contextType: React.Context<import("./components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
     questionRenderer: Renderer;
     hintsRenderer: any;
     _currentFocus: FocusPath;
     _fullyRendered: boolean;
+    /**
+     * Tracks whether each asset rendered below us (images, math, anything else
+     * that takes extra passes to settle) has finished rendering.
+     *
+     * This is deliberately not React state: assets register themselves in
+     * their constructors, while we're still rendering, and a state update
+     * from there isn't visible to us until a later render pass — by which point we'd
+     * already have called `onRendered()` under the assumption
+     * there were no assets to wait for.
+     */
+    _assetStatuses: {
+        [assetKey: string]: boolean;
+    };
     blurTimeoutID: number | null | undefined;
     userInput: UserInputMap;
     static defaultProps: DefaultProps;
     constructor(props: Props);
     componentDidMount(): void;
-    componentDidUpdate(): void;
     componentWillUnmount(): void;
+    /**
+     * Reports that we've finished rendering, if every asset has settled.
+     *
+     * Called once we've mounted (to cover content with no assets at all) and
+     * again on every status change, so it doesn't depend on a render pass
+     * happening at the right moment. Only ever reports once.
+     */
     maybeCallOnRendered(): void;
     _handleFocusChange: (newFocus: FocusPath, oldFocus: FocusPath) => void;
     _setCurrentFocus(newFocus: FocusPath): void;

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import type { ILogger } from "./logging/log";
 import type { SizeClass } from "./util/sizing-utils";
 import type { WidgetPromptJSON } from "./widget-ai-utils/prompt-types";
-import type { Hint, PerseusAnswerArea, PerseusFeatureFlags, PerseusWidget, PerseusWidgetsMap, AnalyticsEventHandlerFn, LabelImageMarkerPublicData, PerseusLabelImageMarker, ShowSolutions } from "@khanacademy/perseus-core";
+import type { Alignment, Hint, PerseusAnswerArea, PerseusFeatureFlags, PerseusWidget, PerseusWidgetsMap, AnalyticsEventHandlerFn, LabelImageMarkerPublicData, PerseusLabelImageMarker, ShowSolutions } from "@khanacademy/perseus-core";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
 import type { Result } from "@khanacademy/wonder-blocks-data";
 import type $ from "jquery";
@@ -316,18 +316,16 @@ export type FindWidgetsFunction = (filterFunc: FilterCriterion) => ReadonlyArray
 export type FilterCriterion = string | ((id: string, widgetInfo: PerseusWidget, widget?: Widget | null | undefined) => boolean);
 /**
  * The full set of props provided to all widgets when they are rendered. The
- * `TWidgetOptions` generic argument are the widget-specific props that originate
- * from the PerseusItem.
+ * widget-specific options that originate from the PerseusItem are nested under
+ * the `options` prop; everything else is provided to every widget regardless of
+ * its `type`.
  */
-export type WidgetProps<TWidgetOptions, TUserInput = Empty, TrackingExtraArgs = Empty> = TWidgetOptions & UniversalWidgetProps<TUserInput, TrackingExtraArgs>;
-/**
- * The props passed to every widget, regardless of its `type`.
- */
-type UniversalWidgetProps<TUserInput = Empty, TrackingExtraArgs = Empty> = {
+export type WidgetProps<TWidgetOptions, TUserInput = Empty, TrackingExtraArgs = Empty> = {
+    options: TWidgetOptions;
     trackInteraction: (extraData?: TrackingExtraArgs) => void;
     widgetId: string;
     widgetIndex: number;
-    alignment: string | null | undefined;
+    alignment: Alignment | null | undefined;
     static: boolean | null | undefined;
     graded?: boolean | null;
     problemNum: number | null | undefined;

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

@@ -53,5 +53,5 @@ export type MatcherPromptJSON = {
         right: ReadonlyArray<string>;
     };
 };
-export type widgetDataPartial = Pick<React.ComponentProps<typeof matcher.widget>, "userInput" | "labels" | "left" | "right" | "orderMatters">;
+export type widgetDataPartial = Pick<React.ComponentProps<typeof matcher.widget>, "userInput" | "options">;
 export declare const getPromptJSON: (widgetData: widgetDataPartial) => MatcherPromptJSON;

package/dist/widget-ai-utils/prompt-types.d.ts

@@ -8,7 +8,6 @@ import type { GradedGroupSetPromptJSON } from "./graded-group-set/graded-group-s
 import type { GrapherPromptJSON } from "./grapher/grapher-ai-utils";
 import type { GroupPromptJSON } from "./group/group-ai-utils";
 import type { ImagePromptJSON } from "./image/image-ai-utils";
-import type { InputNumberPromptJSON } from "./input-number/input-number-ai-utils";
 import type { LabelImagePromptJSON } from "./label-image/label-image-ai-utils";
 import type { MatcherPromptJSON } from "./matcher/matcher-ai-utils";
 import type { MatrixPromptJSON } from "./matrix/matrix-ai-utils";
@@ -20,7 +19,7 @@ import type { RadioPromptJSON } from "./radio/radio-ai-utils";
 import type { SorterPromptJSON } from "./sorter/sorter-ai-utils";
 import type { UnsupportedWidgetPromptJSON } from "./unsupported-widget";
 export type UnsupportedWidget = "cs-program" | "iframe" | "interaction" | "interactive-graph-unsupported" | "measurer" | "phet-simulation" | "plotter" | "python-program" | "video";
-export type WidgetPromptJSON = CategorizerPromptJSON | DefinitionPromptJSON | DropdownPromptJSON | ExplanationPromptJSON | ExpressionPromptJSON | GradedGroupPromptJSON | GradedGroupSetPromptJSON | GrapherPromptJSON | GroupPromptJSON | ImagePromptJSON | InputNumberPromptJSON | LabelImagePromptJSON | MatcherPromptJSON | MatrixPromptJSON | MockWidgetPromptJSON | NumberLinePromptJSON | NumericInputPromptJSON | OrdererPromptJSON | RadioPromptJSON | SorterPromptJSON | UnsupportedWidgetPromptJSON;
+export type WidgetPromptJSON = CategorizerPromptJSON | DefinitionPromptJSON | DropdownPromptJSON | ExplanationPromptJSON | ExpressionPromptJSON | GradedGroupPromptJSON | GradedGroupSetPromptJSON | GrapherPromptJSON | GroupPromptJSON | ImagePromptJSON | LabelImagePromptJSON | MatcherPromptJSON | MatrixPromptJSON | MockWidgetPromptJSON | NumberLinePromptJSON | NumericInputPromptJSON | OrdererPromptJSON | RadioPromptJSON | SorterPromptJSON | UnsupportedWidgetPromptJSON;
 /**
  * JSON describing a Perseus renderer. Intended for consumption by AI tools.
  * A "renderer" is essentially a Markdown document with embedded interactive

package/dist/widget-container.new.d.ts

@@ -3,25 +3,18 @@
  * WARNING!!!! THERE ARE ACTIVE CHANGES HAPPENING IN THE RENDERER!     *
  *                                                                     *
  ***********************************************************************/
-import { type PerseusWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { WidgetProps } from "./types";
-import type { LinterContextProps } from "@khanacademy/perseus-linter";
 type Props = {
     type: string;
     id: string;
-    widgetProps: WidgetProps<any, PerseusWidgetOptions>;
-    linterContext: LinterContextProps;
-};
-type DefaultProps = {
-    linterContext: LinterContextProps;
+    widgetProps: WidgetProps<any, any>;
 };
 type State = {
     sizeClass: "small" | "medium" | "large" | "xlarge";
 };
 declare class WidgetContainer extends React.Component<Props, State> {
     widgetRef: React.RefObject<React.ComponentType<any>>;
-    static defaultProps: DefaultProps;
     state: State;
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;

package/dist/widget-container.old.d.ts

@@ -3,25 +3,18 @@
  * WARNING!!!! THERE ARE ACTIVE CHANGES HAPPENING IN THE RENDERER!     *
  *                                                                     *
  ***********************************************************************/
-import { type PerseusWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { WidgetProps } from "./types";
-import type { LinterContextProps } from "@khanacademy/perseus-linter";
 type Props = {
     type: string;
     id: string;
-    widgetProps: WidgetProps<any, PerseusWidgetOptions>;
-    linterContext: LinterContextProps;
-};
-type DefaultProps = {
-    linterContext: LinterContextProps;
+    widgetProps: WidgetProps<any, any>;
 };
 type State = {
     sizeClass: "small" | "medium" | "large" | "xlarge";
 };
 declare class WidgetContainerOld extends React.Component<Props, State> {
     widgetRef: React.RefObject<React.ComponentType<any>>;
-    static defaultProps: DefaultProps;
     state: State;
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;

package/dist/widgets/blank/blank.d.ts

@@ -1,66 +1,11 @@
 import * as React from "react";
-import type { Widget } from "../../types";
+import type { WidgetProps, Widget } from "../../types";
 import type { PerseusBlankWidgetOptions, PerseusBlankUserInput } from "@khanacademy/perseus-core";
+type BlankProps = WidgetProps<PerseusBlankWidgetOptions, PerseusBlankUserInput>;
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<PerseusBlankWidgetOptions & {
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | null | undefined;
-        static: boolean | null | undefined;
-        graded?: boolean | null;
-        problemNum: number | null | undefined;
-        apiOptions: Readonly<Readonly<{
-            isArticle?: boolean;
-            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-            showAlignmentOptions?: boolean;
-            readOnly?: boolean;
-            editingDisabled?: boolean;
-            answerableCallback?: (arg1: boolean) => unknown;
-            getAnotherHint?: () => unknown;
-            interactionCallback?: (widgetData: {
-                [widgetId: string]: any;
-            }) => void;
-            imagePlaceholder?: React.ReactNode;
-            widgetPlaceholder?: React.ReactNode;
-            baseElements?: {
-                Link: React.ComponentType<any>;
-            };
-            trackInteraction?: (args: {
-                type: string;
-                id: string;
-                correct?: boolean;
-            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-                visible: number;
-            }>) => void;
-            customKeypad?: boolean;
-            isMobile?: boolean;
-            isMobileApp?: boolean;
-            hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
-        }> & {
-            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
-            isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
-            isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
-            editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
-            onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
-            readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-        }>;
-        keypadElement?: any;
-        onFocus: (blurPath: import("../..").FocusPath) => void;
-        onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: import("../../types").FindWidgetsFunction;
-        reviewMode: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: PerseusBlankUserInput, cb?: () => void, silent?: boolean) => void;
-        userInput: PerseusBlankUserInput;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & React.RefAttributes<Widget>>;
+    widget: React.ForwardRefExoticComponent<BlankProps & React.RefAttributes<Widget>>;
     isLintable: true;
     hidden: true;
 };

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

@@ -1,7 +1,9 @@
 import React from "react";
 import type { PerseusDependenciesV2, Widget, WidgetProps } from "../../types";
 import type { PerseusCategorizerUserInput, PerseusCategorizerWidgetOptions } from "@khanacademy/perseus-core";
-type ExternalProps = WidgetProps<PerseusCategorizerWidgetOptions, PerseusCategorizerUserInput>;
+interface Props extends WidgetProps<PerseusCategorizerWidgetOptions, PerseusCategorizerUserInput> {
+    dependencies: PerseusDependenciesV2;
+}
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -16,66 +18,7 @@ declare function getStartUserInput(): PerseusCategorizerUserInput;
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<Omit<Omit<PerseusCategorizerWidgetOptions & {
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | null | undefined;
-        static: boolean | null | undefined;
-        graded?: boolean | null;
-        problemNum: number | null | undefined;
-        apiOptions: Readonly<Readonly<{
-            isArticle?: boolean;
-            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-            showAlignmentOptions?: boolean;
-            readOnly?: boolean;
-            editingDisabled?: boolean;
-            answerableCallback?: (arg1: boolean) => unknown;
-            getAnotherHint?: () => unknown;
-            interactionCallback?: (widgetData: {
-                [widgetId: string]: any;
-            }) => void;
-            imagePlaceholder?: React.ReactNode;
-            widgetPlaceholder?: React.ReactNode;
-            baseElements?: {
-                Link: React.ComponentType<any>;
-            };
-            trackInteraction?: (args: {
-                type: string;
-                id: string;
-                correct?: boolean;
-            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-                visible: number;
-            }>) => void;
-            customKeypad?: boolean;
-            isMobile?: boolean;
-            isMobileApp?: boolean;
-            hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
-        }> & {
-            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
-            isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
-            isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
-            editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
-            onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
-            readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-        }>;
-        keypadElement?: any;
-        onFocus: (blurPath: import("../..").FocusPath) => void;
-        onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: import("../../types").FindWidgetsFunction;
-        reviewMode: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: PerseusCategorizerUserInput, cb?: () => void, silent?: boolean) => void;
-        userInput: PerseusCategorizerUserInput;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & {
-        linterContext: NonNullable<ExternalProps["linterContext"]>;
-        dependencies: PerseusDependenciesV2;
-    } & React.RefAttributes<Widget>, "dependencies">, "ref"> & React.RefAttributes<any>>;
+    widget: React.ForwardRefExoticComponent<Omit<Omit<Props & React.RefAttributes<Widget>, "dependencies">, "ref"> & React.RefAttributes<any>>;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;
     getCorrectUserInput: typeof getCorrectUserInput;
     getStartUserInput: typeof getStartUserInput;

package/dist/widgets/cs-program/cs-program.d.ts

@@ -2,8 +2,9 @@
  * This widget is for embedding Khan Academy CS programs.
  */
 import React from "react";
-import type { Widget } from "../../types";
+import type { Widget, WidgetProps } from "../../types";
 import type { PerseusCSProgramWidgetOptions, PerseusCSProgramUserInput } from "@khanacademy/perseus-core";
+type Props = WidgetProps<PerseusCSProgramWidgetOptions, PerseusCSProgramUserInput>;
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -13,63 +14,7 @@ declare function getStartUserInput(): PerseusCSProgramUserInput;
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<PerseusCSProgramWidgetOptions & {
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | null | undefined;
-        static: boolean | null | undefined;
-        graded?: boolean | null;
-        problemNum: number | null | undefined;
-        apiOptions: Readonly<Readonly<{
-            isArticle?: boolean;
-            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-            showAlignmentOptions?: boolean;
-            readOnly?: boolean;
-            editingDisabled?: boolean;
-            answerableCallback?: (arg1: boolean) => unknown;
-            getAnotherHint?: () => unknown;
-            interactionCallback?: (widgetData: {
-                [widgetId: string]: any;
-            }) => void;
-            imagePlaceholder?: React.ReactNode;
-            widgetPlaceholder?: React.ReactNode;
-            baseElements?: {
-                Link: React.ComponentType<any>;
-            };
-            trackInteraction?: (args: {
-                type: string;
-                id: string;
-                correct?: boolean;
-            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-                visible: number;
-            }>) => void;
-            customKeypad?: boolean;
-            isMobile?: boolean;
-            isMobileApp?: boolean;
-            hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
-        }> & {
-            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
-            isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
-            isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
-            editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
-            onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
-            readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-        }>;
-        keypadElement?: any;
-        onFocus: (blurPath: import("../..").FocusPath) => void;
-        onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: import("../../types").FindWidgetsFunction;
-        reviewMode: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: PerseusCSProgramUserInput, cb?: () => void, silent?: boolean) => void;
-        userInput: PerseusCSProgramUserInput;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & React.RefAttributes<Widget>>;
+    widget: React.ForwardRefExoticComponent<Props & React.RefAttributes<Widget>>;
     hidden: true;
     getStartUserInput: typeof getStartUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;

package/dist/widgets/dropdown/dropdown.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { PerseusDependenciesV2, Widget } from "../../types";
+import type { PerseusDependenciesV2, Widget, WidgetProps } from "../../types";
 import type { PerseusDropdownUserInput, PerseusDropdownWidgetOptions } from "@khanacademy/perseus-core";
 /**
  * @deprecated and likely a very broken API
@@ -11,63 +11,7 @@ declare function getCorrectUserInput(options: PerseusDropdownWidgetOptions): Per
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<Omit<Omit<PerseusDropdownWidgetOptions & {
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | null | undefined;
-        static: boolean | null | undefined;
-        graded?: boolean | null;
-        problemNum: number | null | undefined;
-        apiOptions: Readonly<Readonly<{
-            isArticle?: boolean;
-            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-            showAlignmentOptions?: boolean;
-            readOnly?: boolean;
-            editingDisabled?: boolean;
-            answerableCallback?: (arg1: boolean) => unknown;
-            getAnotherHint?: () => unknown;
-            interactionCallback?: (widgetData: {
-                [widgetId: string]: any;
-            }) => void;
-            imagePlaceholder?: React.ReactNode;
-            widgetPlaceholder?: React.ReactNode;
-            baseElements?: {
-                Link: React.ComponentType<any>;
-            };
-            trackInteraction?: (args: {
-                type: string;
-                id: string;
-                correct?: boolean;
-            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-                visible: number;
-            }>) => void;
-            customKeypad?: boolean;
-            isMobile?: boolean;
-            isMobileApp?: boolean;
-            hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
-        }> & {
-            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
-            isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
-            isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
-            editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
-            onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
-            readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-        }>;
-        keypadElement?: any;
-        onFocus: (blurPath: import("../..").FocusPath) => void;
-        onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: import("../../types").FindWidgetsFunction;
-        reviewMode: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: PerseusDropdownUserInput, cb?: () => void, silent?: boolean) => void;
-        userInput: PerseusDropdownUserInput;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & {
+    widget: React.ForwardRefExoticComponent<Omit<Omit<WidgetProps<PerseusDropdownWidgetOptions, PerseusDropdownUserInput> & {
         dependencies: PerseusDependenciesV2;
     } & React.RefAttributes<Widget>, "dependencies">, "ref"> & React.RefAttributes<any>>;
     getStartUserInput: typeof getStartUserInput;