@khanacademy/perseus-editor 5.2.5 → 5.2.6

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>;
@@ -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>;
@@ -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>;
@@ -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>;
@@ -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>;
@@ -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>;
@@ -531,19 +498,20 @@ declare const InteractiveGraph: {
             updateSinusoid: () => void;
             removeSinusoidControls: () => void;
             addCircleControls: () => void;
-            /**
-             * Whether to show the protractor on the graph.
-             */
             removeCircleControls: () => void;
             addLinearSystemControls: () => void;
             removeLinearSystemControls: () => void;
             isCoordInTrash: (arg1: import("@khanacademy/perseus").Coord) => boolean;
+            /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             createPointForPointsType: (arg1: import("@khanacademy/perseus").Coord, arg2: number) => any;
             removePoint: (arg1: import("@khanacademy/perseus").Coord) => number | null | undefined;
             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;
@@ -569,7 +537,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 +552,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>;
@@ -654,7 +617,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 +632,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>;
@@ -736,7 +694,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 +709,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>;
@@ -817,7 +770,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 +785,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>;
@@ -897,7 +845,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 +860,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>;
@@ -977,7 +920,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 +935,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>;
@@ -1065,7 +1003,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 +1018,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>;
@@ -1152,7 +1085,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 +1100,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>;
@@ -1234,7 +1162,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 +1177,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>;
@@ -1314,7 +1237,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 +1252,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>;
@@ -1396,7 +1314,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 +1329,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>;
@@ -1476,7 +1389,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 +1404,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>;
@@ -1556,7 +1464,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 +1479,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>;
@@ -1636,7 +1539,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 +1554,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>;
@@ -1717,7 +1615,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 +1630,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>;
@@ -1817,7 +1710,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 +1725,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>;
@@ -1897,7 +1785,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 +1800,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>;
@@ -1977,7 +1860,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 +1875,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>;
@@ -2056,9 +1934,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 +1943,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 +1958,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>;
@@ -2160,19 +2030,20 @@ declare const InteractiveGraph: {
             updateSinusoid: () => void;
             removeSinusoidControls: () => void;
             addCircleControls: () => void;
-            /**
-             * Whether to show the protractor on the graph.
-             */
             removeCircleControls: () => void;
             addLinearSystemControls: () => void;
             removeLinearSystemControls: () => void;
             isCoordInTrash: (arg1: import("@khanacademy/perseus").Coord) => boolean;
+            /**
+             * Whether to show tooltips on the graph.
+             * (Currently not used, but will be in the future.)
+             */
             createPointForPointsType: (arg1: import("@khanacademy/perseus").Coord, arg2: number) => any;
             removePoint: (arg1: import("@khanacademy/perseus").Coord) => number | null | undefined;
             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;
@@ -2198,7 +2069,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 +2084,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>;
@@ -2283,7 +2149,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 +2164,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>;
@@ -2365,7 +2226,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 +2241,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>;
@@ -2446,7 +2302,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 +2317,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>;
@@ -2526,7 +2377,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 +2392,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>;
@@ -2606,7 +2452,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 +2467,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>;
@@ -2694,7 +2535,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 +2550,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>;
@@ -2781,7 +2617,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 +2632,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>;
@@ -2863,7 +2694,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 +2709,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>;
@@ -2943,7 +2769,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 +2784,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>;
@@ -3025,7 +2846,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 +2861,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>;
@@ -3105,7 +2921,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 +2936,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>;
@@ -3185,7 +2996,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 +3011,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>;
@@ -3265,7 +3071,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 +3086,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>;
@@ -3361,7 +3162,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 +3177,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>;
@@ -3441,7 +3237,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 +3252,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>;
@@ -3521,7 +3312,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 +3327,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>;
@@ -3601,7 +3387,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 +3402,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>;
@@ -3681,7 +3462,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 +3477,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>;
@@ -3761,7 +3537,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 +3552,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>;
@@ -3842,7 +3613,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 +3628,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>;
@@ -3922,7 +3688,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 +3703,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>;
@@ -4002,7 +3763,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 +3778,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>;
@@ -4082,7 +3838,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 +3853,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>;
@@ -4162,7 +3913,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 +3928,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>;
@@ -4242,7 +3988,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 +4003,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>;
@@ -4322,7 +4063,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 +4078,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>;
@@ -4402,7 +4138,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 +4153,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>;
@@ -4482,7 +4213,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 +4228,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>;
@@ -4562,7 +4288,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 +4303,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>;
@@ -4642,7 +4363,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 +4378,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>;
@@ -4722,7 +4438,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 +4453,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>;
@@ -4802,7 +4513,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 +4528,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>;
@@ -4882,7 +4588,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 +4603,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>;
@@ -4962,7 +4663,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 +4678,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>;
@@ -5042,7 +4738,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 +4753,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>;
@@ -5123,7 +4814,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;
@@ -5135,15 +4829,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>;