@khanacademy/perseus-editor 5.2.5 → 5.2.7

package/dist/widgets/interactive-graph-editor.d.ts

@@ -9,7 +9,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -21,15 +24,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -51,7 +46,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -76,7 +71,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -88,7 +83,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -100,15 +98,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -130,7 +120,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -155,7 +145,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -188,7 +178,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -200,15 +193,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -230,7 +215,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -255,7 +240,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -268,7 +253,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -280,15 +268,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -310,7 +290,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -335,7 +315,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -348,7 +328,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -360,15 +343,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -390,7 +365,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -415,7 +390,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -427,9 +402,6 @@ declare const InteractiveGraph: {
             handleAddPointsMouseDown: (arg1: import("@khanacademy/perseus").Coord) => void;
             resetGraphie: () => void;
             setupGraphie: () => void;
-            /**
-             * The range of the graph in the x and y directions.
-             */
             showHairlines: (arg1: import("@khanacademy/perseus").Coord) => void;
             hideHairlines: () => void;
             setTrashCanVisibility: (arg1: number) => void;
@@ -439,7 +411,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -451,15 +426,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -481,7 +448,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -506,13 +473,15 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
                 linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
                 containerSizeClass: SizingUtils.SizeClass;
-            }) | null | undefined) => boolean;
+            }) | null | undefined) => boolean; /**
+             * How far apart the grid lines are in the x and y directions.
+             */
             areAngleGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
             arePointGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean;
             arePolygonGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon): boolean;
@@ -531,9 +500,6 @@ declare const InteractiveGraph: {
             updateSinusoid: () => void;
             removeSinusoidControls: () => void;
             addCircleControls: () => void;
-            /**
-             * Whether to show the protractor on the graph.
-             */
             removeCircleControls: () => void;
             addLinearSystemControls: () => void;
             removeLinearSystemControls: () => void;
@@ -543,7 +509,7 @@ declare const InteractiveGraph: {
             createPointForPolygonType: (arg1: import("@khanacademy/perseus").Coord, arg2: number) => any;
             updateCoordsFromPoints: () => void;
             clearCoords: () => void;
-            onChange: (arg1: any) => void;
+            onChange: import("@khanacademy/perseus").ChangeHandler;
             addPointControls: () => void;
             removePointControls: () => void;
             addSegmentControls: () => void;
@@ -557,7 +523,7 @@ declare const InteractiveGraph: {
             removeAngleControls: () => void;
             toggleShowSides: () => void;
             getUserInput: () => import("@khanacademy/perseus").PerseusGraphType;
-            simpleValidate: (rubric: PerseusInteractiveGraphWidgetOptions) => import("@khanacademy/perseus").PerseusScore;
+            simpleValidate: (rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric) => import("@khanacademy/perseus").PerseusScore;
             focus: () => void;
             render(): React.ReactNode;
             context: any;
@@ -569,7 +535,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -581,15 +550,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -611,7 +572,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -636,7 +597,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -654,7 +615,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -666,15 +630,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -696,7 +652,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -721,7 +677,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -736,7 +692,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -748,15 +707,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -778,7 +729,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -803,7 +754,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -817,7 +768,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -829,15 +783,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -859,7 +805,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -884,7 +830,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -897,7 +843,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -909,15 +858,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -939,7 +880,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -964,7 +905,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -977,7 +918,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -989,15 +933,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -1019,7 +955,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -1044,7 +980,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -1054,7 +990,7 @@ declare const InteractiveGraph: {
         }>;
         mafsRef: React.RefObject<import("../../../perseus/src/renderer").Widget>;
         getUserInput: (() => any) | undefined;
-        simpleValidate: (rubric: PerseusInteractiveGraphWidgetOptions) => import("@khanacademy/perseus").PerseusScore;
+        simpleValidate: (rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric) => import("@khanacademy/perseus").PerseusScore;
         render(): JSX.Element;
         context: any;
         setState<K_1 extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
@@ -1065,7 +1001,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1077,15 +1016,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -1107,7 +1038,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -1132,7 +1063,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -1152,7 +1083,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1164,15 +1098,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -1194,7 +1120,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -1219,7 +1145,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -1234,7 +1160,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1246,15 +1175,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -1276,7 +1197,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -1301,7 +1222,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -1314,7 +1235,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1326,15 +1250,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -1356,7 +1272,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -1381,7 +1297,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -1396,7 +1312,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1408,15 +1327,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -1438,7 +1349,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -1463,7 +1374,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -1476,7 +1387,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1488,15 +1402,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -1518,7 +1424,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -1543,7 +1449,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -1556,7 +1462,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1568,15 +1477,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -1598,7 +1499,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -1623,7 +1524,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -1636,7 +1537,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1648,15 +1552,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -1678,7 +1574,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -1703,7 +1599,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -1717,7 +1613,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1729,15 +1628,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -1759,7 +1650,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -1784,7 +1675,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -1817,7 +1708,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1829,15 +1723,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -1859,7 +1745,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -1884,7 +1770,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -1897,7 +1783,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1909,15 +1798,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -1939,7 +1820,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -1964,7 +1845,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -1977,7 +1858,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -1989,15 +1873,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -2019,7 +1895,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -2044,7 +1920,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -2056,9 +1932,6 @@ declare const InteractiveGraph: {
             handleAddPointsMouseDown: (arg1: import("@khanacademy/perseus").Coord) => void;
             resetGraphie: () => void;
             setupGraphie: () => void;
-            /**
-             * The range of the graph in the x and y directions.
-             */
             showHairlines: (arg1: import("@khanacademy/perseus").Coord) => void;
             hideHairlines: () => void;
             setTrashCanVisibility: (arg1: number) => void;
@@ -2068,7 +1941,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2080,15 +1956,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -2110,7 +1978,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -2135,13 +2003,15 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
                 linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
                 containerSizeClass: SizingUtils.SizeClass;
-            }) | null | undefined) => boolean;
+            }) | null | undefined) => boolean; /**
+             * How far apart the grid lines are in the x and y directions.
+             */
             areAngleGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
             arePointGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean;
             arePolygonGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon): boolean;
@@ -2160,9 +2030,6 @@ declare const InteractiveGraph: {
             updateSinusoid: () => void;
             removeSinusoidControls: () => void;
             addCircleControls: () => void;
-            /**
-             * Whether to show the protractor on the graph.
-             */
             removeCircleControls: () => void;
             addLinearSystemControls: () => void;
             removeLinearSystemControls: () => void;
@@ -2172,7 +2039,7 @@ declare const InteractiveGraph: {
             createPointForPolygonType: (arg1: import("@khanacademy/perseus").Coord, arg2: number) => any;
             updateCoordsFromPoints: () => void;
             clearCoords: () => void;
-            onChange: (arg1: any) => void;
+            onChange: import("@khanacademy/perseus").ChangeHandler;
             addPointControls: () => void;
             removePointControls: () => void;
             addSegmentControls: () => void;
@@ -2186,7 +2053,7 @@ declare const InteractiveGraph: {
             removeAngleControls: () => void;
             toggleShowSides: () => void;
             getUserInput: () => import("@khanacademy/perseus").PerseusGraphType;
-            simpleValidate: (rubric: PerseusInteractiveGraphWidgetOptions) => import("@khanacademy/perseus").PerseusScore;
+            simpleValidate: (rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric) => import("@khanacademy/perseus").PerseusScore;
             focus: () => void;
             render(): React.ReactNode;
             context: any;
@@ -2198,7 +2065,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2210,15 +2080,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -2240,7 +2102,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -2265,7 +2127,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -2283,7 +2145,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2295,15 +2160,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -2325,7 +2182,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -2350,7 +2207,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -2365,7 +2222,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2377,15 +2237,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -2407,7 +2259,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -2432,7 +2284,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -2446,7 +2298,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2458,15 +2313,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -2488,7 +2335,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -2513,7 +2360,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -2526,7 +2373,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2538,15 +2388,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -2568,7 +2410,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -2593,7 +2435,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -2606,7 +2448,10 @@ declare const InteractiveGraph: {
                 static: boolean | null | undefined;
                 problemNum: number | null | undefined;
                 apiOptions: Readonly<Readonly<{
-                    isArticle?: boolean | undefined;
+                    isArticle?: boolean | undefined; /**
+                     * An error message to display in the graph area, or true if the
+                     * graph is valid.
+                     */
                     onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                     onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                     GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2618,15 +2463,7 @@ declare const InteractiveGraph: {
                         [widgetId: string]: any;
                     }) => void) | undefined;
                     groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                    imagePlaceholder?: React.ReactNode; /**
-                     * The current correct answer for the graph. Updated by this component
-                     * when the graph is changed.
-                     *
-                     * Note that the "Correct answer:" textbox is not an interactive
-                     * element. Instead, it is a representation of the correct answer based
-                     * on the state of the interactive graph previewed at the bottom of the
-                     * editor page.
-                     */
+                    imagePlaceholder?: React.ReactNode;
                     widgetPlaceholder?: React.ReactNode;
                     baseElements?: {
                         Link: React.ComponentType<any>;
@@ -2648,7 +2485,7 @@ declare const InteractiveGraph: {
                     crossOutEnabled?: boolean | undefined;
                     editorChangeDelay?: number | undefined;
                     flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                    onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
                 }> & {
                     GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                     baseElements: {
@@ -2673,7 +2510,7 @@ declare const InteractiveGraph: {
                 onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
                 findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-                reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+                reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
                 onChange: import("@khanacademy/perseus").ChangeHandler;
                 trackInteraction: (extraData?: {} | undefined) => void;
                 isLastUsedWidget: boolean;
@@ -2683,7 +2520,7 @@ declare const InteractiveGraph: {
         }>;
         mafsRef: React.RefObject<import("../../../perseus/src/renderer").Widget>;
         getUserInput: (() => any) | undefined;
-        simpleValidate: (rubric: PerseusInteractiveGraphWidgetOptions) => import("@khanacademy/perseus").PerseusScore;
+        simpleValidate: (rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric) => import("@khanacademy/perseus").PerseusScore;
         render(): JSX.Element;
         context: any;
         setState<K_1 extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
@@ -2694,7 +2531,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2706,15 +2546,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -2736,7 +2568,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -2761,7 +2593,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -2781,7 +2613,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2793,15 +2628,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -2823,7 +2650,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -2848,7 +2675,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -2863,7 +2690,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2875,15 +2705,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -2905,7 +2727,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -2930,7 +2752,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -2943,7 +2765,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -2955,15 +2780,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -2985,7 +2802,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -3010,7 +2827,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -3025,7 +2842,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3037,15 +2857,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -3067,7 +2879,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -3092,7 +2904,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -3105,7 +2917,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3117,15 +2932,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -3147,7 +2954,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -3172,7 +2979,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -3185,7 +2992,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3197,15 +3007,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -3227,7 +3029,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -3252,7 +3054,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -3265,7 +3067,10 @@ declare const InteractiveGraph: {
             static: boolean | null | undefined;
             problemNum: number | null | undefined;
             apiOptions: Readonly<Readonly<{
-                isArticle?: boolean | undefined;
+                isArticle?: boolean | undefined; /**
+                 * An error message to display in the graph area, or true if the
+                 * graph is valid.
+                 */
                 onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
                 onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
                 GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3277,15 +3082,7 @@ declare const InteractiveGraph: {
                     [widgetId: string]: any;
                 }) => void) | undefined;
                 groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-                imagePlaceholder?: React.ReactNode; /**
-                 * The current correct answer for the graph. Updated by this component
-                 * when the graph is changed.
-                 *
-                 * Note that the "Correct answer:" textbox is not an interactive
-                 * element. Instead, it is a representation of the correct answer based
-                 * on the state of the interactive graph previewed at the bottom of the
-                 * editor page.
-                 */
+                imagePlaceholder?: React.ReactNode;
                 widgetPlaceholder?: React.ReactNode;
                 baseElements?: {
                     Link: React.ComponentType<any>;
@@ -3307,7 +3104,7 @@ declare const InteractiveGraph: {
                 crossOutEnabled?: boolean | undefined;
                 editorChangeDelay?: number | undefined;
                 flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+                onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
             }> & {
                 GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
                 baseElements: {
@@ -3332,7 +3129,7 @@ declare const InteractiveGraph: {
             onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
             findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-            reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+            reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
             onChange: import("@khanacademy/perseus").ChangeHandler;
             trackInteraction: (extraData?: {} | undefined) => void;
             isLastUsedWidget: boolean;
@@ -3342,7 +3139,7 @@ declare const InteractiveGraph: {
     };
     defaultProps: {
         labels: readonly string[];
-        range: [[number, number], [number, number]];
+        range: import("../../../perseus/src/perseus-types").GraphRange;
         step: [number, number];
         backgroundImage: PerseusImageBackground | undefined;
         markings: "grid" | "none" | "graph";
@@ -3361,7 +3158,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3373,15 +3173,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -3403,7 +3195,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -3428,7 +3220,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -3441,7 +3233,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3453,15 +3248,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -3483,7 +3270,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -3508,7 +3295,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -3521,7 +3308,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3533,15 +3323,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -3563,7 +3345,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -3588,7 +3370,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -3601,7 +3383,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3613,15 +3398,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -3643,7 +3420,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -3668,7 +3445,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -3681,7 +3458,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3693,15 +3473,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -3723,7 +3495,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -3748,7 +3520,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -3761,7 +3533,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3773,15 +3548,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -3803,7 +3570,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -3828,7 +3595,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -3842,7 +3609,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3854,15 +3624,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -3884,7 +3646,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -3909,7 +3671,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -3922,7 +3684,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -3934,15 +3699,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -3964,7 +3721,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -3989,7 +3746,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4002,7 +3759,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4014,15 +3774,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4044,7 +3796,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4069,7 +3821,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4082,7 +3834,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4094,15 +3849,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4124,7 +3871,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4149,7 +3896,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4162,7 +3909,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4174,15 +3924,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4204,7 +3946,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4229,7 +3971,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4242,7 +3984,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4254,15 +3999,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4284,7 +4021,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4309,7 +4046,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4322,7 +4059,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4334,15 +4074,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4364,7 +4096,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4389,7 +4121,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4402,7 +4134,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4414,15 +4149,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4444,7 +4171,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4469,7 +4196,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4482,7 +4209,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4494,15 +4224,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4524,7 +4246,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4549,7 +4271,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4562,7 +4284,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4574,15 +4299,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4604,7 +4321,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4629,7 +4346,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4642,7 +4359,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4654,15 +4374,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4684,7 +4396,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4709,7 +4421,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4722,7 +4434,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4734,15 +4449,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4764,7 +4471,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4789,7 +4496,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4802,7 +4509,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4814,15 +4524,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4844,7 +4546,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4869,7 +4571,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4882,7 +4584,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4894,15 +4599,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -4924,7 +4621,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -4949,7 +4646,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -4962,7 +4659,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -4974,15 +4674,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -5004,7 +4696,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -5029,7 +4721,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
@@ -5042,7 +4734,10 @@ declare const InteractiveGraph: {
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -5054,15 +4749,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -5084,7 +4771,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -5109,21 +4796,24 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: SizingUtils.SizeClass;
     }): string;
-    validate(userInput: import("@khanacademy/perseus").PerseusGraphType, rubric: PerseusInteractiveGraphWidgetOptions, component: any): import("@khanacademy/perseus").PerseusScore;
+    validate(userInput: import("@khanacademy/perseus").PerseusGraphType, rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric, component: any): import("@khanacademy/perseus").PerseusScore;
     getUserInputFromProps(props: PerseusInteractiveGraphWidgetOptions & {
         widgetId: string;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
-            isArticle?: boolean | undefined;
+            isArticle?: boolean | undefined; /**
+             * An error message to display in the graph area, or true if the
+             * graph is valid.
+             */
             onInputError?: ((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined;
             onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
             GroupMetadataEditor?: React.ComponentType<any> | undefined;
@@ -5135,15 +4825,7 @@ declare const InteractiveGraph: {
                 [widgetId: string]: any;
             }) => void) | undefined;
             groupAnnotator?: ((groupNumber: number, widgetId: string) => React.ReactNode) | undefined;
-            imagePlaceholder?: React.ReactNode; /**
-             * The current correct answer for the graph. Updated by this component
-             * when the graph is changed.
-             *
-             * Note that the "Correct answer:" textbox is not an interactive
-             * element. Instead, it is a representation of the correct answer based
-             * on the state of the interactive graph previewed at the bottom of the
-             * editor page.
-             */
+            imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
                 Link: React.ComponentType<any>;
@@ -5165,7 +4847,7 @@ declare const InteractiveGraph: {
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
-            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => import("@khanacademy/perseus").PerseusWidgetsMap) | undefined;
+            onWidgetStartProps?: ((widgets: import("@khanacademy/perseus").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -5190,7 +4872,7 @@ declare const InteractiveGraph: {
         onFocus: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         onBlur: (blurPath: import("@khanacademy/perseus").FocusPath) => void;
         findWidgets: (arg1: import("../../../perseus/src/types").FilterCriterion) => readonly any[];
-        reviewModeRubric: PerseusInteractiveGraphWidgetOptions;
+        reviewModeRubric: import("../../../perseus/src/widgets/interactive-graph").Rubric;
         onChange: import("@khanacademy/perseus").ChangeHandler;
         trackInteraction: (extraData?: {} | undefined) => void;
         isLastUsedWidget: boolean;