@khanacademy/perseus 84.0.2 → 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/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;

package/dist/widgets/expression/expression.d.ts

@@ -1,68 +1,8 @@
 import * as React from "react";
-import type { Widget, WidgetProps, FocusPath } from "../../types";
+import type { Widget, WidgetProps } from "../../types";
 import type { PerseusExpressionRubric, PerseusExpressionUserInput, PerseusExpressionWidgetOptions } from "@khanacademy/perseus-core";
-type ExternalProps = WidgetProps<PerseusExpressionWidgetOptions, PerseusExpressionUserInput>;
-export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressionWidgetOptions & {
-    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: FocusPath, oldFocusPath: 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: FocusPath) => void;
-    onBlur: (blurPath: FocusPath) => void;
-    findWidgets: import("../../types").FindWidgetsFunction;
-    reviewMode: boolean;
-    showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-    handleUserInput: (newUserInput: string, cb?: () => void, silent?: boolean) => void;
-    userInput: string;
-    linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-    containerSizeClass: import("../../util/sizing-utils").SizeClass;
-} & {
-    buttonSets: NonNullable<ExternalProps["buttonSets"]>;
-    functions: NonNullable<ExternalProps["functions"]>;
-    times: NonNullable<ExternalProps["times"]>;
-} & React.RefAttributes<Widget>>;
+type Props = WidgetProps<PerseusExpressionWidgetOptions, PerseusExpressionUserInput>;
+export declare const Expression: React.ForwardRefExoticComponent<Props & React.RefAttributes<Widget>>;
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -74,67 +14,7 @@ declare function getCorrectUserInput(options: PerseusExpressionWidgetOptions): P
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<PerseusExpressionWidgetOptions & {
-        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: FocusPath, oldFocusPath: 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: FocusPath) => void;
-        onBlur: (blurPath: FocusPath) => void;
-        findWidgets: import("../../types").FindWidgetsFunction;
-        reviewMode: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: string, cb?: () => void, silent?: boolean) => void;
-        userInput: string;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & {
-        buttonSets: NonNullable<ExternalProps["buttonSets"]>;
-        functions: NonNullable<ExternalProps["functions"]>;
-        times: NonNullable<ExternalProps["times"]>;
-    } & React.RefAttributes<Widget>>;
+    widget: React.ForwardRefExoticComponent<Props & React.RefAttributes<Widget>>;
     isLintable: true;
     getOneCorrectAnswerFromRubric: typeof getOneCorrectAnswerFromRubric;
     getStartUserInput: typeof getStartUserInput;

package/dist/widgets/iframe/iframe.d.ts

@@ -13,8 +13,6 @@ import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsuppor
 import type { PerseusIFrameUserInput, PerseusIFrameWidgetOptions } from "@khanacademy/perseus-core";
 type Props = WidgetProps<PerseusIFrameWidgetOptions, PerseusIFrameUserInput>;
 type DefaultProps = {
-    allowFullScreen: Props["allowFullScreen"];
-    allowTopNavigation: Props["allowTopNavigation"];
     userInput: Props["userInput"];
 };
 declare class Iframe extends React.Component<Props> implements Widget {

package/dist/widgets/image/components/common-image-props.d.ts

@@ -0,0 +1,11 @@
+import type { APIOptions } from "../../../types";
+import type { PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
+import type { LinterContextProps } from "@khanacademy/perseus-linter";
+export interface CommonImageProps {
+    options: PerseusImageWidgetOptions;
+    linterContext: LinterContextProps;
+    apiOptions: APIOptions;
+    widgetId: string;
+    isGifPlaying: boolean;
+    setIsGifPlaying: (isPlaying: boolean) => void;
+}

package/dist/widgets/image/components/explore-image-modal-content.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { CommonImageProps, GifProps } from "./image-info-area";
-type Props = CommonImageProps & GifProps & {
+import type { CommonImageProps } from "./common-image-props";
+interface Props extends CommonImageProps {
     captionId: string;
     longDescId: string;
-};
-export default function ExploreImageModalContent({ backgroundImage, scale: contentScale, caption, alt, longDescription, linterContext, apiOptions, box, labels, range, captionId, longDescId, }: Props): React.JSX.Element | null;
+}
+export default function ExploreImageModalContent({ options, linterContext, apiOptions, captionId, longDescId, }: Props): React.JSX.Element | null;
 export {};

package/dist/widgets/image/components/explore-image-modal.d.ts

@@ -1,5 +1,3 @@
 import React from "react";
-import type { CommonImageProps, GifProps } from "./image-info-area";
-type Props = CommonImageProps & GifProps;
-export declare const ExploreImageModal: (props: Props) => React.JSX.Element;
-export {};
+import type { CommonImageProps } from "./common-image-props";
+export declare const ExploreImageModal: (props: CommonImageProps) => React.JSX.Element;