@khanacademy/perseus 72.2.1 → 72.4.0

package/dist/util/extract-perseus-data.d.ts

@@ -1,28 +1,4 @@
 import type { PerseusItem, PerseusWidgetsMap, PerseusRenderer } from "@khanacademy/perseus-core";
-/**
- * This function extracts the answers from the widgets.
- *
- * For each widget type, we first check to make sure the path to the answer exists,
- * then we extract the answer and add it to the list of answers.
- *
- * A list is returned because some widgets, like multi-select radio widgets and groups
- * can have multiple answers.
- *
- * @param {PerseusRenderer["widgets"]} widgets
- * @returns a list of strings that are the answers to the widgets
- */
-declare function getAnswersFromWidgets(widgets: PerseusRenderer["widgets"]): ReadonlyArray<string>;
-/**
- * Inject a string equivalent of the widgets into the content.
- *
- * Content may contain Perseus widgets, that looks like this: '[[☃ Radio 1]]'.
- * This function replaces those widgets with its equivalent string.
- *
- * @param {string} content
- * @param {PerseusRenderer["widgets"]} widgets
- * @returns
- */
-declare function injectWidgets(content: string, widgets: PerseusRenderer["widgets"], widgetProps?: PerseusWidgetsMap): string;
 /**
  * Looks through widgets to identify images that do not have alt text.
  *
@@ -39,4 +15,4 @@ export declare const getAnswerFromUserInput: (widgetType: string, userInput: any
 export declare const getCorrectAnswerForWidgetId: (widgetId: string, itemData: PerseusItem) => string | null | undefined;
 export declare const isWidgetIdInContent: (perseusItem: PerseusItem, widgetId: string) => boolean;
 export declare const getValidWidgetIds: (perseusItem: PerseusItem) => Array<string>;
-export { getAnswersFromWidgets, getImagesWithoutAltData, injectWidgets };
+export { getImagesWithoutAltData };

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import Renderer from "../../renderer";
 import type { ANSWER_BAR_STATES } from "./graded-group-answer-bar";
-import type { FocusPath, TrackingGradedGroupExtraArguments, Widget, WidgetProps } from "../../types";
+import type { FocusPath, PerseusDependenciesV2, TrackingGradedGroupExtraArguments, Widget, WidgetProps } from "../../types";
 import type { GradedGroupPromptJSON } from "../../widget-ai-utils/graded-group/graded-group-ai-utils";
 import type { PerseusGradedGroupWidgetOptions, UserInputMap } from "@khanacademy/perseus-core";
 declare const GRADING_STATUSES: {
@@ -14,6 +14,7 @@ declare const GRADING_STATUSES: {
 type Props = WidgetProps<PerseusGradedGroupWidgetOptions, Empty, TrackingGradedGroupExtraArguments> & {
     inGradedGroupSet?: boolean;
     onNextQuestion?: () => unknown;
+    dependencies: PerseusDependenciesV2;
 };
 type DefaultProps = {
     title: Props["title"];
@@ -37,6 +38,7 @@ export declare class GradedGroup extends React.Component<Props, State> implement
     state: State;
     rendererRef: React.RefObject<Renderer>;
     hintRendererRef: React.RefObject<Renderer>;
+    componentDidMount(): void;
     shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
     _handleUserInput(_userInput: UserInputMap, widgetsEmpty: boolean): void;
     _checkAnswer: () => void;
@@ -50,7 +52,7 @@ export declare class GradedGroup extends React.Component<Props, State> implement
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof GradedGroup;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     hidden: false;
     tracking: "all";
     isLintable: true;

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

@@ -1,35 +1,14 @@
 import * as React from "react";
-import { GradedGroup } from "../graded-group/graded-group";
-import type { FocusPath, Widget, WidgetProps } from "../../types";
-import type { GradedGroupSetPromptJSON } from "../../widget-ai-utils/graded-group-set/graded-group-set-ai-utils";
+import type { PerseusDependenciesV2, WidgetProps } from "../../types";
 import type { PerseusGradedGroupSetWidgetOptions } from "@khanacademy/perseus-core";
 type Props = WidgetProps<PerseusGradedGroupSetWidgetOptions> & {
     trackInteraction: () => void;
+    dependencies: PerseusDependenciesV2;
 };
-type DefaultProps = {
-    gradedGroups: Props["gradedGroups"];
-    linterContext: Props["linterContext"];
-};
-type State = {
-    currentGroup: number;
-};
-declare class GradedGroupSet extends React.Component<Props, State> implements Widget {
-    _childGroup: GradedGroup;
-    static defaultProps: DefaultProps;
-    state: State;
-    shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
-    getInputPaths: () => ReadonlyArray<FocusPath>;
-    getPromptJSON(): GradedGroupSetPromptJSON;
-    focus: () => boolean;
-    focusInputPath: (arg1: FocusPath) => void;
-    blurInputPath: (arg1: FocusPath) => void;
-    handleNextQuestion: () => void;
-    render(): React.ReactNode;
-}
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof GradedGroupSet;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     hidden: false;
     tracking: "all";
     isLintable: true;

package/dist/widgets/grapher/grapher.d.ts

@@ -1,122 +1,9 @@
 import * as React from "react";
-import Graphie from "../../components/graphie";
-import type { Coord } from "../../interactive2/types";
-import type { Widget, WidgetProps } from "../../types";
-import type { GridDimensions } from "../../util";
-import type { GrapherPromptJSON } from "../../widget-ai-utils/grapher/grapher-ai-utils";
+import type { PerseusDependenciesV2, WidgetProps } from "../../types";
 import type { PerseusGrapherWidgetOptions, PerseusGrapherUserInput, GrapherPublicWidgetOptions } from "@khanacademy/perseus-core";
-import type { PropsFor } from "@khanacademy/wonder-blocks-core";
-type Props = WidgetProps<PerseusGrapherWidgetOptions, PerseusGrapherUserInput>;
-declare class Grapher extends React.Component<Props> implements Widget {
-    horizHairline: any;
-    vertHairline: any;
-    handlePlotChanges: (arg1: any) => any;
-    handleActiveTypeChange: (arg1: any) => any;
-    _getGridConfig(options: Props["graph"] & {
-        box: NonNullable<Props["graph"]["box"]>;
-        gridStep: NonNullable<Props["graph"]["gridStep"]>;
-    }): ReadonlyArray<GridDimensions>;
-    _calculateMobileTickStep(gridStep: NonNullable<PropsFor<typeof Graphie>["gridStep"]>, step: NonNullable<PropsFor<typeof Graphie>["step"]>, ranges: NonNullable<PropsFor<typeof Graphie>["ranges"]>): any;
-    _setupGraphie: (arg1: any, arg2: any) => void;
-    showHairlines: (arg1: Coord) => void;
-    hideHairlines: () => void;
-    getPromptJSON(): GrapherPromptJSON;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): {
-        plot: import("@khanacademy/perseus-core").GrapherAnswerTypes;
-        availableTypes: Array<"absolute_value" | "exponential" | "linear" | "logarithm" | "quadratic" | "sinusoid" | "tangent">;
-        graph: {
-            backgroundImage: {
-                bottom?: number;
-                height?: number;
-                left?: number;
-                scale?: number;
-                url?: string | null | undefined;
-                width?: number;
-            };
-            box?: [number, number];
-            editableSettings?: Array<"graph" | "snap" | "image" | "measure">;
-            gridStep?: [number, number];
-            labels: [string, string];
-            markings: import("@khanacademy/perseus-core").MarkingsType;
-            range: import("@khanacademy/perseus-core").GraphRange;
-            rulerLabel: "";
-            rulerTicks: number;
-            showProtractor?: boolean;
-            showRuler?: boolean;
-            showTooltips?: boolean;
-            snapStep?: [number, number];
-            step: [number, number];
-            valid?: boolean | string;
-        };
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | null | undefined;
-        static: boolean | null | undefined;
-        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>;
-            };
-            imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
-            trackInteraction?: (args: {
-                type: string;
-                id: string;
-                correct?: boolean;
-            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-                visible: number;
-            }>) => void;
-            customKeypad?: boolean;
-            nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
-            isMobile?: boolean;
-            isMobileApp?: boolean;
-            setDrawingAreaAvailable?: (arg1: boolean) => unknown;
-            hintProgressColor?: string;
-            canScrollPage?: boolean;
-            editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade", boolean>;
-        }> & {
-            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-            editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            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"]>;
-            setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
-            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-        }>;
-        keypadElement?: any;
-        questionCompleted?: boolean;
-        onFocus: (blurPath: import("../..").FocusPath) => void;
-        onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
-        reviewMode: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: import("@khanacademy/perseus-core").GrapherAnswerTypes, cb?: () => void, silent?: boolean) => void;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    };
-    render(): React.ReactNode;
-}
+type Props = WidgetProps<PerseusGrapherWidgetOptions, PerseusGrapherUserInput> & {
+    dependencies: PerseusDependenciesV2;
+};
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -128,7 +15,7 @@ declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
-    widget: typeof Grapher;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;
     getStartUserInput: typeof getStartUserInput;
     getCorrectUserInput: typeof getCorrectUserInput;

package/dist/widgets/interactive-graphs/mafs-graph.d.ts

@@ -22,5 +22,6 @@ export type MafsGraphProps = {
     dispatch: React.Dispatch<InteractiveGraphAction>;
     readOnly: boolean;
     static: boolean | null | undefined;
+    widgetId: string;
 };
 export declare const MafsGraph: (props: MafsGraphProps) => React.JSX.Element;

package/dist/widgets/interactive-graphs/stateful-mafs-graph.d.ts

@@ -26,6 +26,7 @@ export type StatefulMafsGraphProps = {
     readOnly: boolean;
     static: InteractiveGraphProps["static"];
     showAxisArrows: InteractiveGraphProps["showAxisArrows"];
+    widgetId: string;
 };
 export type StatefulMafsGraphType = {
     getUserInput: () => PerseusInteractiveGraphUserInput;

package/dist/widgets/matrix/matrix.d.ts

@@ -1,45 +1,9 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { FocusPath, Widget, WidgetProps } from "../../types";
-import type { MatrixPromptJSON } from "../../widget-ai-utils/matrix/matrix-ai-utils";
+import type { PerseusDependenciesV2, WidgetProps } from "../../types";
 import type { MatrixPublicWidgetOptions, PerseusMatrixUserInput, PerseusMatrixWidgetOptions } from "@khanacademy/perseus-core";
-type Props = WidgetProps<MatrixPublicWidgetOptions, PerseusMatrixUserInput>;
-type DefaultProps = {
-    matrixBoardSize: Props["matrixBoardSize"];
-    prefix: string;
-    suffix: string;
-    apiOptions: Props["apiOptions"];
-    linterContext: Props["linterContext"];
-    userInput: PerseusMatrixUserInput;
+type Props = WidgetProps<MatrixPublicWidgetOptions, PerseusMatrixUserInput> & {
+    dependencies: PerseusDependenciesV2;
 };
-type State = {
-    cursorPosition: ReadonlyArray<number>;
-    enterTheMatrix: number;
-};
-declare class Matrix extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    cursorPosition: [number, number];
-    static defaultProps: DefaultProps;
-    state: State;
-    componentDidMount(): void;
-    getInputPaths: () => ReadonlyArray<ReadonlyArray<string>>;
-    _handleFocus: (arg1: any, arg2: any) => void;
-    _handleBlur: (arg1: any, arg2: any) => void;
-    focus: () => boolean;
-    focusInputPath: (arg1: any) => void;
-    blurInputPath: (arg1: any) => void;
-    getDOMNodeForPath(path: FocusPath): Element | Text | null;
-    handleKeyDown: (arg1: any, arg2: any, arg3: any) => void;
-    onValueChange: (arg1: any, arg2: any, arg3: any, arg4: any) => void;
-    getPromptJSON(): MatrixPromptJSON;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): any;
-    render(): React.ReactNode;
-}
 declare function getStartUserInput(): PerseusMatrixUserInput;
 declare function getCorrectUserInput(options: PerseusMatrixWidgetOptions): PerseusMatrixUserInput;
 /**
@@ -51,7 +15,7 @@ declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
-    widget: typeof Matrix;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     isLintable: true;
     getStartUserInput: typeof getStartUserInput;
     getCorrectUserInput: typeof getCorrectUserInput;

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

@@ -1,44 +1,9 @@
 import * as React from "react";
-import type { Widget, WidgetProps } from "../../types";
-import type { OrdererPromptJSON } from "../../widget-ai-utils/orderer/orderer-ai-utils";
+import type { PerseusDependenciesV2, WidgetProps } from "../../types";
 import type { PerseusOrdererUserInput, OrdererPublicWidgetOptions } from "@khanacademy/perseus-core";
-type Position = {
-    left: number;
-    top: number;
+type OrdererProps = WidgetProps<OrdererPublicWidgetOptions, PerseusOrdererUserInput> & {
+    dependencies: PerseusDependenciesV2;
 };
-type OrdererProps = WidgetProps<OrdererPublicWidgetOptions, PerseusOrdererUserInput>;
-type OrdererDefaultProps = Pick<OrdererProps, "options" | "height" | "layout" | "linterContext" | "userInput">;
-type OrdererState = {
-    dragging: boolean;
-    placeholderIndex: number | null | undefined;
-    dragKey: string | null | undefined;
-    animating: boolean;
-    dragWidth: number | null | undefined;
-    dragHeight: number | null | undefined;
-    dragContent: any;
-    offsetPos: Position | null | undefined;
-    grabPos: any;
-    mousePos?: any;
-    animateTo: Position | null | undefined;
-    onAnimationEnd?: (arg1: any) => void;
-};
-declare class Orderer extends React.Component<OrdererProps, OrdererState> implements Widget {
-    static defaultProps: OrdererDefaultProps;
-    state: OrdererState;
-    onClick: (arg1: string, arg2: number, arg3: any, arg4: Element) => void;
-    onRelease: (arg1: any) => void;
-    onMouseMove: (arg1: any) => void;
-    findCorrectIndex: (arg1: any, arg2: any) => any;
-    isCardInBank: (arg1: any) => boolean;
-    setListValues: (values: string[]) => void;
-    getPromptJSON(): OrdererPromptJSON;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): any;
-    render(): React.ReactNode;
-}
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -49,7 +14,7 @@ declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
-    widget: typeof Orderer;
+    widget: React.ForwardRefExoticComponent<Omit<OrdererProps, "dependencies"> & React.RefAttributes<any>>;
     isLintable: true;
     getStartUserInput: typeof getStartUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;

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

@@ -2,7 +2,7 @@ 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 { WidgetProps, Widget } from "../../types";
+import type { WidgetProps, Widget, PerseusDependenciesV2 } from "../../types";
 import type { PassagePromptJSON } from "../../widget-ai-utils/passage/passage-ai-utils";
 import type { PerseusPassageWidgetOptions, PerseusWidget } from "@khanacademy/perseus-core";
 import type { SingleASTNode } from "@khanacademy/simple-markdown";
@@ -14,6 +14,7 @@ export declare class LineHeightMeasurer extends React.Component<Record<any, any>
 type FindWidgetsCallback = (id: string, widgetInfo: PerseusWidget) => boolean;
 type PassageProps = WidgetProps<PerseusPassageWidgetOptions> & {
     findWidgets: (arg1: FindWidgetsCallback) => ReadonlyArray<Passage>;
+    dependencies: PerseusDependenciesV2;
 };
 type DefaultPassageProps = {
     passageTitle: PassageProps["passageTitle"];
@@ -94,7 +95,7 @@ declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
-    widget: typeof Passage;
+    widget: React.ForwardRefExoticComponent<Omit<PassageProps, "dependencies"> & React.RefAttributes<any>>;
     isLintable: true;
 };
 export default _default;

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

@@ -1,160 +1,11 @@
 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 { PerseusDependenciesV2, WidgetProps } from "../../types";
 type Props = WidgetProps<PlotterPublicWidgetOptions, PerseusPlotterUserInput> & {
     labelInterval: NonNullable<PerseusPlotterWidgetOptions["labelInterval"]>;
     picSize: NonNullable<PerseusPlotterWidgetOptions["picSize"]>;
+    dependencies: PerseusDependenciesV2;
 };
-type DefaultProps = {
-    type: Props["type"];
-    labels: Props["labels"];
-    categories: Props["categories"];
-    scaleY: Props["scaleY"];
-    maxY: Props["maxY"];
-    snapsPerLine: Props["snapsPerLine"];
-    picSize: Props["picSize"];
-    picBoxHeight: Props["picBoxHeight"];
-    picUrl: Props["picUrl"];
-    plotDimensions: Props["plotDimensions"];
-    labelInterval: Props["labelInterval"];
-};
-type State = {
-    categoryHeights: Record<string, number>;
-};
-declare class Plotter extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    _isMounted: boolean;
-    shouldSetupGraphie: boolean;
-    graphieDiv: React.RefObject<HTMLDivElement>;
-    graphie: any;
-    horizHairline: any;
-    hairlineRange: any;
-    static defaultProps: DefaultProps;
-    state: State;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    componentDidUpdate(prevProps: Props, prevState: State): void;
-    componentWillUnmount(): void;
-    DOT_PLOT_POINT_SIZE: () => number;
-    DOT_PLOT_POINT_PADDING: () => number;
-    DOT_TICK_POINT_SIZE: () => number;
-    setupGraphie(prevValues: number[]): void;
-    showHairlines: (arg1: any) => void;
-    hideHairlines: () => void;
-    labelCategory: (arg1: any, arg2: any) => Promise<any>;
-    setupCategories: (arg1: any) => void;
-    _clampValue: (arg1: number, arg2: number, arg3: number) => number;
-    _maybeShowDragPrompt: () => void;
-    _maybeHideDragPrompt: () => void;
-    setupBar: (arg1: any) => number;
-    /**
-     * Renders a segment of an interactive line to the plotter graph
-     * @param i the index of the point to render
-     * @param startHeight the initial height of the given point
-     * @param config the graph setup, such as scale and dimensions
-     */
-    setupLine: (arg1: number, arg2: number, arg3: any) => number;
-    setupDotplot: (arg1: any, arg2: any) => any;
-    setupPic: (arg1: any, arg2: any) => any;
-    setupTiledPlot: (arg1: any, arg2: any, arg3: any, arg4: any) => any;
-    setPicHeight: (arg1: number, arg2: number) => void;
-    changeAndTrack: (userInput: PerseusPlotterUserInput) => void;
-    /**
-     * Plotter uses Graphie and Graphie is inaccessible,
-     * this helps us populate user input in tests
-     * (not great, but not a lot of options)
-     *
-     * @internal
-     */
-    _testInsertUserInput(userInput: PerseusPlotterUserInput): void;
-    drawPicHeights(values: number[], prevValues: number[]): void;
-    getPromptJSON(): UnsupportedWidgetPromptJSON;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): {
-        values: PerseusPlotterUserInput;
-        type: import("@khanacademy/perseus-core").PlotType;
-        labels: string[];
-        categories: string[];
-        maxY: number;
-        scaleY: number;
-        labelInterval: number;
-        snapsPerLine: number;
-        starting: number[];
-        picUrl?: string | null;
-        picSize: number;
-        picBoxHeight?: number | null;
-        plotDimensions: number[];
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | null | undefined;
-        static: boolean | null | undefined;
-        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>;
-            };
-            imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
-            trackInteraction?: (args: {
-                type: string;
-                id: string;
-                correct?: boolean;
-            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-                visible: number;
-            }>) => void;
-            customKeypad?: boolean;
-            nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
-            isMobile?: boolean;
-            isMobileApp?: boolean;
-            setDrawingAreaAvailable?: (arg1: boolean) => unknown;
-            hintProgressColor?: string;
-            canScrollPage?: boolean;
-            editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade", boolean>;
-        }> & {
-            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-            editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            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"]>;
-            setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
-            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-        }>;
-        keypadElement?: any;
-        questionCompleted?: boolean;
-        onFocus: (blurPath: import("../..").FocusPath) => void;
-        onBlur: (blurPath: import("../..").FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
-        reviewMode: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: PerseusPlotterUserInput, cb?: () => void, silent?: boolean) => void;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    };
-    render(): React.ReactNode;
-}
 declare function getStartUserInput(options: PlotterPublicWidgetOptions): PerseusPlotterUserInput;
 declare function getCorrectUserInput(options: PerseusPlotterWidgetOptions): PerseusPlotterUserInput;
 /**
@@ -166,7 +17,7 @@ declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
-    widget: typeof Plotter;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     getCorrectUserInput: typeof getCorrectUserInput;
     getStartUserInput: typeof getStartUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;