@khanacademy/perseus-editor 44.0.1 → 44.0.3

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

@@ -9,10 +9,6 @@ interface Props extends PerseusDropdownWidgetOptions {
  * An editor for adding a dropdown widget that allows users to select an option from a predefined list.
  */
 declare class DropdownEditor extends React.Component<Props> {
-    static propTypes: {
-        choices: any;
-        placeholder: any;
-    };
     static defaultProps: PerseusDropdownWidgetOptions;
     handleChange(changed: Partial<PerseusDropdownWidgetOptions>): void;
     onCorrectChange(choiceIndex: number): void;

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

@@ -1,7 +1,7 @@
 import { PerseusExpressionAnswerFormConsidered } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { APIOptions } from "@khanacademy/perseus";
-import type { PerseusExpressionWidgetOptions, PerseusExpressionUserInput } from "@khanacademy/perseus-core";
+import type { PerseusExpressionWidgetOptions, LegacyButtonSets, PerseusExpressionAnswerForm, PerseusExpressionUserInput } from "@khanacademy/perseus-core";
 type EditableExpressionWidgetOptions = Omit<PerseusExpressionWidgetOptions, "buttonsVisible">;
 type Props = {
     apiOptions: APIOptions;
@@ -15,7 +15,16 @@ interface State {
  * An editor for adding an expression widget that allows users to enter mathematical expressions.
  */
 declare class ExpressionEditor extends React.Component<Props, State> {
-    static defaultProps: any;
+    static defaultProps: {
+        answerForms: PerseusExpressionAnswerForm[];
+        buttonSets: LegacyButtonSets;
+        functions: string[];
+        times: boolean;
+        extraKeys?: import("@khanacademy/perseus-core").KeypadKey[];
+        visibleLabel?: string;
+        ariaLabel?: string;
+        buttonsVisible?: "always" | "never" | "focused";
+    };
     constructor(props: Props);
     handleChange(changes: Partial<EditableExpressionWidgetOptions>): void;
     serialize(): PerseusExpressionWidgetOptions;

package/dist/widgets/free-response-editor/free-response-editor.d.ts

@@ -9,7 +9,13 @@ type Props = PerseusFreeResponseWidgetOptions & {
  * An editor for adding a free response widget that allows users to enter open-ended text answers.
  */
 declare class FreeResponseEditor extends React.Component<Props> {
-    static defaultProps: any;
+    static defaultProps: {
+        allowUnlimitedCharacters: boolean;
+        characterLimit: number;
+        placeholder: string;
+        question: string;
+        scoringCriteria: ReadonlyArray<PerseusFreeResponseWidgetScoringCriterion>;
+    };
     handleChange(changes: Partial<PerseusFreeResponseWidgetOptions>): void;
     serialize: () => PerseusFreeResponseWidgetOptions;
     getSaveWarnings: () => Array<string>;

package/dist/widgets/interaction-editor/constraint-editor.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
-type Props = ChangeableProps & {
+interface ConstraintOptions {
     constraint: string;
     constraintFn: string;
     constraintXMax: string;
@@ -8,19 +7,13 @@ type Props = ChangeableProps & {
     constraintYMax: string;
     constraintYMin: string;
     snap: number;
-};
-type DefaultProps = {
-    constraint: Props["constraint"];
-    constraintFn: Props["constraintFn"];
-    constraintXMax: Props["constraintXMax"];
-    constraintXMin: Props["constraintXMin"];
-    constraintYMax: Props["constraintYMax"];
-    constraintYMin: Props["constraintYMin"];
-    snap: Props["snap"];
-};
+}
+interface Props extends ConstraintOptions {
+    onChange: (options: ConstraintOptions) => void;
+}
 declare class ConstraintEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    change: (propName: string) => (value?: any, callback?: () => unknown) => unknown;
+    static defaultProps: ConstraintOptions;
+    handleChange(changes: Partial<ConstraintOptions>): void;
     render(): React.ReactNode;
 }
 export default ConstraintEditor;

package/dist/widgets/interaction-editor/function-editor.d.ts

@@ -1,24 +1,11 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
-type Props = ChangeableProps & {
-    value: string;
-    rangeMin: string;
-    rangeMax: string;
-    color: string;
-    strokeDasharray: string;
-    strokeWidth: number;
-};
-type DefaultProps = {
-    value: Props["value"];
-    rangeMin: Props["rangeMin"];
-    rangeMax: Props["rangeMax"];
-    color: Props["color"];
-    strokeDasharray: Props["strokeDasharray"];
-    strokeWidth: Props["strokeWidth"];
-};
+import type { PerseusInteractionFunctionElementOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionFunctionElementOptions {
+    onChange: (options: PerseusInteractionFunctionElementOptions) => void;
+}
 declare class FunctionEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    change: (arg1: any, arg2?: any, arg3?: any) => any;
+    static defaultProps: PerseusInteractionFunctionElementOptions;
+    handleChange(changes: Partial<PerseusInteractionFunctionElementOptions>): void;
     render(): React.ReactNode;
 }
 export default FunctionEditor;

package/dist/widgets/interaction-editor/interaction-editor.d.ts

@@ -1,19 +1,8 @@
-import { type Coords, type PerseusInteractionWidgetOptions, type MarkingsType } from "@khanacademy/perseus-core";
 import * as React from "react";
-type Graph = {
-    box: ReadonlyArray<number>;
-    labels: ReadonlyArray<string>;
-    range: Coords;
-    tickStep: [number, number];
-    gridStep: [number, number];
-    markings: MarkingsType;
-    valid?: boolean;
-};
-type Props = {
-    onChange: (newProps: Record<string, unknown>) => void;
-    elements: ReadonlyArray<any>;
-    graph: Graph;
-};
+import type { PerseusInteractionWidgetOptions, PerseusInteractionElement } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionWidgetOptions {
+    onChange: (options: PerseusInteractionWidgetOptions) => void;
+}
 type State = any;
 /**
  * An editor for the interaction widget that allows users to engage with interactive content.
@@ -27,9 +16,14 @@ declare class InteractionEditor extends React.Component<Props, State> {
     static defaultProps: PerseusInteractionWidgetOptions;
     state: State;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    handleChange(changes: Partial<PerseusInteractionWidgetOptions>): void;
+    handleElementChange(n: number, newElement: PerseusInteractionElement): void;
     _getAllVarSubscripts(elements: ReadonlyArray<any>): ReadonlyArray<any>;
     _getAllFunctionNames(elements: ReadonlyArray<any>): ReadonlyArray<string>;
-    _updateGraphProps: (newProps: Record<string, unknown>) => void;
+    _updateGraphProps: (newProps: Record<string, any>) => void;
+    nextSubscript(): number;
+    nextFuncName(): string;
+    createElement(elementType: string): PerseusInteractionElement;
     _addNewElement: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
     _deleteElement: (arg1: number) => void;
     _moveElementUp: (arg1: number) => void;

package/dist/widgets/interaction-editor/label-editor.d.ts

@@ -1,20 +1,11 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
-type Props = ChangeableProps & {
-    color: string;
-    coordX: string;
-    coordY: string;
-    label: string;
-};
-type DefaultProps = {
-    color: Props["color"];
-    coordX: Props["coordX"];
-    coordY: Props["coordY"];
-    label: Props["label"];
-};
+import type { PerseusInteractionLabelElementOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionLabelElementOptions {
+    onChange: (options: PerseusInteractionLabelElementOptions) => void;
+}
 declare class LabelEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    change: (arg1: any, arg2?: any, arg3?: any) => any;
+    static defaultProps: PerseusInteractionLabelElementOptions;
+    handleChange(changes: Partial<PerseusInteractionLabelElementOptions>): void;
     render(): React.ReactNode;
 }
 export default LabelEditor;

package/dist/widgets/interaction-editor/line-editor.d.ts

@@ -1,27 +1,11 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
-type Props = ChangeableProps & {
-    startX: string;
-    startY: string;
-    endX: string;
-    endY: string;
-    color: string;
-    strokeDasharray: string;
-    arrows: string;
-    strokeWidth: number;
-};
-type DefaultProps = {
-    startX: Props["startX"];
-    startY: Props["startY"];
-    endX: Props["endX"];
-    endY: Props["endY"];
-    color: Props["color"];
-    strokeDasharray: Props["strokeDasharray"];
-    arrows: Props["arrows"];
-    strokeWidth: Props["strokeWidth"];
-};
+import type { PerseusInteractionLineElementOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionLineElementOptions {
+    onChange: (options: PerseusInteractionLineElementOptions) => void;
+}
 declare class LineEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
+    static defaultProps: PerseusInteractionLineElementOptions;
+    handleChange(changes: Partial<PerseusInteractionLineElementOptions>): void;
     change: (arg1: any, arg2?: any, arg3?: any) => any;
     render(): React.ReactNode;
 }

package/dist/widgets/interaction-editor/movable-line-editor.d.ts

@@ -1,28 +1,11 @@
 import * as React from "react";
-import type { ChangeableProps, ChangeFn } from "../../mixins/changeable";
-type Props = ChangeableProps & {
-    startX: string;
-    startY: string;
-    endX: string;
-    endY: string;
-    constraint: string;
-    snap: number;
-    constraintFn: string;
-    startSubscript: number;
-    endSubscript: number;
-};
-type DefaultProps = {
-    startX: Props["startX"];
-    startY: Props["startY"];
-    endX: Props["endX"];
-    endY: Props["endY"];
-    constraint: Props["constraint"];
-    snap: Props["snap"];
-    constraintFn: Props["constraintFn"];
-};
+import type { PerseusInteractionMovableLineElementOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionMovableLineElementOptions {
+    onChange: (options: PerseusInteractionMovableLineElementOptions) => void;
+}
 declare class MovableLineEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    change: ChangeFn;
+    static defaultProps: PerseusInteractionMovableLineElementOptions;
+    handleChange(changes: Partial<PerseusInteractionMovableLineElementOptions>): void;
     render(): React.ReactNode;
 }
 export default MovableLineEditor;

package/dist/widgets/interaction-editor/movable-point-editor.d.ts

@@ -1,23 +1,11 @@
 import * as React from "react";
-import type { ChangeableProps, ChangeFn } from "../../mixins/changeable";
-type Props = ChangeableProps & {
-    startX: string;
-    startY: string;
-    constraint: string;
-    snap: number;
-    constraintFn: string;
-    varSubscript: number;
-};
-type DefaultProps = {
-    startX: Props["startX"];
-    startY: Props["startY"];
-    constraint: Props["constraint"];
-    snap: Props["snap"];
-    constraintFn: Props["constraintFn"];
-};
+import type { PerseusInteractionMovablePointElementOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionMovablePointElementOptions {
+    onChange: (options: PerseusInteractionMovablePointElementOptions) => void;
+}
 declare class MovablePointEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    change: ChangeFn;
+    static defaultProps: PerseusInteractionMovablePointElementOptions;
+    handleChange(options: Partial<PerseusInteractionMovablePointElementOptions>): void;
     render(): React.ReactNode;
 }
 export default MovablePointEditor;

package/dist/widgets/interaction-editor/parametric-editor.d.ts

@@ -1,26 +1,11 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
-type Props = ChangeableProps & {
-    x: string;
-    y: string;
-    rangeMin: string;
-    rangeMax: string;
-    color: string;
-    strokeDasharray: string;
-    strokeWidth: number;
-};
-type DefaultProps = {
-    x: Props["x"];
-    y: Props["y"];
-    rangeMin: Props["rangeMin"];
-    rangeMax: Props["rangeMax"];
-    color: Props["color"];
-    strokeDasharray: Props["strokeDasharray"];
-    strokeWidth: Props["strokeWidth"];
-};
+import type { PerseusInteractionParametricElementOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionParametricElementOptions {
+    onChange: (options: PerseusInteractionParametricElementOptions) => void;
+}
 declare class ParametricEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    change: (arg1: any, arg2?: any, arg3?: any) => any;
+    static defaultProps: PerseusInteractionParametricElementOptions;
+    handleChange(changes: Partial<PerseusInteractionParametricElementOptions>): void;
     render(): React.ReactNode;
 }
 export default ParametricEditor;

package/dist/widgets/interaction-editor/point-editor.d.ts

@@ -1,18 +1,11 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
-type Props = ChangeableProps & {
-    coordX: string;
-    coordY: string;
-    color: string;
-};
-type DefaultProps = {
-    coordX: Props["coordX"];
-    coordY: Props["coordY"];
-    color: Props["color"];
-};
+import type { PerseusInteractionPointElementOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionPointElementOptions {
+    onChange: (options: PerseusInteractionPointElementOptions) => void;
+}
 declare class PointEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    change: (arg1: any, arg2?: any, arg3?: any) => any;
+    static defaultProps: PerseusInteractionPointElementOptions;
+    handleChange(changes: Partial<PerseusInteractionPointElementOptions>): void;
     render(): React.ReactNode;
 }
 export default PointEditor;

package/dist/widgets/interaction-editor/rectangle-editor.d.ts

@@ -1,22 +1,11 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
-type Props = ChangeableProps & {
-    color: string;
-    coordX: string;
-    coordY: string;
-    height: string;
-    width: string;
-};
-type DefaultProps = {
-    color: Props["color"];
-    coordX: Props["coordX"];
-    coordY: Props["coordY"];
-    height: Props["height"];
-    width: Props["width"];
-};
+import type { PerseusInteractionRectangleElementOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusInteractionRectangleElementOptions {
+    onChange: (options: PerseusInteractionRectangleElementOptions) => void;
+}
 declare class RectangleEditor extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    change: (arg1: any, arg2?: any, arg3?: any) => any;
+    static defaultProps: PerseusInteractionRectangleElementOptions;
+    handleChange(changes: Partial<PerseusInteractionRectangleElementOptions>): void;
     render(): React.ReactNode;
 }
 export default RectangleEditor;

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

@@ -1,17 +1,12 @@
 import * as React from "react";
-import type { ChangeFn } from "../../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { AxisLabelLocation, ShowAxisArrows, ShowAxisTicks, MarkingsType, PerseusImageBackground } from "@khanacademy/perseus-core";
 type Range = [min: number, max: number];
-interface Props {
-    /**
-     * The size of the graph area in pixels.
-     */
-    box: [x: number, y: number];
+export interface InteractiveGraphSettingsData {
     /**
      * The labels for the x and y axes.
      */
-    labels: ReadonlyArray<string>;
+    labels: string[];
     /**
      * Specifies the location of the labels on the graph.  default: "onAxis".
      * - "onAxis": Labels are positioned on the axis at the right (x) and top (y) of the graph.
@@ -69,12 +64,18 @@ interface Props {
      * Whether to show tooltips on the graph.
      */
     showTooltips: boolean;
-    onChange: (arg1: Partial<Props>) => void;
+}
+interface Props extends InteractiveGraphSettingsData {
+    /**
+     * The size of the graph area in pixels.
+     */
+    box: [x: number, y: number];
+    onChange: (settings: InteractiveGraphSettingsData) => void;
     apiOptions: APIOptionsWithDefaults;
 }
 interface State {
     isExpanded: boolean;
-    labelsTextbox: ReadonlyArray<string>;
+    labelsTextbox: string[];
     labelLocation: AxisLabelLocation;
     gridStepTextbox: [x: number, y: number];
     snapStepTextbox: [x: number, y: number];
@@ -90,7 +91,7 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
     labelXRef: React.RefObject<HTMLInputElement>;
     labelYRef: React.RefObject<HTMLInputElement>;
     static stateFromProps(props: Props): {
-        labelsTextbox: readonly string[];
+        labelsTextbox: string[];
         labelLocation: AxisLabelLocation;
         gridStepTextbox: [x: number, y: number];
         snapStepTextbox: [x: number, y: number];
@@ -140,7 +141,7 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
     componentWillUnmount(): void;
-    change: ChangeFn;
+    handleChange(changes: Partial<InteractiveGraphSettingsData>): void;
     changeBackgroundUrl: (e: any) => void;
     renderLabelChoices: (choices: any) => any;
     validRange: (range: any) => true | "Range must be a valid number" | "Range must have a higher number on the right";
@@ -155,9 +156,9 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
     changeShowAxisArrows: (axis: keyof ShowAxisArrows) => void;
     changeShowAxisTicks: (axis: keyof ShowAxisTicks) => void;
     changeStepsBasedOnRange: () => void;
-    changeStep: (step: any) => void;
-    changeSnapStep: (snapStep: any) => void;
-    changeGridStep: (gridStep: any) => void;
+    changeStep: (step: [number, number]) => void;
+    changeSnapStep: (snapStep: [number, number]) => void;
+    changeGridStep: (gridStep: [number, number]) => void;
     changeGraph: () => void;
     render(): React.JSX.Element;
 }

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

@@ -1,119 +1,57 @@
 import * as React from "react";
+import type { InteractiveGraphSettingsData } from "./components/interactive-graph-settings";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
-import type { PerseusInteractiveGraphUserInput, LockedFigure, PerseusImageBackground, PerseusInteractiveGraphWidgetOptions, PerseusGraphType, MarkingsType, AxisLabelLocation, ShowAxisArrows, ShowAxisTicks } from "@khanacademy/perseus-core";
-type Range = [min: number, max: number];
-export type Props = {
-    apiOptions: APIOptionsWithDefaults;
-    /**
-     * The labels for the x and y axes.
-     */
-    labels: ReadonlyArray<string>;
-    /**
-     * Specifies the location of the labels on the graph.  default: "onAxis".
-     * - "onAxis": Labels are positioned on the axis at the right (x) and top (y) of the graph.
-     * - "alongEdge": Labels are centered along the bottom (x) and left (y) edges of the graph.
-     *    The y label is rotated. Typically used when the range min is near 0 with longer labels.
-     */
-    labelLocation?: AxisLabelLocation;
-    /**
-     * The range of the graph in the x and y directions.
-     */
-    range: [x: Range, y: Range];
-    /**
-     * Whether the graph is bounded on the x and y axes.
-     */
-    showAxisArrows: ShowAxisArrows;
-    /**
-     * Whether to show tick marks and tick numbers per axis.
-     */
-    showAxisTicks: ShowAxisTicks;
-    /**
-     * How far apart the tick marks on the axes are in the x and y
-     * directions.
-     */
-    step: [x: number, y: number];
-    /**
-     * How far apart the grid lines are in the x and y directions.
-     */
-    gridStep: [x: number, y: number];
-    /**
-     * How far apart the snap-to points are in the x and y directions.
-     */
-    snapStep: [x: number, y: number];
-    /**
-     * The size of the graph in pixels.
-     */
-    box: [x: number, y: number];
+import type { PerseusInteractiveGraphWidgetOptions, PerseusGraphType } from "@khanacademy/perseus-core";
+interface State {
     /**
      * An error message to display in the graph area, or true if the
      * graph is valid.
      */
     valid: true | string;
-    /**
-     * The background image to display in the graph area and its properties.
-     */
-    backgroundImage: PerseusImageBackground;
-    /**
-     * The type of markings to display on the graph.
-     * - graph: shows the axes and the grid lines
-     * - grid: shows only the grid lines
-     * - none: shows no markings
-     */
-    markings: MarkingsType;
-    /**
-     * Whether to show the protractor on the graph.
-     */
-    showProtractor: boolean;
-    /**
-     * Whether to show tooltips on the graph.
-     * (Currently not used, but will be in the future.)
-     */
-    showTooltips: boolean;
-    /**
-     * 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.
-     */
-    correct: PerseusGraphType;
-    /**
-     * The locked figures to display in the graph area.
-     * Locked figures are graph elements (points, lines, line segmeents,
-     * etc.) that are locked in place and not interactive.
-     */
-    lockedFigures?: Array<LockedFigure>;
-    fullGraphAriaLabel?: string;
-    fullGraphAriaDescription?: string;
-    /**
-     * The graph to display in the graph area.
-     */
-    graph: PerseusInteractiveGraphUserInput;
-    onChange: (props: Partial<Props>) => void;
+}
+export interface Props extends PerseusInteractiveGraphWidgetOptions {
+    apiOptions: APIOptionsWithDefaults;
+    onChange: (options: PerseusInteractiveGraphWidgetOptions) => void;
     static?: boolean;
-    /**
-     * Whether this widget is graded.
-     */
-    graded?: boolean;
-};
+}
 /**
  * An editor for the InteractiveGraph widget, which allows the user to
  * specify the graph's properties and the correct answer.
  *
  * Used in the exercise editor.
  */
-declare class InteractiveGraphEditor extends React.Component<Props> {
+declare class InteractiveGraphEditor extends React.Component<Props, State> {
     static bestPractices: {
         url: string;
         label: string;
     };
     displayName: string;
     className: string;
-    static defaultProps: PerseusInteractiveGraphWidgetOptions & {
-        valid: true | string;
+    state: State;
+    static defaultProps: {
+        step: [number, number];
+        gridStep?: [x: number, y: number];
+        snapStep?: [x: number, y: number];
+        backgroundImage: import("@khanacademy/perseus-core").PerseusImageBackground;
+        markings: import("@khanacademy/perseus-core").MarkingsType;
+        labels: string[];
+        labelLocation: import("@khanacademy/perseus-core").AxisLabelLocation;
+        showAxisArrows: import("@khanacademy/perseus-core").ShowAxisArrows;
+        showAxisTicks: import("@khanacademy/perseus-core").ShowAxisTicks;
+        showProtractor: boolean;
+        showRuler?: boolean;
+        showTooltips: boolean;
+        rulerLabel?: string;
+        rulerTicks?: number;
+        range: import("@khanacademy/perseus-core").GraphRange;
+        graph: PerseusGraphType;
+        correct: PerseusGraphType;
+        lockedFigures: import("@khanacademy/perseus-core").LockedFigure[];
+        fullGraphAriaLabel?: string;
+        fullGraphAriaDescription?: string;
     };
+    handleChange(changes: Partial<PerseusInteractiveGraphWidgetOptions>): void;
+    handleSettingsChange({ valid, ...settings }: InteractiveGraphSettingsData): void;
     changeStartCoords: (coords: any) => void;
     changePointLabels: (pointLabels: ReadonlyArray<string>) => void;
     changeShowPointLabels: (showPointLabels: boolean) => void;

package/dist/widgets/label-image-editor/answer-choices.d.ts

@@ -2,7 +2,7 @@
  * Controlled list of answer choices, handles adding and removing answers.
  */
 import * as React from "react";
-export interface AnswerChoicesProps {
+interface AnswerChoicesProps {
     choices: ReadonlyArray<string>;
     onChange: (choices: ReadonlyArray<string>) => void;
     editingDisabled: boolean;

package/dist/widgets/label-image-editor/select-image.d.ts

@@ -2,7 +2,7 @@
  * Controlled component for selecting the question image, for answer labeling.
  */
 import * as React from "react";
-export interface SelectImageProps {
+interface SelectImageProps {
     onChange: (url: string) => void;
     url: string;
     editingDisabled?: boolean;

package/dist/widgets/numeric-input-editor/numeric-input-editor.d.ts

@@ -18,7 +18,13 @@ interface State {
  */
 declare class NumericInputEditor extends React.Component<Props, State> {
     static displayName: string;
-    static defaultProps: any;
+    static defaultProps: {
+        answers: import("@khanacademy/perseus-core").PerseusNumericInputAnswer[];
+        labelText?: string | undefined;
+        size: string;
+        coefficient: boolean;
+        textAlign: "left" | "right" | "center";
+    };
     constructor(props: Props);
     change: ChangeFn;
     onToggleAnswers: (answerIndex: number) => void;